Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Models",
-          id: "models",
-        },
+          name: "Models",          id: "models"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="VoltMove EV"
     />
@@ -55,35 +47,21 @@ export default function LandingPage() {
       description="Redefining urban mobility with intelligent, high-performance electric scooters designed for the future."
       buttons={[
         {
-          text: "Explore Models",
-          href: "#models",
-        },
+          text: "Explore Models",          href: "#models"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=1",
-          imageAlt: "Hero Scene 1",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=1",          imageAlt: "Hero Scene 1"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=2",
-          imageAlt: "Hero Scene 2",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=2",          imageAlt: "Hero Scene 2"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=3",
-          imageAlt: "Hero Scene 3",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=3",          imageAlt: "Hero Scene 3"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=4",
-          imageAlt: "Hero Scene 4",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=4",          imageAlt: "Hero Scene 4"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=5",
-          imageAlt: "Hero Scene 5",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=5",          imageAlt: "Hero Scene 5"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=6",
-          imageAlt: "Hero Scene 6",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021131.jpg?_wi=6",          imageAlt: "Hero Scene 6"},
       ]}
     />
   </div>
@@ -94,26 +72,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "Engine",
-          title: "Precision Motor",
-          subtitle: "Silent Power",
-          description: "High-torque, zero-emission motors for the smoothest commute imaginable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-charging-cable-side-view_23-2149530027.jpg",
-        },
+          tag: "Engine",          title: "Precision Motor",          subtitle: "Silent Power",          description: "High-torque, zero-emission motors for the smoothest commute imaginable.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-charging-cable-side-view_23-2149530027.jpg"},
         {
-          tag: "Control",
-          title: "Digital Cockpit",
-          subtitle: "Intelligent Ride",
-          description: "Real-time diagnostics and navigation via our integrated smart digital interface.",
-          imageSrc: "http://img.b2bpic.net/free-photo/researcher-working-new-self-driving-car-model_53876-98093.jpg",
-        },
+          tag: "Control",          title: "Digital Cockpit",          subtitle: "Intelligent Ride",          description: "Real-time diagnostics and navigation via our integrated smart digital interface.",          imageSrc: "http://img.b2bpic.net/free-photo/researcher-working-new-self-driving-car-model_53876-98093.jpg"},
         {
-          tag: "Design",
-          title: "Aero-Frame",
-          subtitle: "Sturdy & Light",
-          description: "Aerodynamic construction using space-age materials for maximum battery range.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg",
-        },
+          tag: "Design",          title: "Aero-Frame",          subtitle: "Sturdy & Light",          description: "Aerodynamic construction using space-age materials for maximum battery range.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-components-still-life_23-2149417051.jpg"},
       ]}
       title="Why Choose VoltMove"
       description="Engineered for excellence, our scooters combine cutting-edge technology with unparalleled efficiency."
@@ -128,47 +91,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Volt Swift",
-          price: "$1,299",
-          variant: "Commuter Edition",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-posing-electric-scooter-modern-building-background_613910-2154.jpg",
-        },
+          id: "1",          name: "Volt Swift",          price: "$1,299",          variant: "Commuter Edition",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sunglasses-posing-electric-scooter-modern-building-background_613910-2154.jpg"},
         {
-          id: "2",
-          name: "Volt Shadow",
-          price: "$1,599",
-          variant: "Dark Series",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-using-electric-scooter-city_23-2149341736.jpg",
-        },
+          id: "2",          name: "Volt Shadow",          price: "$1,599",          variant: "Dark Series",          imageSrc: "http://img.b2bpic.net/free-photo/person-using-electric-scooter-city_23-2149341736.jpg"},
         {
-          id: "3",
-          name: "Volt Racer",
-          price: "$1,899",
-          variant: "Sport Edition",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-riding-electic-kick-scooter-isolated-white-studio-background_285396-11139.jpg",
-        },
+          id: "3",          name: "Volt Racer",          price: "$1,899",          variant: "Sport Edition",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-riding-electic-kick-scooter-isolated-white-studio-background_285396-11139.jpg"},
         {
-          id: "4",
-          name: "Volt Sky",
-          price: "$1,399",
-          variant: "Modern City",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-talking-phone_23-2148577321.jpg",
-        },
+          id: "4",          name: "Volt Sky",          price: "$1,399",          variant: "Modern City",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-businessman-talking-phone_23-2148577321.jpg"},
         {
-          id: "5",
-          name: "Volt Silver",
-          price: "$1,499",
-          variant: "Classic Plus",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-trendy-girl-with-dreadlocks-is-driving-electro-scooter-street-cloudy-summer-day_613910-17118.jpg",
-        },
+          id: "5",          name: "Volt Silver",          price: "$1,499",          variant: "Classic Plus",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-trendy-girl-with-dreadlocks-is-driving-electro-scooter-street-cloudy-summer-day_613910-17118.jpg"},
         {
-          id: "6",
-          name: "Volt Aqua",
-          price: "$1,249",
-          variant: "Urban Lite",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065394.jpg",
-        },
+          id: "6",          name: "Volt Aqua",          price: "$1,249",          variant: "Urban Lite",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065394.jpg"},
       ]}
       title="Our Collection"
       description="Explore our full range of intelligent electric scooters tailored for urban commuters."
@@ -181,6 +114,8 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
+      title="Featured Product"
+      description="Discover our latest flagship scooter."
     />
   </div>
 
@@ -191,16 +126,10 @@ export default function LandingPage() {
       description="Ready to ride into the future? Schedule a test drive or visit our showroom."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8909.jpg?_wi=1"
@@ -213,29 +142,19 @@ export default function LandingPage() {
       logoText="VoltMove EV"
       columns={[
         {
-          title: "Showroom",
-          items: [
+          title: "Showroom",          items: [
             {
-              label: "All Models",
-              href: "#models",
-            },
+              label: "All Models",              href: "#models"},
             {
-              label: "Locations",
-              href: "#",
-            },
+              label: "Locations",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#",
-            },
+              label: "FAQ",              href: "#"},
             {
-              label: "Warranty",
-              href: "#",
-            },
+              label: "Warranty",              href: "#"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #f0f8ffe6;
-  --primary-cta: #cee7ff;
+  --foreground: #ffffff;
+  --primary-cta: #106efb;
   --primary-cta-text: #0a0a0a;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #f0f8ffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #106efb;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);