Update src/app/styles/variables.css

src/app/page.tsx

@@ -34,29 +34,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "home"},
-          id: "home",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/bicycle-organization-logo-design-template_474888-1852.jpg"
       logoAlt="Velocity Cycles Logo"
@@ -72,39 +60,23 @@ export default function LandingPage() {
       description="Experience the pinnacle of cycling engineering. Discover your next adventure with our premium range of bikes."
       buttons={[
         {
-          text: "Explore Bikes",
+          text: "Explore Bikes",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "Test Ride",
+          text: "Test Ride",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-participating-olympic-championship-sports_23-2151500614.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-participating-olympic-championship-sports_23-2151500614.jpg",          imageAlt: "Premium Road Bike"},
-          imageAlt: "Premium Road Bike",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-leaving-his-bike-celebrate-victory_23-2148775558.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-leaving-his-bike-celebrate-victory_23-2148775558.jpg",          imageAlt: "Electric Mountain Bike"},
-          imageAlt: "Electric Mountain Bike",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike-outdoors_23-2150880490.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike-outdoors_23-2150880490.jpg",          imageAlt: "Classic Cruiser Bike"},
-          imageAlt: "Classic Cruiser Bike",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/father-with-son-repare-bike-park_1157-34949.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/father-with-son-repare-bike-park_1157-34949.jpg",          imageAlt: "Folding Bike"},
-          imageAlt: "Folding Bike",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/strong-shirtless-man-makes-acrobatic-figure-with-bmx-studio-isolated-dark-background_613910-1201.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/strong-shirtless-man-makes-acrobatic-figure-with-bmx-studio-isolated-dark-background_613910-1201.jpg",          imageAlt: "BMX Bike"},
-          imageAlt: "BMX Bike",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-mountain-bike-downhill-style_651396-3465.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-mountain-bike-downhill-style_651396-3465.jpg",          imageAlt: "Gravel Bike"},
-          imageAlt: "Gravel Bike",
-        },
       ]}
       autoplayDelay={4000}
       showDimOverlay={true}
@@ -118,19 +90,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Gauge,
-          label: "Years of Excellence",
+          label: "Years of Excellence",          value: "15+"},
-          value: "15+",
-        },
         {
           icon: Users,
-          label: "Satisfied Riders",
+          label: "Satisfied Riders",          value: "10K+"},
-          value: "10K+",
-        },
         {
           icon: Award,
-          label: "Industry Awards",
+          label: "Industry Awards",          value: "20+"},
-          value: "20+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -144,23 +110,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Lightweight Carbon Frames",
+          title: "Lightweight Carbon Frames",          description: "Experience unparalleled agility and speed with our meticulously crafted carbon fiber frames, designed for optimal strength-to-weight ratio.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-outdoors_23-2148889166.jpg",          imageAlt: "Carbon fiber bicycle frame"},
-          description: "Experience unparalleled agility and speed with our meticulously crafted carbon fiber frames, designed for optimal strength-to-weight ratio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-outdoors_23-2148889166.jpg",
-          imageAlt: "Carbon fiber bicycle frame",
-        },
         {
-          title: "Precision Gear Systems",
+          title: "Precision Gear Systems",          description: "Smooth, responsive shifting ensures you're always in the perfect gear, whether conquering steep climbs or cruising on flat terrains.",          imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-repairing-bicycle-tire-workshop_23-2147892352.jpg",          imageAlt: "Advanced gear system on a bike"},
-          description: "Smooth, responsive shifting ensures you're always in the perfect gear, whether conquering steep climbs or cruising on flat terrains.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-repairing-bicycle-tire-workshop_23-2147892352.jpg",
-          imageAlt: "Advanced gear system on a bike",
-        },
         {
-          title: "Ergonomic Comfort Design",
+          title: "Ergonomic Comfort Design",          description: "Long rides become pure joy with our ergonomically designed saddles and handlebars, reducing fatigue and maximizing control.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-cycling-coastal-path-close-seaside-recreation-view_169016-73080.jpg",          imageAlt: "Ergonomic bike saddle"},
-          description: "Long rides become pure joy with our ergonomically designed saddles and handlebars, reducing fatigue and maximizing control.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cycling-coastal-path-close-seaside-recreation-view_169016-73080.jpg",
-          imageAlt: "Ergonomic bike saddle",
-        },
       ]}
       title="Unrivaled Engineering in Every Detail"
       description="Our bikes are built with passion and precision, integrating cutting-edge technology and premium materials for an unmatched riding experience."
