8 Commits

Author SHA1 Message Date
c07cebd15c Merge version_3 into main
Merge version_3 into main
2026-06-11 08:36:41 +00:00
031ccdca30 Update src/app/page.tsx 2026-06-11 08:36:38 +00:00
152841dfda Merge version_3 into main
Merge version_3 into main
2026-06-11 08:35:28 +00:00
2ff4c7bfce Update src/app/page.tsx 2026-06-11 08:35:25 +00:00
c1c7cba10f Update src/app/layout.tsx 2026-06-11 08:35:24 +00:00
7d931e50d0 Merge version_2 into main
Merge version_2 into main
2026-06-11 08:33:48 +00:00
85e66eed70 Update src/app/styles/variables.css 2026-06-11 08:33:45 +00:00
28ba0b5fef Update src/app/page.tsx 2026-06-11 08:33:45 +00:00
3 changed files with 83 additions and 231 deletions

View File

@@ -11,8 +11,8 @@ import { Inter_Tight } from "next/font/google";
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Velocity Cycles | Premium Bike Sales', title: 'Motoride Motors | Premium Motorbike Sales',
description: 'Discover high-performance road bikes, electric mountain bikes, and urban cruisers. Velocity Cycles offers premium engineering and an unparalleled riding experience.', description: 'Discover high-performance sportbikes, rugged adventure tourers, and stylish cruisers. Motoride Motors offers premium engineering and an unparalleled riding experience.',
openGraph: { openGraph: {
"title": "Velocity Cycles | Premium Bike Sales", "title": "Velocity Cycles | Premium Bike Sales",
"description": "Discover high-performance road bikes, electric mountain bikes, and urban cruisers. Velocity Cycles offers premium engineering and an unparalleled riding experience.", "description": "Discover high-performance road bikes, electric mountain bikes, and urban cruisers. Velocity Cycles offers premium engineering and an unparalleled riding experience.",

View File

@@ -34,77 +34,49 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ 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" logoSrc="http://img.b2bpic.net/free-vector/modern-motorcycle-emblem-template-design_474888-2512.jpg"
logoAlt="Velocity Cycles Logo" logoAlt="Motoride Motors Logo"
brandName="Velocity Cycles" brandName="Motoride Motors"
bottomLeftText="Ride Your Dream" bottomLeftText="Power Your Journey"
bottomRightText="sales@velocitycycles.com" bottomRightText="info@motoridemotors.com"
/> />
</div> </div>
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroCarouselLogo <HeroCarouselLogo
logoText="VELOCITY CYCLES" logoText="MOTORIDE MOTORS"
description="Experience the pinnacle of cycling engineering. Discover your next adventure with our premium range of bikes." description="Unleash the thrill of the open road. Discover our collection of high-performance motorbikes."
buttons={[ buttons={[
{ {
text: "Explore Bikes", text: "Explore Bikes", href: "#products"},
href: "#products",
},
{ {
text: "Test Ride", text: "Book a Test Ride", href: "#contact"}
href: "#contact",
},
]} ]}
slides={[ 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/view-motorcycle-sunset_23-2150826978.jpg", imageAlt: "Powerful Sportbike"},
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/moto-racer-ready-race_23-2149591963.jpg", imageAlt: "Motorbike Racer"},
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/red-motorcycle-side-view_23-2149363365.jpg", imageAlt: "Classic Red Motorbike"},
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/biker-helmet-suit-looking-camera_23-2148765270.jpg", imageAlt: "Rider with Helmet"},
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/man-riding-motorcycle_23-2150868289.jpg", imageAlt: "Man Riding Motorbike"},
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/motocross-rider-in-action_23-2149320649.jpg", imageAlt: "Motocross Action"}
imageAlt: "Gravel Bike",
},
]} ]}
autoplayDelay={4000} autoplayDelay={4000}
showDimOverlay={true} showDimOverlay={true}
@@ -114,23 +86,17 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
useInvertedBackground={true} useInvertedBackground={true}
title="Crafted for Performance, Designed for You" title="Engineering Excellence, Thrill Redefined"
metrics={[ metrics={[
{ {
icon: Gauge, icon: Gauge,
label: "Years of Excellence", label: "Years of Innovation", value: "20+"},
value: "15+",
},
{ {
icon: Users, icon: Users,
label: "Satisfied Riders", label: "Riders on the Road", value: "50K+"},
value: "10K+",
},
{ {
icon: Award, icon: Award,
label: "Industry Awards", label: "Performance Awards", value: "30+"}
value: "20+",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -144,26 +110,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Lightweight Carbon Frames", title: "High-Performance Engines", description: "Experience exhilarating power and torque with our finely-tuned engines, built for superior acceleration and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorbike-engine-part_23-2149646467.jpg", imageAlt: "Motorbike Engine"},
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: "Advanced Braking Systems", description: "Command ultimate control with state-of-the-art ABS and traction control systems, ensuring safety and confidence in every stop.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-wheel-motorcycle-with-brake-disc-detail_23-2149646465.jpg", imageAlt: "Advanced Braking System"},
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: "Aerodynamic Design", description: "Sleek, aggressive, and wind-tunnel optimized designs not only look stunning but also enhance stability and speed.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-motorcycle-parked-middle-road-surrounded-by-trees_181624-34351.jpg", imageAlt: "Aerodynamic Motorbike 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" title="Advanced Performance. Unmatched Ride."
description="Our bikes are built with passion and precision, integrating cutting-edge technology and premium materials for an unmatched riding experience." description="Every Motoride Motors bike is a masterpiece of engineering, combining power, precision, and unparalleled rider experience."
/> />
</div> </div>
@@ -175,56 +129,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "road-racer", id: "ignite-sportbike", name: "Ignite Sportbike", price: "$18,500", variant: "Inferno Red", imageSrc: "http://img.b2bpic.net/free-photo/super-motorbike-racing-championship-sports_23-2151500473.jpg", imageAlt: "Ignite Sportbike"},
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: "voyager-cruiser", name: "Voyager Cruiser", price: "$15,200", variant: "Midnight Black", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-on-stand_23-2149021008.jpg", imageAlt: "Voyager Cruiser"},
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: "trailblazer-enduro", name: "Trailblazer Enduro", price: "$12,800", variant: "Forest Green", imageSrc: "http://img.b2bpic.net/free-photo/motocross-rider-dirt-bike-action-sport-extreme-free-photo_1232-237.jpg", imageAlt: "Trailblazer Enduro"},
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: "city-commuter-300", name: "City Commuter 300", price: "$7,999", variant: "Urban Grey", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-motorcycle_23-2149257636.jpg", imageAlt: "City Commuter 300"},
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: "phantom-cafe-racer", name: "Phantom Cafe Racer", price: "$14,000", variant: "Vintage Blue", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-caucasian-man-riding-motorcycle-isolated-black-background_155003-46325.jpg", imageAlt: "Phantom Cafe Racer"},
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: "apex-adventure-tourer", name: "Apex Adventure Tourer", price: "$22,000", variant: "Desert Sand", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-rider-wearing-a-helmet-sitting-on-a-motorcycle-in-a-field_23-2151522857.jpg", imageAlt: "Apex Adventure Tourer"}
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" title="Find Your Perfect Machine"
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." description="From urban commuters to track-ready sportbikes, explore our diverse range designed for every rider's dream."
/> />
</div> </div>
@@ -235,26 +153,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "efficiency", id: "horsepower", icon: Zap,
icon: Zap, title: "Horsepower Rating", value: "150+"},
title: "Power Efficiency",
value: "98%",
},
{ {
id: "durability", id: "safety", icon: Shield,
icon: Shield, title: "Safety Features", value: "5-Star"},
title: "Frame Durability",
value: "10X",
},
{ {
id: "satisfaction", id: "satisfaction", icon: Smile,
icon: Smile, title: "Rider Satisfaction", value: "97%"}
title: "Customer Satisfaction",
value: "99%",
},
]} ]}
title="Performance That Speaks Volumes" title="Performance That Dominates"
description="Our commitment to excellence is reflected in every statistic, ensuring you receive a bike that truly excels." description="Our commitment to engineering translates into bikes that consistently outperform."
/> />
</div> </div>
@@ -264,53 +173,18 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Pure Adrenaline!", quote: "The Ignite Sportbike is an absolute rocket! The acceleration is incredible, and it handles like a dream on twisty roads. Best sportbike I've ever owned.", name: "John D.", role: "Sportbike Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/male-racer-racing-motorcycle_23-2149591967.jpg", imageAlt: "John D."},
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: "Comfort for Miles", quote: "My Voyager Cruiser takes me anywhere. Long trips are a breeze, and it turns heads wherever I go. Unbeatable comfort and style.", name: "Maria S.", role: "Touring Rider", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-motorcycle_23-2149247659.jpg", imageAlt: "Maria S."},
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: "Master of Any Terrain", quote: "The Trailblazer Enduro conquers everything. From muddy trails to rocky paths, it's reliable and incredibly fun. A true off-road beast!", name: "Carlos G.", role: "Off-road Adventurer", imageSrc: "http://img.b2bpic.net/free-photo/man-riding-motorcycle_23-2149547050.jpg", imageAlt: "Carlos G."},
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: "Stylish Urban Commuter", quote: "The City Commuter 300 is perfect for my daily ride. It's nimble, efficient, and looks fantastic. Navigating traffic has never been this enjoyable.", name: "Sophia H.", role: "Urban Commuter", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-riding-motorcycle_23-2149638426.jpg", imageAlt: "Sophia H."},
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: "Timeless Classic with Modern Punch", quote: "My Phantom Cafe Racer combines vintage aesthetics with modern performance. It's a head-turner and a joy to ride. Motoride Motors delivered big!", name: "Liam F.", role: "Cafe Racer Fan", imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-his-motorcycle_23-2149285038.jpg", imageAlt: "Liam F."}
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" title="Hear What Our Riders Say"
description="Real stories from cyclists who've discovered the Velocity Cycles difference." description="Real experiences from enthusiasts who live the Motoride Motors difference."
/> />
</div> </div>
@@ -319,16 +193,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Sport Innovations", "Apex Helmets", "Track Tech Innovations", "Rider's Choice Gear", "Global Moto Parts", "Performance Fuels Co.", "Adventure Tours Inc.", "Speed Demonz"]}
"Adventure Gear Co.", title="Trusted by Industry Leaders"
"Urban Mobility Solutions", description="Motoride Motors partners with premier brands and organizations to deliver cutting-edge technology and exceptional riding experiences."
"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."
/> />
</div> </div>
@@ -337,23 +204,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "What warranty do your motorbikes come with?", content: "All Motoride Motors bikes come with a comprehensive 2-year manufacturer's warranty. Extended warranty options are also available. Please check our warranty page for full terms."
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 test rides?", content: "Yes, we encourage test rides! You can book a test ride appointment through our website or by contacting your nearest Motoride Motors dealership. Valid motorcycle license required."
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: "What maintenance is required for your motorbikes?", content: "Routine maintenance schedules vary by model. We provide a detailed owner's manual with every purchase, outlining service intervals and recommended care to ensure optimal performance and longevity."
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" sideTitle="Your Questions, Our Expertise"
sideDescription="Find quick answers to common questions about our bikes, ordering, and services." sideDescription="Find detailed answers to frequently asked questions about our motorbikes, services, and policies."
faqsAnimation="slide-up" faqsAnimation="slide-up"
textPosition="left" textPosition="left"
/> />
@@ -363,35 +224,26 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "rotated-rays-animated", variant: "rotated-rays-animated"}}
}} text="Ready to ignite your passion for riding? Our team is dedicated to helping you find the perfect motorbike and supporting your journey. Connect with us!"
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={[ buttons={[
{ {
text: "Email Us", text: "Email Sales", href: "mailto:sales@motoridemotors.com"},
href: "mailto:sales@velocitycycles.com",
},
{ {
text: "Call Us", text: "Call Us", href: "tel:+1-800-MOTORIDE"}
href: "tel:+1-800-VELOCYCLE",
},
]} ]}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoSrc="http://img.b2bpic.net/free-vector/flat-bike-logo-collection_23-2148864200.jpg" logoSrc="http://img.b2bpic.net/free-vector/motorcycle-logo-template_474888-2509.jpg"
logoAlt="Velocity Cycles Footer Logo" logoAlt="Motoride Motors Footer Logo"
logoText="VELOCITY CYCLES" logoText="MOTORIDE MOTORS"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Our Story", href: "#about"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Get in Touch", href: "#contact"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-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 sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);