From 2bee14e17df93a4341c295e2b11b0929f2b7fa06 Mon Sep 17 00:00:00 2001
From: Mike Karl <karl.mike2002@gmail.com>
Date: Tue, 28 Oct 2025 20:26:55 +0100
Subject: [PATCH] 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 | 2 +-
 app/globals.css            | 1 +
 app/navbar.tsx             | 7 +------
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/components/section.tsx b/app/components/section.tsx
index aff3821..45e512d 100644
--- a/app/components/section.tsx
+++ b/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"
     };
 
diff --git a/app/globals.css b/app/globals.css
index fa289b6..ebf49fc 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -16,6 +16,7 @@ body {
 
 .polka{
   overflow: hidden;
+  will-change: transform;
 }
 
 .polka::before{
diff --git a/app/navbar.tsx b/app/navbar.tsx
index aaa4899..d69f725 100644
--- a/app/navbar.tsx
+++ b/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>