From 1884802c5da32b72c811c3fa06279a85f4abfcb0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 14 Apr 2026 23:29:45 +0000
Subject: [PATCH] Update src/app/login/page.tsx

---
 src/app/login/page.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

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"
         />