diff --git a/components/BigTextMain.vue b/components/BigTextMain.vue
index dcfc6b75..cc64940b 100644
--- a/components/BigTextMain.vue
+++ b/components/BigTextMain.vue
@@ -1,6 +1,9 @@
-<script></script>
+<script setup>
+ let spotify_link = `https://spotify-github-profile.kittinanx.com/api/view?uid=saahil.d&cover_image=true&theme=default&show_offline=false&background_color=121212&interchange=false&bar_color=b6494d&bar_color_cover=true`
+</script>
 <template>
-  <div class="ml-20 mt-20">
+<div class="flex items-center justify-between mt-20 px-20">
+  <div>
     <img
       src="https://avatars.githubusercontent.com/u/58448036?v=4"
       height="200"
@@ -12,6 +15,14 @@
     </h1>
     <p class="pt-5">I am a teenage developer, designer and programmer</p>
   </div>
+
+  <!-- Right: Spotify Image -->
+  <div>
+    <img :src="spotify_link" alt="Saahil's Spotify" class="mt-5" />
+  </div>
+</div>
+
+
 </template>
 <style>
 .fancy-font {
diff --git a/components/Navbar.vue b/components/Navbar.vue
index ecef2e9e..6de6e4cf 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -31,7 +31,7 @@
           <li><a>Webrings</a></li>
         </ul>
       </div>
-      <a class="btn btn-ghost text-xl">saahild.com</a>
+      <a class="btn btn-ghost text-xl" href="./">saahild.com</a>
     </div>
     <!-- <div class="navbar-center hidden lg:flex">
      
diff --git a/pages/projects.vue b/pages/projects.vue
new file mode 100644
index 00000000..e2897292
--- /dev/null
+++ b/pages/projects.vue
@@ -0,0 +1 @@
+<template>projects who?</template>