Update components/GlassDock.js

components/GlassDock.js

@@ -1,27 +1,37 @@
+// components/GlassDock.js
 import Link from 'next/link';
 
 export default function GlassDock({ activeTab }) {
-  // Ensure these images exist in public/assets/
-  const icons = {
-    home: "/assets/home_icon_blue.png",
-    create: "/assets/upload_button_blue.png",
-    profile: "/assets/user_icon_blue.png",
-  };
-
   return (
     <div className="fixed bottom-0 left-0 right-0 z-50 px-6 pb-6 pt-2 mb-safe pointer-events-none">
       <div className="pointer-events-auto flex justify-between items-center bg-white/40 backdrop-blur-xl border border-white/50 rounded-3xl shadow-lg px-8 py-4 mx-auto max-w-sm">
+        
+        {/* Home Icon */}
         <Link href="/" className="relative group">
-          <img src={icons.home} className="w-10 h-10 transition-transform active:scale-90" />
+          <img 
+             src="/assets/home_icon_blue.png" 
+             className="w-10 h-10 transition-transform active:scale-90" 
+          />
         </Link>
+
+        {/* Upload Button (The Plus Icon you just uploaded) */}
         <Link href="/create" className="-mt-12">
           <div className="bg-white/20 p-2 rounded-full backdrop-blur-md border border-white/60 shadow-xl">
-             <img src={icons.create} className="w-16 h-16 transition-transform active:scale-95" />
+             <img 
+               src="/assets/upload_button_blue.png" 
+               className="w-16 h-16 transition-transform active:scale-95" 
+             />
           </div>
         </Link>
+
+        {/* Profile Icon (The User Icon you just uploaded) */}
         <Link href="/profile" className="relative group">
-           <img src={icons.profile} className="w-10 h-10 transition-transform active:scale-90" />
+           <img 
+             src="/assets/user_icon_blue.png" 
+             className="w-10 h-10 transition-transform active:scale-90" 
+           />
         </Link>
+        
       </div>
     </div>
   );