diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index bde11be..9b04ea4 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -10,15 +10,27 @@ export default function LoginPage() {
       defaultTextAnimation="reveal-blur"
       borderRadius="soft"
       contentWidth="medium"
+      sizing="medium"
       background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
-      <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Login", id: "/login"}]} brandName="Swift Haul" />
-      <div className="pt-32">
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple 
+          navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Dashboard", id: "/dashboard"}, {name: "Contact", id: "/contact"}]} 
+          brandName="Swift Haul" 
+        />
+      </div>
+      <div id="contact" data-section="contact">
         <ContactSplit 
           tag="Access"
           title="Login to Your Account"
           description="Manage your fleet and track your shipments."
           background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
+          mediaAnimation="blur-reveal"
           inputPlaceholder="Enter your email"
           buttonText="Login"
         />