diff --git a/src/app.d.ts b/src/app.d.ts
index f9bdd0d..98bb6df 100644
--- a/src/app.d.ts
+++ b/src/app.d.ts
@@ -8,8 +8,8 @@ declare global {
       message: string;
     }
     // interface Locals {}
-    // interface PageData {}
-    // interface PageState {}
+    interface PageData {}
+    interface PageState {}
     interface Platform {
       env: {
         COUNTER: DurableObjectNamespace;
diff --git a/src/components/footer.svelte b/src/lib/components/footer.svelte
similarity index 100%
rename from src/components/footer.svelte
rename to src/lib/components/footer.svelte
diff --git a/src/components/navbar/navbar.svelte b/src/lib/components/navbar/navbar.svelte
similarity index 100%
rename from src/components/navbar/navbar.svelte
rename to src/lib/components/navbar/navbar.svelte
diff --git a/src/components/navbar/themeController.svelte b/src/lib/components/navbar/themeController.svelte
similarity index 100%
rename from src/components/navbar/themeController.svelte
rename to src/lib/components/navbar/themeController.svelte
diff --git a/src/components/portfolio/countdown.svelte b/src/lib/components/portfolio/countdown.svelte
similarity index 100%
rename from src/components/portfolio/countdown.svelte
rename to src/lib/components/portfolio/countdown.svelte
diff --git a/src/components/portfolio/divider.svelte b/src/lib/components/portfolio/divider.svelte
similarity index 100%
rename from src/components/portfolio/divider.svelte
rename to src/lib/components/portfolio/divider.svelte
diff --git a/src/components/portfolio/skills.svelte b/src/lib/components/portfolio/skills.svelte
similarity index 100%
rename from src/components/portfolio/skills.svelte
rename to src/lib/components/portfolio/skills.svelte
diff --git a/src/components/portfolio/skills/stars.svelte b/src/lib/components/portfolio/skills/stars.svelte
similarity index 100%
rename from src/components/portfolio/skills/stars.svelte
rename to src/lib/components/portfolio/skills/stars.svelte
diff --git a/src/components/portfolio/textContent.svelte b/src/lib/components/portfolio/textContent.svelte
similarity index 100%
rename from src/components/portfolio/textContent.svelte
rename to src/lib/components/portfolio/textContent.svelte
diff --git a/src/components/portfolio/timeline.svelte b/src/lib/components/portfolio/timeline.svelte
similarity index 100%
rename from src/components/portfolio/timeline.svelte
rename to src/lib/components/portfolio/timeline.svelte
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c63a57d..2a8d5fe 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import "../app.css";
-  import Navbar from "../components/navbar/navbar.svelte";
-  import Footer from "../components/footer.svelte";
+  import Navbar from "$lib/components/navbar/navbar.svelte";
+  import Footer from "$lib/components/footer.svelte";
 </script>
 
 <Navbar />
diff --git a/src/routes/portfolio/+page.svelte b/src/routes/portfolio/+page.svelte
index cce7409..45b3fc0 100644
--- a/src/routes/portfolio/+page.svelte
+++ b/src/routes/portfolio/+page.svelte
@@ -1,9 +1,9 @@
-<script>
-  import Divider from "../../components/portfolio/divider.svelte";
-  import Countdown from "../../components/portfolio/countdown.svelte";
-  import TextContent from "../../components/portfolio/textContent.svelte";
-  import Skills from "../../components/portfolio/skills.svelte";
-  import Timeline from "../../components/portfolio/timeline.svelte";
+<script lang="ts">
+  import Divider from "$lib/components/portfolio/divider.svelte";
+  import Countdown from "$lib/components/portfolio/countdown.svelte";
+  import TextContent from "$lib/components/portfolio/textContent.svelte";
+  import Skills from "$lib/components/portfolio/skills.svelte";
+  import Timeline from "$lib/components/portfolio/timeline.svelte";
 </script>
 
 <div
@@ -11,7 +11,11 @@
 >
   <div class="hero-overlay bg-opacity-30"></div>
   <div class="hero-content text-left text-accent-content flex-col lg:flex-row">
-    <div class="skeleton w-48 h-64 shadow-2xl max-w-sm"></div>
+    <img
+      class=" skeleton w-48 h-64 shadow-2xl max-w-sm rounded-2xl"
+      alt="what i look like!"
+      src="https://cdn.nickbland.dev/nickbland%2Fstatic%2Fimages%2Fprofile.webp"
+    />
     <div>
       <h1 class="mb-6 text-6xl font-bold text-wrap text-center text-primary-content">
         Hello, my name is Nick