diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..7bbca92
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function LoginPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="large"
+        background="aurora"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/features" },
+              { name: "Shop", id: "/products" },
+              { name: "Contact", id: "/contact" },
+              { name: "Login", id: "/login" },
+            ]}
+            brandName="E-Scoot Hub"
+          />
+        </div>
+
+        <div id="login" data-section="login" className="min-h-screen pt-20 flex items-center justify-center">
+          <ContactSplitForm
+            title="Login to Your Account"
+            description="Manage your ride, book repairs, and track your maintenance status with ease."
+            inputs={[
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+              { name: "password", type: "password", placeholder: "Password", required: true }
+            ]}
+            buttonText="Sign In"
+            mediaPosition="left"
+            imageSrc="http://img.b2bpic.net/free-photo/handsome-man-scooter-shopping-online-phone_1303-21258.jpg"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c867f1..989e026 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,21 +32,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Shop",
-          id: "products",
-        },
+          name: "Shop",          id: "products"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
+        {
+          name: "Login",          id: "/login"},
       ]}
       brandName="E-Scoot Hub"
     />
@@ -55,104 +49,61 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Advanced Electric Scooty Care & Repair"
       description="Secure, transparent, and real-time maintenance services. Manage your ride, book repairs, and shop premium parts effortlessly."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-motorcyle_23-2148480319.jpg",
-          imageAlt: "Service Center Workshop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-motorcyle_23-2148480319.jpg",          imageAlt: "Service Center Workshop"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-scooter-shopping-online-phone_1303-21258.jpg",
-          imageAlt: "Battery Charging",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-scooter-shopping-online-phone_1303-21258.jpg",          imageAlt: "Battery Charging"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31438.jpg",
-          imageAlt: "Technician Examining",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31438.jpg",          imageAlt: "Technician Examining"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-traveling-with-electric-scooters_23-2149383308.jpg",
-          imageAlt: "City Commute",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-traveling-with-electric-scooters_23-2149383308.jpg",          imageAlt: "City Commute"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-flare-background_1017-15282.jpg",
-          imageAlt: "Abstract Tech",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-light-flare-background_1017-15282.jpg",          imageAlt: "Abstract Tech"},
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg",
-          imageAlt: "Tech Dashboard",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-futuristic-sci-fi-background_35913-2150.jpg",          imageAlt: "Tech Dashboard"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg",
-          imageAlt: "Electric Power",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139396.jpg",          imageAlt: "Electric Power"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-bearded-male-vaping-after-electric-scooter_613910-2142.jpg",
-          imageAlt: "Scooter Ride",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-bearded-male-vaping-after-electric-scooter_613910-2142.jpg",          imageAlt: "Scooter Ride"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg",
-          imageAlt: "Repair Tools",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg",          imageAlt: "Repair Tools"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16281.jpg",
-          imageAlt: "Battery Pack",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16281.jpg",          imageAlt: "Battery Pack"},
       ]}
       buttons={[
         {
-          text: "Book Service",
-          href: "#contact",
-        },
+          text: "Book Service",          href: "#contact"},
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-posing-near-modern-motorbike-park_171337-11616.jpg",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-posing-near-modern-motorbike-park_171337-11616.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/full-shot-people-with-electric-scooters-outdoors_23-2149383273.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/full-shot-people-with-electric-scooters-outdoors_23-2149383273.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292756.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-adult-traveling-using-sustainable-mobility_23-2149292756.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-adult-using-electric-scooter-transportation_23-2149399819.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-adult-using-electric-scooter-transportation_23-2149399819.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/couple-using-electric-scooter-transportation_23-2149399853.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/couple-using-electric-scooter-transportation_23-2149399853.jpg",          alt: "User 5"},
       ]}
       avatarText="Trusted by 500+ riders"
       marqueeItems={[
         {
-          type: "text",
-          text: "Real-time Tracking",
-        },
+          type: "text",          text: "Real-time Tracking"},
         {
-          type: "text",
-          text: "Certified Technicians",
-        },
+          type: "text",          text: "Certified Technicians"},
         {
-          type: "text",
-          text: "Premium Genuine Parts",
-        },
+          type: "text",          text: "Premium Genuine Parts"},
         {
-          type: "text",
-          text: "24/7 Support",
-        },
+          type: "text",          text: "24/7 Support"},
         {
-          type: "text",
-          text: "Eco-Friendly Repairs",
-        },
+          type: "text",          text: "Eco-Friendly Repairs"},
       ]}
     />
   </div>
