Enhance Navbar styling and adjust Section component padding for improved layout; add will-change property to polka class in global CSS for better performance.

app/components/section.tsx

@@ -19,7 +19,7 @@ export default function Section({
 
     const variantClasses = {
         default: "bg-stone-900",
-        hero: "polka pt-20 lg:pt-40",
+        hero: "polka pt-32 lg:pt-40",
         minimal: "bg-transparent"
     };
 

app/globals.css

@@ -16,6 +16,7 @@ body {
 
 .polka{
   overflow: hidden;
+  will-change: transform;
 }
 
 .polka::before{

app/navbar.tsx

@@ -66,7 +66,7 @@ export default function Navbar() {
                 {/* Mobile Menu */}
                 <div className={`md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
                     }`}>
-                    <div className="py-4 space-y-2 border-t border-gray-800/50">
+                    <div className="py-6 space-y-2 border-t border-stone-950 border-b">
                         {navItems.map((item) => (
                             <Link
                                 key={item.href}
@@ -77,11 +77,6 @@ export default function Navbar() {
                                 {item.label}
                             </Link>
                         ))}
-                        <div className="pt-4">
-                            <Button variant="glass" size="sm" className="w-full">
-                                Get in Touch
-                            </Button>
-                        </div>
                     </div>
                 </div>
             </div>