@@ -175,53 +129,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "road-racer",
+          id: "road-racer",          name: "Velocity Road Racer",          price: "$2,999",          variant: "Carbon Black",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-riding-bicycle-street_23-2148577391.jpg",          imageAlt: "Velocity Road Racer"},
-          name: "Velocity Road Racer",
-          price: "$2,999",
-          variant: "Carbon Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-riding-bicycle-street_23-2148577391.jpg",
-          imageAlt: "Velocity Road Racer",
-        },
         {
-          id: "trail-blazer",
+          id: "trail-blazer",          name: "Trailblazer E-MTB",          price: "$3,850",          variant: "Electric Green",          imageSrc: "http://img.b2bpic.net/free-photo/man-unscrews-bolts-wheel_1153-4391.jpg",          imageAlt: "Trailblazer E-MTB"},
-          name: "Trailblazer E-MTB",
-          price: "$3,850",
-          variant: "Electric Green",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-unscrews-bolts-wheel_1153-4391.jpg",
-          imageAlt: "Trailblazer E-MTB",
-        },
         {
-          id: "city-glide",
+          id: "city-glide",          name: "Urban City Glide",          price: "$899",          variant: "Classic Blue",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149681982.jpg",          imageAlt: "Urban City Glide"},
-          name: "Urban City Glide",
-          price: "$899",
-          variant: "Classic Blue",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149681982.jpg",
-          imageAlt: "Urban City Glide",
-        },
         {
-          id: "gravel-conqueror",
+          id: "gravel-conqueror",          name: "Gravel Conqueror",          price: "$2,200",          variant: "Desert Tan",          imageSrc: "http://img.b2bpic.net/free-photo/cool-bicycle-studio_23-2150884308.jpg",          imageAlt: "Gravel Conqueror"},
-          name: "Gravel Conqueror",
-          price: "$2,200",
-          variant: "Desert Tan",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-bicycle-studio_23-2150884308.jpg",
-          imageAlt: "Gravel Conqueror",
-        },
         {
-          id: "aero-dynamo",
+          id: "aero-dynamo",          name: "Aero Dynamo TT",          price: "$4,500",          variant: "Stealth Grey",          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124092.jpg",          imageAlt: "Aero Dynamo TT"},
-          name: "Aero Dynamo TT",
-          price: "$4,500",
-          variant: "Stealth Grey",
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124092.jpg",
-          imageAlt: "Aero Dynamo TT",
-        },
         {
-          id: "foldable-commuter",
+          id: "foldable-commuter",          name: "Foldable E-Commuter",          price: "$1,499",          variant: "Midnight Black",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-leg-disability-riding-bike-city_23-2149375057.jpg",          imageAlt: "Foldable E-Commuter"},
-          name: "Foldable E-Commuter",
-          price: "$1,499",
-          variant: "Midnight Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-leg-disability-riding-bike-city_23-2149375057.jpg",
-          imageAlt: "Foldable E-Commuter",
-        },
       ]}
       title="Discover Your Perfect Ride"
       description="From high-speed roadsters to rugged mountain explorers, our collection features bikes for every passion and terrain. Find the one that speaks to your soul."