@@ -174,34 +125,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
-          label: "Maintenance",
-          title: "Full Inspection",
-          items: [
-            "Performance checks",
-            "Software updates",
-            "Safety testing",
-          ],
+          id: "f1",          label: "Maintenance",          title: "Full Inspection",          items: [
+            "Performance checks",            "Software updates",            "Safety testing"],
         },
         {
-          id: "f2",
-          label: "Repair",
-          title: "Brake & Tire Service",
-          items: [
-            "Pad replacement",
-            "Tire pressure checks",
-            "Alignment adjustments",
-          ],
+          id: "f2",          label: "Repair",          title: "Brake & Tire Service",          items: [
+            "Pad replacement",            "Tire pressure checks",            "Alignment adjustments"],
         },
         {
-          id: "f3",
-          label: "Tech",
-          title: "Battery Management",
-          items: [
-            "Cell health testing",
-            "Charging optimization",
-            "Safety monitoring",
-          ],
+          id: "f3",          label: "Tech",          title: "Battery Management",          items: [
+            "Cell health testing",            "Charging optimization",            "Safety monitoring"],
         },
       ]}
       title="Service & Maintenance Highlights"
@@ -217,59 +150,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          brand: "E-Hub",
-          name: "High-Density Battery",
-          price: "$299",
-          rating: 5,
-          reviewCount: "128",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-driver-pushing-handle-motorbike_23-2147779105.jpg",
-        },
+          id: "p1",          brand: "E-Hub",          name: "High-Density Battery",          price: "$299",          rating: 5,
+          reviewCount: "128",          imageSrc: "http://img.b2bpic.net/free-photo/crop-driver-pushing-handle-motorbike_23-2147779105.jpg"},
         {
-          id: "p2",
-          brand: "E-Hub",
-          name: "Carbon Brake Pads",
-          price: "$45",
-          rating: 4,
-          reviewCount: "89",
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-rides-modern-motorbike-street_171337-11675.jpg",
-        },
+          id: "p2",          brand: "E-Hub",          name: "Carbon Brake Pads",          price: "$45",          rating: 4,
+          reviewCount: "89",          imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-young-african-couple-rides-modern-motorbike-street_171337-11675.jpg"},
         {
-          id: "p3",
-          brand: "E-Hub",
-          name: "All-Terrain Tires",
-          price: "$65",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-tire-wrench_23-2148270642.jpg",
-        },
+          id: "p3",          brand: "E-Hub",          name: "All-Terrain Tires",          price: "$65",          rating: 5,
+          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-tire-wrench_23-2148270642.jpg"},
         {
-          id: "p4",
-          brand: "E-Hub",
-          name: "Fast Power Charger",
-          price: "$89",
-          rating: 4,
-          reviewCount: "156",
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-e-scooter-rider-outdoors_23-2148225844.jpg",
-        },
+          id: "p4",          brand: "E-Hub",          name: "Fast Power Charger",          price: "$89",          rating: 4,
+          reviewCount: "156",          imageSrc: "http://img.b2bpic.net/free-photo/sideways-e-scooter-rider-outdoors_23-2148225844.jpg"},
         {
-          id: "p5",
-          brand: "E-Hub",
-          name: "Handlebar Mirror",
-          price: "$25",
-          rating: 4,
-          reviewCount: "42",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-business-couple-rides-modern-motorbike_171337-18202.jpg",
-        },
+          id: "p5",          brand: "E-Hub",          name: "Handlebar Mirror",          price: "$25",          rating: 4,
+          reviewCount: "42",          imageSrc: "http://img.b2bpic.net/free-photo/image-smiling-business-couple-rides-modern-motorbike_171337-18202.jpg"},
         {
-          id: "p6",
-          brand: "E-Hub",
-          name: "Safety Helmet",
-          price: "$55",
-          rating: 5,
-          reviewCount: "301",
-          imageSrc: "http://img.b2bpic.net/free-photo/strong-man-tropical-jungle-field-with-red-motorbike_343596-2738.jpg",
-        },
+          id: "p6",          brand: "E-Hub",          name: "Safety Helmet",          price: "$55",          rating: 5,
+          reviewCount: "301",          imageSrc: "http://img.b2bpic.net/free-photo/strong-man-tropical-jungle-field-with-red-motorbike_343596-2738.jpg"},
       ]}
       title="Spare Parts Catalog"
       description="Genuine components for long-lasting performance."
