diff --git a/src/app/page.tsx b/src/app/page.tsx index 6d8d07c..04e0b21 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,29 +34,17 @@ export default function LandingPage() { @@ -144,23 +110,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, ]} 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", - 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: "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", - 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: "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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, { - 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", - }, + 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"}, ]} 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", - icon: Zap, - title: "Power Efficiency", - value: "98%", - }, + id: "efficiency", icon: Zap, + title: "Power Efficiency", value: "98%"}, { - id: "durability", - icon: Shield, - title: "Frame Durability", - value: "10X", - }, + id: "durability", icon: Shield, + title: "Frame Durability", value: "10X"}, { - id: "satisfaction", - icon: Smile, - title: "Customer Satisfaction", - value: "99%", - }, + id: "satisfaction", icon: Smile, + 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", - 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: "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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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="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", - "Adventure Gear Co.", - "Urban Mobility Solutions", - "EcoRide Foundation", - "Performance Tech", - "Active Lifestyles Inc.", - "Global Logistics", - ]} + "Sport Innovations", "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", - 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-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."}, { - 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.", - }, + 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."}, { - 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.", - }, + 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."}, ]} 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() { @@ -385,16 +238,12 @@ export default function LandingPage() { logoAlt="Velocity Cycles Footer Logo" logoText="VELOCITY CYCLES" leftLink={{ - text: "Privacy Policy", - href: "#", - }} + text: "About Us", href: "#about"}} rightLink={{ - text: "Terms of Service", - href: "#", - }} + text: "Contact Us", href: "#contact"}} /> ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index b483a57..19f4137 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #000000; - --card: #0c0c0c; - --foreground: #ffffff; - --primary-cta: #cee7ff; - --primary-cta-text: #000000; - --secondary-cta: #000000; - --secondary-cta-text: #ffffff; - --accent: #535353; - --background-accent: #CEE7FF; + --background: #0a0a0a; + --card: #1a1a1a; + --foreground: #ffffffe6; + --primary-cta: #e6e6e6; + --primary-cta-text: #0a0a0a; + --secondary-cta: #1a1a1a; + --secondary-cta-text: #ffffffe6; + --accent: #737373; + --background-accent: #737373; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);