bender/dbd76643-2840-4df4-aa0c-924d67d0f79c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-04 18:41:48 +00:00
Conversation 0 Commits 1 Files Changed 1 +72 -257
1 changed files with 72 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

329
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/bike-banner-shape-circle-with-rural-street-scenic-mountain-range-landscape-view_53876-138196.jpg"
logoAlt="BikeCrafters Logo"
@@ -72,68 +58,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Experience the Thrill of the Ride"
description="Discover our premium selection of Ebikes, Road Bikes, and Mountain Bikes, engineered for performance, comfort, and adventure."
avatars={[
{
src: "http://img.b2bpic.net/free-vector/hand-drawn-construction-background_23-2147737885.jpg",
alt: "Rider 1",
},
src: "http://img.b2bpic.net/free-vector/hand-drawn-construction-background_23-2147737885.jpg", alt: "Rider 1"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-caucasian-young-woman-wearing-bike-helmet-crazy-mad-shouting-yelling-with-aggressive-expression-arms-raised-frustration-concept_839833-14287.jpg",
alt: "Rider 2",
},
src: "http://img.b2bpic.net/free-photo/beautiful-caucasian-young-woman-wearing-bike-helmet-crazy-mad-shouting-yelling-with-aggressive-expression-arms-raised-frustration-concept_839833-14287.jpg", alt: "Rider 2"},
{
src: "http://img.b2bpic.net/free-photo/he-is-professional-cyclist_329181-8652.jpg",
alt: "Rider 3",
},
src: "http://img.b2bpic.net/free-photo/he-is-professional-cyclist_329181-8652.jpg", alt: "Rider 3"},
{
src: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-1875.jpg",
alt: "Rider 4",
},
src: "http://img.b2bpic.net/free-photo/blond-pilot-angry-expression_1194-1875.jpg", alt: "Rider 4"},
{
src: "http://img.b2bpic.net/free-photo/female-cyclist-riding-her-bike-with-helmet_23-2150816057.jpg",
alt: "Female cyclist riding her bike with helmet on",
},
src: "http://img.b2bpic.net/free-photo/female-cyclist-riding-her-bike-with-helmet_23-2150816057.jpg", alt: "Female cyclist riding her bike with helmet on"},
]}
avatarText="Join our community of passionate riders!"
buttons={[
{
text: "Explore Ebikes",
href: "#products",
},
text: "Explore Ebikes", href: "#products"},
{
text: "Find Your Road Bike",
href: "#products",
},
text: "Find Your Road Bike", href: "#products"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Ultimate Performance",
icon: Gauge,
type: "text-icon", text: "Ultimate Performance", icon: Gauge,
},
{
type: "text-icon",
text: "Adventure Awaits",
icon: Mountain,
type: "text-icon", text: "Adventure Awaits", icon: Mountain,
},
{
type: "text",
text: "Sustainable Travel",
type: "text", text: "Sustainable Travel"},
{
type: "text-icon", text: "Community Rides", icon: Users,
},
{
type: "text-icon",
text: "Community Rides",
icon: Users,
},
{
type: "text",
text: "Crafted for Excellence",
},
type: "text", text: "Crafted for Excellence"},
]}
/>
</div>
@@ -145,17 +106,11 @@ export default function LandingPage() {
description="BikeCrafters is dedicated to pushing the boundaries of cycling technology, delivering unparalleled quality and performance for every rider. From city commutes to mountain trails, our bikes are built to inspire confidence and adventure."
metrics={[
{
value: "25+",
title: "Years of Innovation",
},
value: "25+", title: "Years of Innovation"},
{
value: "150K+",
title: "Happy Riders",
},
value: "150K+", title: "Happy Riders"},
{
value: "100%",
title: "Quality Assured",
},
value: "100%", title: "Quality Assured"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg"
imageAlt="Cyclist riding a high-performance bike"
@@ -171,46 +126,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Smart Connectivity",
description: "Integrate seamlessly with your favorite apps for navigation, fitness tracking, and more.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg",
imageAlt: "Bike navigation app",
},
title: "Smart Connectivity", description: "Integrate seamlessly with your favorite apps for navigation, fitness tracking, and more.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/back-view-women-doing-sport-with-stats_23-2150040498.jpg", imageAlt: "Bike navigation app"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-resting-park-uses-mobile-phone_1153-6350.jpg",
imageAlt: "Bike diagnostics app",
},
imageSrc: "http://img.b2bpic.net/free-photo/bike-banner-shape-circle-with-rural-street-scenic-mountain-range-landscape-view_53876-138196.jpg",
imageAlt: "bike navigation app interface",
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-resting-park-uses-mobile-phone_1153-6350.jpg", imageAlt: "Bike diagnostics app"}
},
{
title: "Community & Support",
description: "Connect with fellow riders, join events, and get expert support from our dedicated team.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-eco-friendly-scooter_23-2149019524.jpg",
imageAlt: "Cycling community app",
},
title: "Community & Support", description: "Connect with fellow riders, join events, and get expert support from our dedicated team.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-riding-eco-friendly-scooter_23-2149019524.jpg", imageAlt: "Cycling community app"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-smart-phone-his-bike_23-2148288471.jpg",
imageAlt: "Virtual bike trainer app",
},
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-construction-background_23-2147737885.jpg",
imageAlt: "bike navigation app interface",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-smart-phone-his-bike_23-2148288471.jpg", imageAlt: "Virtual bike trainer app"}
},
{
title: "Customization Options",
description: "Personalize your ride with a wide range of components, colors, and accessories.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165177.jpg",
imageAlt: "Bike customizer app",
},
title: "Customization Options", description: "Personalize your ride with a wide range of components, colors, and accessories.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/data-stats-around-person-doing-physical-activity_23-2150165177.jpg", imageAlt: "Bike customizer app"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749625.jpg",
imageAlt: "Bike gear shop app",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-young-woman-wearing-bike-helmet-crazy-mad-shouting-yelling-with-aggressive-expression-arms-raised-frustration-concept_839833-14287.jpg",
imageAlt: "bike navigation app interface",
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749625.jpg", imageAlt: "Bike gear shop app"}
},
]}
showStepNumbers={true}
@@ -227,53 +158,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "ebike-urban",
name: "Urban Glide E-Bike",
price: "$2,499",
variant: "Electric City",
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-sitting-modern-motorbike_171337-17537.jpg",
imageAlt: "Urban Glide E-Bike",
},
id: "ebike-urban", name: "Urban Glide E-Bike", price: "$2,499", variant: "Electric City", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-sitting-modern-motorbike_171337-17537.jpg", imageAlt: "Urban Glide E-Bike"},
{
id: "ebike-trail",
name: "Trailblazer E-MTB",
price: "$3,899",
variant: "Electric Mountain",
imageSrc: "http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482631.jpg",
imageAlt: "Trailblazer E-MTB",
},
id: "ebike-trail", name: "Trailblazer E-MTB", price: "$3,899", variant: "Electric Mountain", imageSrc: "http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482631.jpg", imageAlt: "Trailblazer E-MTB"},
{
id: "roadbike-endurance",
name: "Endurance Pro Road",
price: "$1,999",
variant: "Road Cycling",
imageSrc: "http://img.b2bpic.net/free-photo/bass-drum-with-pedal-musical-instrument-black-background_169016-30358.jpg",
imageAlt: "Endurance Pro Road Bike",
},
id: "roadbike-endurance", name: "Endurance Pro Road", price: "$1,999", variant: "Road Cycling", imageSrc: "http://img.b2bpic.net/free-photo/bass-drum-with-pedal-musical-instrument-black-background_169016-30358.jpg", imageAlt: "Endurance Pro Road Bike"},
{
id: "roadbike-gravel",
name: "Gravel Roamer",
price: "$2,199",
variant: "Gravel Road",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-mountain-biking-equipment_23-2148777263.jpg",
imageAlt: "Gravel Roamer Road Bike",
},
id: "roadbike-gravel", name: "Gravel Roamer", price: "$2,199", variant: "Gravel Road", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-mountain-biking-equipment_23-2148777263.jpg", imageAlt: "Gravel Roamer Road Bike"},
{
id: "mtbbike-downhill",
name: "Descent Master MTB",
price: "$2,999",
variant: "Mountain Downhill",
imageSrc: "http://img.b2bpic.net/free-photo/rider-motorcycle-riding-forest-sunny-day_181624-60237.jpg",
imageAlt: "Descent Master MTB",
},
id: "mtbbike-downhill", name: "Descent Master MTB", price: "$2,999", variant: "Mountain Downhill", imageSrc: "http://img.b2bpic.net/free-photo/rider-motorcycle-riding-forest-sunny-day_181624-60237.jpg", imageAlt: "Descent Master MTB"},
{
id: "mtbbike-xc",
name: "Cross Country Pro",
price: "$1,799",
variant: "Mountain XC",
imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bike-sunset-forest_346278-420.jpg",
imageAlt: "Cross Country Pro MTB",
},
id: "mtbbike-xc", name: "Cross Country Pro", price: "$1,799", variant: "Mountain XC", imageSrc: "http://img.b2bpic.net/free-photo/cyclist-riding-bike-sunset-forest_346278-420.jpg", imageAlt: "Cross Country Pro MTB"},
]}
title="Our Diverse Bike Collection"
description="Explore our diverse range of electric, road, and mountain bikes, each crafted for optimal performance and unforgettable rides."
@@ -288,20 +183,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "98%",
description: "Customer Satisfaction",
},
id: "m1", value: "98%", description: "Customer Satisfaction"},
{
id: "m2",
value: "50K+",
description: "Miles Ridden Annually",
},
id: "m2", value: "50K+", description: "Miles Ridden Annually"},
{
id: "m3",
value: "100+",
description: "Award-Winning Designs",
},
id: "m3", value: "100+", description: "Award-Winning Designs"},
]}
title="Performance That Drives You"
description="We're proud of the impact our bikes have on riders worldwide, pushing limits and achieving new milestones every day."
@@ -315,59 +201,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarah_rides",
testimonial: "My BikeCrafters e-bike transformed my commute. It's powerful, stylish, and incredibly fun to ride!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-couple-rides-modern-motorbike-outdoors_171337-18641.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", handle: "@sarah_rides", testimonial: "My BikeCrafters e-bike transformed my commute. It's powerful, stylish, and incredibly fun to ride!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-stylish-couple-rides-modern-motorbike-outdoors_171337-18641.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
handle: "@mtb_mike",
testimonial: "The Descent Master MTB handles like a dream on the toughest trails. Absolutely blown away by the quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-approving-with-thumbs-up_23-2148225797.jpg",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", handle: "@mtb_mike", testimonial: "The Descent Master MTB handles like a dream on the toughest trails. Absolutely blown away by the quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-approving-with-thumbs-up_23-2148225797.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
handle: "@emily_cyclist",
testimonial: "BikeCrafters road bike is incredibly smooth and fast. Perfect for my long weekend rides.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-stylish-curly-woman-sunglasses-posing-modern-motorbike-outdoors_171337-17428.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", handle: "@emily_cyclist", testimonial: "BikeCrafters road bike is incredibly smooth and fast. Perfect for my long weekend rides.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-stylish-curly-woman-sunglasses-posing-modern-motorbike-outdoors_171337-17428.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
handle: "@davidk",
testimonial: "Fantastic customer service and an even better bike! The Urban Glide is exactly what I needed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-brown-hair-enjoying-weekend-summer-outdoor-photo-joyful-white-woman-posing-park-with-bicycle_197531-25805.jpg",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", handle: "@davidk", testimonial: "Fantastic customer service and an even better bike! The Urban Glide is exactly what I needed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-brown-hair-enjoying-weekend-summer-outdoor-photo-joyful-white-woman-posing-park-with-bicycle_197531-25805.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Lee",
handle: "@jess_explores",
testimonial: "My Gravel Roamer has taken me to places I never thought possible. A true adventure companion!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/team-building-outdoor-forest_53876-20686.jpg",
imageAlt: "Jessica Lee",
},
id: "5", name: "Jessica Lee", handle: "@jess_explores", testimonial: "My Gravel Roamer has taken me to places I never thought possible. A true adventure companion!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/team-building-outdoor-forest_53876-20686.jpg", imageAlt: "Jessica Lee"},
{
id: "6",
name: "Robert Green",
handle: "@green_machine",
testimonial: "Outstanding craftsmanship on my Cross Country Pro. BikeCrafters knows how to build a serious machine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-with-fabric-tote-bag_23-2149431802.jpg",
imageAlt: "Robert Green",
},
id: "6", name: "Robert Green", handle: "@green_machine", testimonial: "Outstanding craftsmanship on my Cross Country Pro. BikeCrafters knows how to build a serious machine.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-with-fabric-tote-bag_23-2149431802.jpg", imageAlt: "Robert Green"},
]}
showRating={true}
title="Rider Reviews"
@@ -381,20 +231,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What types of bikes do you offer?",
content: "We offer a comprehensive range of bikes including electric bikes (ebikes), road bikes (for endurance, racing, and gravel), and mountain bikes (for trail, downhill, and cross-country riding).",
},
id: "faq1", title: "What types of bikes do you offer?", content: "We offer a comprehensive range of bikes including electric bikes (ebikes), road bikes (for endurance, racing, and gravel), and mountain bikes (for trail, downhill, and cross-country riding)."},
{
id: "faq2",
title: "Do you offer financing options?",
content: "Yes, we partner with several financing providers to offer flexible payment plans. You can find more details on our financing page or by contacting our sales team.",
},
id: "faq2", title: "Do you offer financing options?", content: "Yes, we partner with several financing providers to offer flexible payment plans. You can find more details on our financing page or by contacting our sales team."},
{
id: "faq3",
title: "What is your warranty policy?",
content: "All BikeCrafters bikes come with a standard 2-year warranty covering manufacturing defects. Specific components may have extended warranties as per manufacturer terms. Please see our full warranty policy for details.",
},
id: "faq3", title: "What is your warranty policy?", content: "All BikeCrafters bikes come with a standard 2-year warranty covering manufacturing defects. Specific components may have extended warranties as per manufacturer terms. Please see our full warranty policy for details."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our bikes, services, and policies."
@@ -406,20 +247,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Ready to Ride?"
description="Have questions or need assistance finding your perfect bike? Our team is here to help!"
buttons={[
{
text: "Contact Sales",
href: "#",
},
text: "Contact Sales", href: "#"},
{
text: "Visit Our Store",
href: "#",
},
text: "Visit Our Store", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -432,54 +268,33 @@ export default function LandingPage() {
logoText="BikeCrafters"
columns={[
{
title: "Product Categories",
items: [
title: "Product Categories", items: [
{
label: "Ebikes",
href: "#products",
},
label: "Ebikes", href: "#products"},
{
label: "Road Bikes",
href: "#products",
},
label: "Road Bikes", href: "#products"},
{
label: "MTB Bikes",
href: "#products",
},
label: "MTB Bikes", href: "#products"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Warranty",
href: "#",
},
label: "Warranty", href: "#"},
],
},
]}