@@ -235,23 +153,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "efficiency",
+          id: "efficiency",          icon: Zap,
-          icon: Zap,
+          title: "Power Efficiency",          value: "98%"},
-          title: "Power Efficiency",
-          value: "98%",
-        },
         {
-          id: "durability",
+          id: "durability",          icon: Shield,
-          icon: Shield,
+          title: "Frame Durability",          value: "10X"},
-          title: "Frame Durability",
-          value: "10X",
-        },
         {
-          id: "satisfaction",
+          id: "satisfaction",          icon: Smile,
-          icon: Smile,
+          title: "Customer Satisfaction",          value: "99%"},
-          title: "Customer Satisfaction",
-          value: "99%",
-        },
       ]}
       title="Performance That Speaks Volumes"
       description="Our commitment to excellence is reflected in every statistic, ensuring you receive a bike that truly excels."
@@ -264,50 +173,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "The Best Ride of My Life!",          quote: "I've owned many bikes, but nothing compares to the Velocity Road Racer. The handling is superb, and the speed is incredible. Worth every penny!",          name: "Mark R.",          role: "Road Cyclist",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-talking-smartphone-bicycle-workshop_23-2147892360.jpg",          imageAlt: "Mark R."},
-          title: "The Best Ride of My Life!",
-          quote: "I've owned many bikes, but nothing compares to the Velocity Road Racer. The handling is superb, and the speed is incredible. Worth every penny!",
-          name: "Mark R.",
-          role: "Road Cyclist",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-talking-smartphone-bicycle-workshop_23-2147892360.jpg",
-          imageAlt: "Mark R.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Conquered Every Mountain!",          quote: "The Trailblazer E-MTB is a beast! It's taken me places I never thought possible. The electric assist is perfect for those challenging inclines.",          name: "Sarah J.",          role: "Mountain Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-senior-woman-outdoors-riding-bicycle_23-2148685744.jpg",          imageAlt: "Sarah J."},
-          title: "Conquered Every Mountain!",
-          quote: "The Trailblazer E-MTB is a beast! It's taken me places I never thought possible. The electric assist is perfect for those challenging inclines.",
-          name: "Sarah J.",
-          role: "Mountain Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-senior-woman-outdoors-riding-bicycle_23-2148685744.jpg",
-          imageAlt: "Sarah J.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Effortless City Commuting",          quote: "My Urban City Glide makes my daily commute a joy. It's stylish, comfortable, and handles urban streets with ease. Highly recommend!",          name: "David L.",          role: "Daily Commuter",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-parent-child-spending-time-together_23-2151590555.jpg",          imageAlt: "David L."},
-          title: "Effortless City Commuting",
-          quote: "My Urban City Glide makes my daily commute a joy. It's stylish, comfortable, and handles urban streets with ease. Highly recommend!",
-          name: "David L.",
-          role: "Daily Commuter",
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-parent-child-spending-time-together_23-2151590555.jpg",
-          imageAlt: "David L.",
-        },
         {
-          id: "4",
+          id: "4",          title: "Adventure-Ready Machine",          quote: "The Gravel Conqueror is truly a versatile machine. I've taken it on long gravel roads and rough trails, and it performs flawlessly every time.",          name: "Emily P.",          role: "Adventure Seeker",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-blond-hair-happily-looking-camera-while-standing-with-happy-boy-holding-his-hand-park-portrait-cute-young-couple-embracing-one-another-with-classic-red-bicycle-near_574295-5005.jpg",          imageAlt: "Emily P."},
-          title: "Adventure-Ready Machine",
-          quote: "The Gravel Conqueror is truly a versatile machine. I've taken it on long gravel roads and rough trails, and it performs flawlessly every time.",
-          name: "Emily P.",
-          role: "Adventure Seeker",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-blond-hair-happily-looking-camera-while-standing-with-happy-boy-holding-his-hand-park-portrait-cute-young-couple-embracing-one-another-with-classic-red-bicycle-near_574295-5005.jpg",
-          imageAlt: "Emily P.",
-        },
         {
-          id: "5",
+          id: "5",          title: "Unbeatable Value and Quality",          quote: "From ordering to delivery, the experience with Velocity Cycles was fantastic. The bike quality is exceptional, and the customer service is top-notch.",          name: "Alex K.",          role: "Bike Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/i-need-rest-after-such-long-journey_329181-8677.jpg",          imageAlt: "Alex K."},
-          title: "Unbeatable Value and Quality",
-          quote: "From ordering to delivery, the experience with Velocity Cycles was fantastic. The bike quality is exceptional, and the customer service is top-notch.",
-          name: "Alex K.",
-          role: "Bike Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/i-need-rest-after-such-long-journey_329181-8677.jpg",
-          imageAlt: "Alex K.",
-        },
       ]}
       title="Hear From Our Happy Riders"
       description="Real stories from cyclists who've discovered the Velocity Cycles difference."