@@ -283,57 +180,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "pr1",
-          badge: "Essentials",
-          price: "$49",
-          subtitle: "Basic checkup",
-          buttons: [
+          id: "pr1",          badge: "Essentials",          price: "$49",          subtitle: "Basic checkup",          buttons: [
             {
-              text: "Select",
-              href: "#contact",
-            },
+              text: "Select",              href: "#contact"},
           ],
           features: [
-            "Full diagnostic",
-            "Safety check",
-            "Tire check",
-          ],
+            "Full diagnostic",            "Safety check",            "Tire check"],
         },
         {
-          id: "pr2",
-          badge: "Professional",
-          price: "$129",
-          subtitle: "Full performance overhaul",
-          buttons: [
+          id: "pr2",          badge: "Professional",          price: "$129",          subtitle: "Full performance overhaul",          buttons: [
             {
-              text: "Select",
-              href: "#contact",
-            },
+              text: "Select",              href: "#contact"},
           ],
           features: [
-            "Basic checkup",
-            "Brake service",
-            "Battery report",
-            "Motor clean",
-          ],
+            "Basic checkup",            "Brake service",            "Battery report",            "Motor clean"],
         },
         {
-          id: "pr3",
-          badge: "Premium",
-          price: "$249",
-          subtitle: "Total protection",
-          buttons: [
+          id: "pr3",          badge: "Premium",          price: "$249",          subtitle: "Total protection",          buttons: [
             {
-              text: "Select",
-              href: "#contact",
-            },
+              text: "Select",              href: "#contact"},
           ],
           features: [
-            "Professional plan",
-            "Battery replacement discount",
-            "Priority support",
-            "Pickup included",
-          ],
+            "Professional plan",            "Battery replacement discount",            "Priority support",            "Pickup included"],
         },
       ]}
       title="Service Plans"
@@ -349,25 +217,15 @@ export default function LandingPage() {
       author="David Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-1875.jpg",
-          alt: "Sarah",
-        },
+          src: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-1875.jpg",          alt: "Sarah"},
         {
-          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
-          alt: "John",
-        },
+          src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",          alt: "John"},
         {
-          src: "http://img.b2bpic.net/free-photo/outdoor-activities-lifestyle-ecological-transport-concept-joyful-curly-haired-young-female-model-rides-electric-scooter-has-fun-enjoys-awesome-ride-leisure-time-poses-urban-place_273609-55768.jpg",
-          alt: "Emily",
-        },
+          src: "http://img.b2bpic.net/free-photo/outdoor-activities-lifestyle-ecological-transport-concept-joyful-curly-haired-young-female-model-rides-electric-scooter-has-fun-enjoys-awesome-ride-leisure-time-poses-urban-place_273609-55768.jpg",          alt: "Emily"},
         {
-          src: "http://img.b2bpic.net/free-photo/smart-bearded-businessman-is-standing-close-his-electro-bike-while-smoking-vaporiser_613910-12830.jpg",
-          alt: "David",
-        },
+          src: "http://img.b2bpic.net/free-photo/smart-bearded-businessman-is-standing-close-his-electro-bike-while-smoking-vaporiser_613910-12830.jpg",          alt: "David"},
         {
-          src: "http://img.b2bpic.net/free-photo/cyclist-riding-city-park_654080-1814.jpg",
-          alt: "Jessica",
-        },
+          src: "http://img.b2bpic.net/free-photo/cyclist-riding-city-park_654080-1814.jpg",          alt: "Jessica"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -380,20 +238,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How do I track my service?",
-          content: "You will receive a dashboard link once your booking is confirmed, allowing real-time progress monitoring.",
-        },
+          id: "q1",          title: "How do I track my service?",          content: "You will receive a dashboard link once your booking is confirmed, allowing real-time progress monitoring."},
         {
-          id: "q2",
-          title: "Do you provide pickup?",
-          content: "Yes, our Premium plan includes free scooter pickup and drop-off service within a 10km radius.",
-        },
+          id: "q2",          title: "Do you provide pickup?",          content: "Yes, our Premium plan includes free scooter pickup and drop-off service within a 10km radius."},
         {
-          id: "q3",
-          title: "Are parts guaranteed?",
-          content: "All our spare parts carry a 6-month warranty against manufacturing defects.",
-        },
+          id: "q3",          title: "Are parts guaranteed?",          content: "All our spare parts carry a 6-month warranty against manufacturing defects."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-training-intern-how-use-computer-software_482257-117866.jpg"
       mediaAnimation="opacity"
@@ -407,14 +256,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       text="Need professional maintenance? Contact us today to schedule your service or WhatsApp our support team."
       buttons={[
         {
-          text: "WhatsApp Support",
-          href: "https://wa.me/yournumber",
-        },
+          text: "WhatsApp Support",          href: "https://wa.me/yournumber"},
       ]}
     />
   </div>
@@ -425,33 +271,21 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Services",
-              href: "#features",
-            },
+              label: "Services",              href: "#features"},
             {
-              label: "Store",
-              href: "#products",
-            },
+              label: "Store",              href: "#products"},
             {
-              label: "Booking",
-              href: "#contact",
-            },
+              label: "Booking",              href: "#contact"},
           ],
         },
         {
           items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Support",
-              href: "https://wa.me/yournumber",
-            },
+              label: "Support",              href: "https://wa.me/yournumber"},
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
           ],
         },
       ]}