update root page

Author: codediodeio

src/lib/firebase.ts

@@ -5,7 +5,12 @@ import { getStorage } from "firebase/storage";
 import { writable, type Readable, derived } from "svelte/store";
 
 const firebaseConfig = {
-  // Your firebase config
+  apiKey: "AIzaSyAYC2plXHclSmOd6BhuLu_BlcsAT5w5E0o",
+  authDomain: "svelte-course-ddbd8.firebaseapp.com",
+  projectId: "svelte-course-ddbd8",
+  storageBucket: "svelte-course-ddbd8.appspot.com",
+  messagingSenderId: "196708682694",
+  appId: "1:196708682694:web:fce0d167ce3055810180c7"
 };
 
 // Initialize Firebase

src/routes/+page.svelte

@@ -1,8 +1,31 @@
+<script>
+    import { userData } from "$lib/firebase";
 
-
-
-
-<h1 class="text-green-400">Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
-
-<button class="btn btn-primary">Button</button>
+  </script>
+  
+  <svelte:head>
+    <title>Kung.foo - a place for links</title>
+    <meta name="description" content="Demo project for the Full SvelteKit Course by Fireship" />
+  </svelte:head>
+  
+  <main class="flex w-full min-h-screen">
+  
+    <div class="hero bg-base-200">
+      <div class="hero-content text-center">
+        <div class="w-full">
+          <h1 class="text-7xl font-bold">Kung.foo</h1>
+          <p class="py-6 text-2xl">One simple link to share your entire developer portfolio</p>
+          {#if $userData?.username}
+            <a href="/{$userData.username}/edit" class="btn btn-primary">Edit Profile</a>
+          {:else}
+            <a href="/login" class="btn btn-primary">Get Started</a>
+            <a href="/fireship" class="btn btn-secondary">Example Profile</a>
+          {/if}
+          <p class="py-6">Learn how to build this app from scratch in the <a class="link" href="https://fireship.io/courses/sveltekit">Full SvelteKit Course</a></p>
+        </div>
+      </div>
+    </div>
+    
+  </main>
+  
+