@@ -319,14 +193,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Sport Innovations",
+        "Sport Innovations",        "Adventure Gear Co.",        "Urban Mobility Solutions",        "EcoRide Foundation",        "Performance Tech",        "Active Lifestyles Inc.",        "Global Logistics"]}
-        "Adventure Gear Co.",
-        "Urban Mobility Solutions",
-        "EcoRide Foundation",
-        "Performance Tech",
-        "Active Lifestyles Inc.",
-        "Global Logistics",
-      ]}
       title="Trusted by Leaders in Cycling & Outdoor Sports"
       description="We partner with top brands and organizations to bring you the best in cycling innovation and support."
     />
@@ -337,20 +204,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "faq-1",
+          id: "faq-1",          title: "What is your return policy?",          content: "We offer a 30-day return policy on all bikes, provided they are in new and unused condition. Please see our full return policy page for details."},
-          title: "What is your return policy?",
-          content: "We offer a 30-day return policy on all bikes, provided they are in new and unused condition. Please see our full return policy page for details.",
-        },
         {
-          id: "faq-2",
+          id: "faq-2",          title: "Do you offer financing options?",          content: "Yes, we partner with several financing providers to offer flexible payment plans. You can learn more about our financing options during checkout or by contacting our sales team."},
-          title: "Do you offer financing options?",
-          content: "Yes, we partner with several financing providers to offer flexible payment plans. You can learn more about our financing options during checkout or by contacting our sales team.",
-        },
         {
-          id: "faq-3",
+          id: "faq-3",          title: "How do I choose the right bike size?",          content: "Our website features a comprehensive sizing guide based on your height and inseam. We also recommend visiting one of our authorized dealers for a professional fitting."},
-          title: "How do I choose the right bike size?",
-          content: "Our website features a comprehensive sizing guide based on your height and inseam. We also recommend visiting one of our authorized dealers for a professional fitting.",
-        },
       ]}
       sideTitle="Your Questions, Answered"
       sideDescription="Find quick answers to common questions about our bikes, ordering, and services."
@@ -363,18 +221,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       text="Ready to hit the road? Our team is here to help you find the perfect bike or answer any questions you may have. Get in touch today!"
       buttons={[
         {
-          text: "Email Us",
+          text: "Email Us",          href: "mailto:sales@velocitycycles.com"},
-          href: "mailto:sales@velocitycycles.com",
-        },
         {
-          text: "Call Us",
+          text: "Call Us",          href: "tel:+1-800-VELOCYCLE"},
-          href: "tel:+1-800-VELOCYCLE",
-        },
       ]}
     />
   </div>
@@ -385,16 +238,12 @@ export default function LandingPage() {
       logoAlt="Velocity Cycles Footer Logo"
       logoText="VELOCITY CYCLES"
       leftLink={{
-        text: "Privacy Policy",
+        text: "About Us",        href: "#about"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Terms of Service",
+        text: "Contact Us",        href: "#contact"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
+  --background: #0a0a0a;
-  --card: #0c0c0c;
+  --card: #1a1a1a;
-  --foreground: #ffffff;
+  --foreground: #ffffffe6;
-  --primary-cta: #cee7ff;
+  --primary-cta: #e6e6e6;
-  --primary-cta-text: #000000;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #000000;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #ffffffe6;
-  --accent: #535353;
+  --accent: #737373;
-  --background-accent: #CEE7FF;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);