style: replace mobile menu image with a sleek gradient and noise background

components/Navbar.tsx

@@ -88,10 +88,16 @@ export function Navbar() {
       {/* Mobile Menu Overlay */}
       <div 
         className={cn(
-          "fixed inset-0 bg-background/98 z-[200] lg:hidden flex flex-col p-8 transition-all duration-500",
+          "fixed inset-0 z-[200] lg:hidden flex flex-col p-8 transition-all duration-500 overflow-hidden",
           mobileMenuOpen ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-full pointer-events-none"
         )}
       >
+        {/* Clean Gradient Background for Mobile Menu */}
+        <div className="absolute inset-0 z-0 bg-surface-container-lowest" />
+        <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-background to-background z-0" />
+        <div className="noise-overlay opacity-20 z-0" />
+
+        <div className="relative z-10 flex flex-col h-full">
           <div className="flex justify-between items-center mb-16">
             <div className="flex flex-col">
               <span className="font-headline text-3xl font-black text-white tracking-tighter">AYDOĞAN</span>
@@ -99,9 +105,9 @@ export function Navbar() {
             </div>
             <button 
               onClick={() => setMobileMenuOpen(false)}
-            className="p-4 bg-white/5 text-white"
+              className="p-4 bg-white/5 text-white rounded-full hover:bg-primary transition-colors"
             >
-            <X size={32} />
+              <X size={24} />
             </button>
           </div>
 
@@ -112,11 +118,15 @@ export function Navbar() {
                 href={link.href}
                 onClick={() => setMobileMenuOpen(false)}
                 className={cn(
-                "font-headline text-4xl font-bold uppercase tracking-tighter transition-all hover:translate-x-4",
+                  "font-headline text-4xl font-bold uppercase tracking-tighter transition-all hover:translate-x-4 flex items-center gap-4 group",
                   pathname === link.href ? "text-primary" : "text-white/60"
                 )}
                 style={{ transitionDelay: `${idx * 50}ms` }}
               >
+                <div className={cn(
+                  "w-2 h-2 bg-primary rounded-full transition-all group-hover:scale-150",
+                  pathname === link.href ? "opacity-100" : "opacity-0 group-hover:opacity-100"
+                )} />
                 {link.name}
               </Link>
             ))}
@@ -128,20 +138,21 @@ export function Navbar() {
                 handleWhatsApp();
                 setMobileMenuOpen(false);
               }}
-            className="w-full bg-primary text-on-primary font-headline font-black uppercase tracking-widest py-6 text-xl flex items-center justify-center gap-3 active:scale-95 transition-all"
+              className="w-full bg-primary text-on-primary font-headline font-black uppercase tracking-widest py-6 text-xl flex items-center justify-center gap-3 active:scale-95 transition-all shadow-[0_20px_50px_rgba(234,179,8,0.2)]"
             >
               <MessageCircle className="w-6 h-6" />
               HIZLI TEKLİF AL
             </button>
             <a 
               href={`tel:${siteConfig.contact.phone.replace(/\s+/g, '')}`}
-            className="w-full border border-white/10 text-white font-headline font-bold uppercase tracking-widest py-6 text-lg text-center flex items-center justify-center gap-3"
+              className="w-full border border-white/10 bg-white/5 backdrop-blur-sm text-white font-headline font-bold uppercase tracking-widest py-6 text-lg text-center flex items-center justify-center gap-3 hover:bg-white/10 transition-all"
             >
               <Phone className="w-5 h-5" />
               {siteConfig.contact.phone}
             </a>
           </div>
         </div>
+      </div>
     </nav>
   );
 }