bender/21d3c8c7-bdeb-4dd6-93ce-6ded5502d2c3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-06-11 08:33:48 +00:00
Conversation 0 Commits 2 Files Changed 2 +56 -207
2 changed files with 56 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

245
src/app/page.tsx
View File

@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Reviews",
id: "testimonials",
},
name: "Reviews", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "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",
href: "#products",
},
text: "Explore Bikes", href: "#products"},
{
text: "Test Ride",
href: "#contact",
},
text: "Test Ride", href: "#contact"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-participating-olympic-championship-sports_23-2151500614.jpg",
imageAlt: "Premium Road Bike",
},
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-participating-olympic-championship-sports_23-2151500614.jpg", imageAlt: "Premium Road Bike"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-leaving-his-bike-celebrate-victory_23-2148775558.jpg",
imageAlt: "Electric Mountain Bike",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-leaving-his-bike-celebrate-victory_23-2148775558.jpg", imageAlt: "Electric Mountain Bike"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike-outdoors_23-2150880490.jpg",
imageAlt: "Classic Cruiser Bike",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike-outdoors_23-2150880490.jpg", imageAlt: "Classic Cruiser Bike"},
{
imageSrc: "http://img.b2bpic.net/free-photo/father-with-son-repare-bike-park_1157-34949.jpg",
imageAlt: "Folding Bike",
},
imageSrc: "http://img.b2bpic.net/free-photo/father-with-son-repare-bike-park_1157-34949.jpg", 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",
imageAlt: "BMX Bike",
},
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"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-mountain-bike-downhill-style_651396-3465.jpg",
imageAlt: "Gravel Bike",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-mountain-bike-downhill-style_651396-3465.jpg", imageAlt: "Gravel Bike"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -118,19 +90,13 @@ export default function LandingPage() {
metrics={[
{
icon: Gauge,
label: "Years of Excellence",
value: "15+",
},
label: "Years of Excellence", value: "15+"},
{
icon: Users,
label: "Satisfied Riders",
value: "10K+",
},
label: "Satisfied Riders", value: "10K+"},
{
icon: Award,
label: "Industry Awards",
value: "20+",
},
label: "Industry Awards", value: "20+"},
]}
metricsAnimation="slide-up"
/>
@@ -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() {
<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",
href: "mailto:sales@velocitycycles.com",
},
text: "Email Us", href: "mailto:sales@velocitycycles.com"},
{
text: "Call Us",
href: "tel:+1-800-VELOCYCLE",
},
text: "Call Us", 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",
href: "#",
}}
text: "About Us", href: "#about"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Contact Us", href: "#contact"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/styles/variables.css
View File

@@ -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);