components/GlassDock.js

import Link from 'next/link';

export default function GlassDock() {
  return (
    <div className="fixed bottom-10 left-0 right-0 z-50 flex justify-center items-center gap-12 pointer-events-none mb-safe">
      
      {/* Home */}
      <Link href="/" className="pointer-events-auto active:scale-90 transition-transform">
        <img src="/assets/home_icon_blue.png" className="w-16 h-16 drop-shadow-lg" />
      </Link>

      {/* Upload (Same Size) */}
      <Link href="/create" className="pointer-events-auto active:scale-90 transition-transform">
        <img src="/assets/upload_button_blue.png" className="w-16 h-16 drop-shadow-lg" />
      </Link>

      {/* Profile (Same Size) */}
      <Link href="/profile" className="pointer-events-auto active:scale-90 transition-transform">
        <img src="/assets/user_icon_blue.png" className="w-16 h-16 drop-shadow-lg" />
      </Link>

    </div>
  );
}