bender/cb1c7ec0-0537-40b9-adf4-e3d46ba9d514
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-12 17:13:44 +00:00
parent d1aecc6cfd
commit ad05de605f
1 changed files with 67 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

326
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Bikes",
id: "#products",
},
name: "Bikes", id: "#products"},
{
name: "Financing",
id: "#pricing",
},
name: "Financing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="805 Power Bikes"
bottomLeftText="Ride into the Future"
@@ -75,112 +59,62 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Unleash Your Ride with 805 Power Bikes"
description="Experience the thrill of electric power with our premium selection of e-motos and e-bikes. Designed for performance, reliability, and pure exhilaration."
testimonials={[
{
name: "Alex R.",
handle: "@alexrider",
testimonial: "The Surron LBX is an absolute beast! Best purchase I've made all year.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-riding-scooter_23-2148241077.jpg",
imageAlt: "Alex R.",
},
name: "Alex R.", handle: "@alexrider", testimonial: "The Surron LBX is an absolute beast! Best purchase I've made all year.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-riding-scooter_23-2148241077.jpg", imageAlt: "Alex R."},
{
name: "Jamie P.",
handle: "@jamie_e_moto",
testimonial: "Incredible service and top-notch bikes. My Ultra Bee HP handles like a dream.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15085.jpg",
imageAlt: "Jamie P.",
},
name: "Jamie P.", handle: "@jamie_e_moto", testimonial: "Incredible service and top-notch bikes. My Ultra Bee HP handles like a dream.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-15085.jpg", imageAlt: "Jamie P."},
{
name: "Sam K.",
handle: "@samrides805",
testimonial: "From casual rides to aggressive trails, 805 Power Bikes has the perfect machine. Their team is fantastic!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-handsome-biker-posing-with-motorbike_1262-17430.jpg",
imageAlt: "Sam K.",
},
name: "Sam K.", handle: "@samrides805", testimonial: "From casual rides to aggressive trails, 805 Power Bikes has the perfect machine. Their team is fantastic!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-handsome-biker-posing-with-motorbike_1262-17430.jpg", imageAlt: "Sam K."},
{
name: "Jordan L.",
handle: "@jordan_moto",
testimonial: "The ride quality and battery life are outstanding. Highly recommend 805 Power Bikes for any enthusiast!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-talking-phone_72229-1123.jpg",
imageAlt: "Jordan L.",
},
name: "Jordan L.", handle: "@jordan_moto", testimonial: "The ride quality and battery life are outstanding. Highly recommend 805 Power Bikes for any enthusiast!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-talking-phone_72229-1123.jpg", imageAlt: "Jordan L."},
{
name: "Casey W.",
handle: "@casey_ebike",
testimonial: "Their repair service is quick and reliable. My e-bike feels brand new after their tune-up!",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-trendy-girl-with-dreadlocks-is-driving-electro-scooter-street-cloudy-summer-day_613910-17118.jpg",
imageAlt: "Casey W.",
},
name: "Casey W.", handle: "@casey_ebike", testimonial: "Their repair service is quick and reliable. My e-bike feels brand new after their tune-up!", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-trendy-girl-with-dreadlocks-is-driving-electro-scooter-street-cloudy-summer-day_613910-17118.jpg", imageAlt: "Casey W."},
]}
tag="Ride Electric, Ride Further"
buttons={[
{
text: "Explore E-Motos",
href: "#products",
},
text: "Explore E-Motos", href: "#products"},
{
text: "Book a Test Ride",
href: "#contact",
},
text: "Book a Test Ride", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-brutal-biker-dressed-black-t-shirt-jeans-standing-near-motorcycle-narrow-old-europe-street_613910-4316.jpg"
imageAlt="Electric dirt bike on a trail"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-model_23-2148905636.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-model_23-2148905636.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/person-using-zero-emissions-mean-transportation-go-around-city_23-2151261371.jpg",
alt: "Satisfied rider",
},
src: "http://img.b2bpic.net/free-photo/person-using-zero-emissions-mean-transportation-go-around-city_23-2151261371.jpg", alt: "Satisfied rider"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-cheerful-brunette-woman-wears-striped-jumper-concentrated-away-uses-mobile-phone-chatting-online-poses-against-blurred-city-background-positive-female-tourist-tries-find-route_273609-57750.jpg",
alt: "Smiling biker",
},
src: "http://img.b2bpic.net/free-photo/beautiful-cheerful-brunette-woman-wears-striped-jumper-concentrated-away-uses-mobile-phone-chatting-online-poses-against-blurred-city-background-positive-female-tourist-tries-find-route_273609-57750.jpg", alt: "Smiling biker"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-young-man_1098-17111.jpg",
alt: "Enthusiastic owner",
},
src: "http://img.b2bpic.net/free-photo/cheerful-young-man_1098-17111.jpg", alt: "Enthusiastic owner"},
{
src: "http://img.b2bpic.net/free-photo/young-female-traveler-enjoying-peace-around-her_23-2148943444.jpg",
alt: "Adventure seeker",
},
src: "http://img.b2bpic.net/free-photo/young-female-traveler-enjoying-peace-around-her_23-2148943444.jpg", alt: "Adventure seeker"},
]}
avatarText="Join over 1000+ happy riders!"
marqueeItems={[
{
type: "text",
text: "Performance E-Motos",
type: "text", text: "Performance E-Motos"},
{
type: "text-icon", text: "Expert Repairs", icon: Wrench,
},
{
type: "text-icon",
text: "Expert Repairs",
icon: Wrench,
type: "text", text: "Urban E-Bikes"},
{
type: "text-icon", text: "Flexible Financing", icon: CreditCard,
},
{
type: "text",
text: "Urban E-Bikes",
},
{
type: "text-icon",
text: "Flexible Financing",
icon: CreditCard,
},
{
type: "text",
text: "Off-Road Adventures",
},
type: "text", text: "Off-Road Adventures"},
]}
/>
</div>
@@ -190,18 +124,14 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Your Trusted Partner for E-Bike Sales & Expert Repairs",
},
type: "text", content: "Your Trusted Partner for E-Bike Sales & Expert Repairs"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8117.jpg", alt: "Mechanic repairing an electric bike"}
]}
buttons={[
{
text: "Learn More",
href: "#services",
},
text: "Learn More", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8117.jpg"
imageAlt="Mechanic repairing an electric bike"
/>
</div>
@@ -212,17 +142,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"Limited Selection",
"Poor After-Sales Support",
"No Repair Expertise",
],
"Limited Selection", "Poor After-Sales Support", "No Repair Expertise"],
}}
positiveCard={{
items: [
"Curated E-Moto & E-Bike Selection",
"Dedicated Customer Service",
"Certified Repair Technicians",
],
"Curated E-Moto & E-Bike Selection", "Dedicated Customer Service", "Certified Repair Technicians"],
}}
title="Why Choose 805 Power Bikes?"
description="We're more than just a dealership; we're your comprehensive e-bike solution. From the latest models to expert maintenance, we ensure a smooth ride."
@@ -239,47 +163,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "surron-lbx",
name: "Surron Light Bee X",
price: "$4,200",
imageSrc: "http://img.b2bpic.net/free-photo/active-rider-watching-his-motorbike-desert_23-2148585482.jpg",
imageAlt: "Surron Light Bee X E-Moto",
},
id: "surron-lbx", name: "Surron Light Bee X", price: "$4,200", imageSrc: "http://img.b2bpic.net/free-photo/active-rider-watching-his-motorbike-desert_23-2148585482.jpg", imageAlt: "Surron Light Bee X E-Moto"},
{
id: "surron-ultra-bee-hp",
name: "Surron Ultra Bee HP",
price: "$6,500",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892208.jpg",
imageAlt: "Surron Ultra Bee HP E-Moto",
},
id: "surron-ultra-bee-hp", name: "Surron Ultra Bee HP", price: "$6,500", imageSrc: "http://img.b2bpic.net/free-photo/man-with-motorcycle-hawaii_23-2148892208.jpg", imageAlt: "Surron Ultra Bee HP E-Moto"},
{
id: "bonnell-hyper-bee",
name: "Bonnell & Surron Hyper Bee",
price: "$2,800",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-diplomatic-suit-riding-electric-scooter-front-startup-office-company-entrepreneur-man-going-business-meeting-concept-eco-friendly-transportation_482257-30503.jpg",
imageAlt: "Bonnell & Surron Hyper Bee E-Bike",
},
id: "bonnell-hyper-bee", name: "Bonnell & Surron Hyper Bee", price: "$2,800", imageSrc: "http://img.b2bpic.net/free-photo/businessman-diplomatic-suit-riding-electric-scooter-front-startup-office-company-entrepreneur-man-going-business-meeting-concept-eco-friendly-transportation_482257-30503.jpg", imageAlt: "Bonnell & Surron Hyper Bee E-Bike"},
{
id: "city-cruiser",
name: "Urban Commuter E-Bike",
price: "$1,800",
imageSrc: "http://img.b2bpic.net/free-photo/toned-alone-handlebar-vintage-touch_1203-4595.jpg",
imageAlt: "Urban Commuter E-Bike",
},
id: "city-cruiser", name: "Urban Commuter E-Bike", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/toned-alone-handlebar-vintage-touch_1203-4595.jpg", imageAlt: "Urban Commuter E-Bike"},
{
id: "mountain-trail",
name: "Trail Master E-MTB",
price: "$3,500",
imageSrc: "http://img.b2bpic.net/free-photo/young-european-cyclist-sportswear-resting-woods-talking-mobile-phone_273609-9729.jpg",
imageAlt: "Electric Mountain Bike",
},
id: "mountain-trail", name: "Trail Master E-MTB", price: "$3,500", imageSrc: "http://img.b2bpic.net/free-photo/young-european-cyclist-sportswear-resting-woods-talking-mobile-phone_273609-9729.jpg", imageAlt: "Electric Mountain Bike"},
{
id: "folding-travel",
name: "Compact Folding E-Bike",
price: "$1,200",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16284.jpg",
imageAlt: "Folding Electric Bike",
},
id: "folding-travel", name: "Compact Folding E-Bike", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-laptop-cafe_1303-16284.jpg", imageAlt: "Folding Electric Bike"},
]}
title="Our Latest Electric Power Bikes"
description="Discover our diverse range of high-performance e-motos and versatile e-bikes. Each model offers unique features for every type of rider."
@@ -295,42 +189,16 @@ export default function LandingPage() {
carouselMode="buttons"
plans={[
{
id: "basic-service",
badge: "Standard",
price: "$99",
subtitle: "Essential maintenance & check-up",
features: [
"Diagnostic check",
"Brake adjustment",
"Chain lubrication",
"Tire pressure check",
],
id: "basic-service", badge: "Standard", price: "$99", subtitle: "Essential maintenance & check-up", features: [
"Diagnostic check", "Brake adjustment", "Chain lubrication", "Tire pressure check"],
},
{
id: "premium-service",
badge: "Recommended",
price: "$199",
subtitle: "Comprehensive service for peak performance",
features: [
"Full diagnostic & firmware update",
"Brake bleed & adjustment",
"Drive train cleaning & lubrication",
"Battery health check",
"Suspension inspection",
],
id: "premium-service", badge: "Recommended", price: "$199", subtitle: "Comprehensive service for peak performance", features: [
"Full diagnostic & firmware update", "Brake bleed & adjustment", "Drive train cleaning & lubrication", "Battery health check", "Suspension inspection"],
},
{
id: "custom-service",
badge: "Tailored",
price: "Custom Quote",
subtitle: "For specialized repairs & upgrades",
features: [
"Custom parts installation",
"Advanced motor tuning",
"Battery cell replacement",
"Performance upgrades",
"Bodywork & frame repair",
],
id: "custom-service", badge: "Tailored", price: "Custom Quote", subtitle: "For specialized repairs & upgrades", features: [
"Custom parts installation", "Advanced motor tuning", "Battery cell replacement", "Performance upgrades", "Bodywork & frame repair"],
},
]}
title="E-Bike Service & Financing Options"
@@ -347,53 +215,17 @@ export default function LandingPage() {
carouselMode="auto"
testimonials={[
{
id: "1",
name: "Michael S.",
role: "Adventure Seeker",
testimonial: "The Surron Ultra Bee HP changed my off-road experience. Power, control, and endless fun!",
imageSrc: "http://img.b2bpic.net/free-photo/carefree-bearded-man-sunglasses-with-backpack-rides-modern-motorbike-outdoors-looking-away_171337-12716.jpg",
imageAlt: "Michael S.",
},
id: "1", name: "Michael S.", role: "Adventure Seeker", testimonial: "The Surron Ultra Bee HP changed my off-road experience. Power, control, and endless fun!", imageSrc: "http://img.b2bpic.net/free-photo/carefree-bearded-man-sunglasses-with-backpack-rides-modern-motorbike-outdoors-looking-away_171337-12716.jpg", imageAlt: "Michael S."},
{
id: "2",
name: "Sarah L.",
role: "Daily Commuter",
testimonial: "My Hyper Bee is perfect for city commuting. Affordable, reliable, and a joy to ride every day.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-tourist-with-backpack-rents-escooter-travel-around-town-uses-mobile-phone_1258-151980.jpg",
imageAlt: "Sarah L.",
},
id: "2", name: "Sarah L.", role: "Daily Commuter", testimonial: "My Hyper Bee is perfect for city commuting. Affordable, reliable, and a joy to ride every day.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-tourist-with-backpack-rents-escooter-travel-around-town-uses-mobile-phone_1258-151980.jpg", imageAlt: "Sarah L."},
{
id: "3",
name: "David C.",
role: "E-Bike Enthusiast",
testimonial: "The team at 805 Power Bikes is incredibly knowledgeable. They helped me pick the ideal e-moto.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-motorcycle-rider-with-helmet_23-2148585474.jpg",
imageAlt: "David C.",
},
id: "3", name: "David C.", role: "E-Bike Enthusiast", testimonial: "The team at 805 Power Bikes is incredibly knowledgeable. They helped me pick the ideal e-moto.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-motorcycle-rider-with-helmet_23-2148585474.jpg", imageAlt: "David C."},
{
id: "4",
name: "Emily R.",
role: "Weekend Warrior",
testimonial: "Fantastic service for my Surron LBX. It runs like new after their expert repair.",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-happy-blonde-female-motorcyclist-wears-casual-t-shirt-sunglasses-look-into-distance-with-cheerful-expression-sits-motorbike-poses-countryside-traveling-freedom_273609-2876.jpg",
imageAlt: "Emily R.",
},
id: "4", name: "Emily R.", role: "Weekend Warrior", testimonial: "Fantastic service for my Surron LBX. It runs like new after their expert repair.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-happy-blonde-female-motorcyclist-wears-casual-t-shirt-sunglasses-look-into-distance-with-cheerful-expression-sits-motorbike-poses-countryside-traveling-freedom_273609-2876.jpg", imageAlt: "Emily R."},
{
id: "5",
name: "Chris B.",
role: "New Rider",
testimonial: "Never thought I'd get into e-motos, but 805 Power Bikes made it easy and exciting!",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756289.jpg",
imageAlt: "Chris B.",
},
id: "5", name: "Chris B.", role: "New Rider", testimonial: "Never thought I'd get into e-motos, but 805 Power Bikes made it easy and exciting!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756289.jpg", imageAlt: "Chris B."},
{
id: "6",
name: "Jessica M.",
role: "Eco-Friendly Rider",
testimonial: "Loving my new e-bike! It's great for the environment and a blast to ride.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-riding-scooter-street_1303-16290.jpg",
imageAlt: "Jessica M.",
},
id: "6", name: "Jessica M.", role: "Eco-Friendly Rider", testimonial: "Loving my new e-bike! It's great for the environment and a blast to ride.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-riding-scooter-street_1303-16290.jpg", imageAlt: "Jessica M."},
]}
title="Hear From Our Happy Riders"
description="Our customers love the quality and performance of our e-motos and e-bikes, as well as our exceptional service."
@@ -407,30 +239,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What types of e-bikes do you sell?",
content: "We offer a wide range including electric dirt bikes (e-motos), urban cruisers, mountain e-bikes, and folding e-bikes, catering to various riding styles and needs.",
},
id: "faq-1", title: "What types of e-bikes do you sell?", content: "We offer a wide range including electric dirt bikes (e-motos), urban cruisers, mountain e-bikes, and folding e-bikes, catering to various riding styles and needs."},
{
id: "faq-2",
title: "Do you offer financing options?",
content: "Yes, we partner with several financing providers to offer flexible payment plans for both our e-bikes and e-motos. Contact us to learn more about eligibility.",
},
id: "faq-2", title: "Do you offer financing options?", content: "Yes, we partner with several financing providers to offer flexible payment plans for both our e-bikes and e-motos. Contact us to learn more about eligibility."},
{
id: "faq-3",
title: "What kind of repair services do you provide?",
content: "Our certified technicians offer everything from routine maintenance and diagnostic checks to battery health assessments, motor tuning, and complex part replacements for all e-bike and e-moto brands we carry.",
},
id: "faq-3", title: "What kind of repair services do you provide?", content: "Our certified technicians offer everything from routine maintenance and diagnostic checks to battery health assessments, motor tuning, and complex part replacements for all e-bike and e-moto brands we carry."},
{
id: "faq-4",
title: "Can I book a test ride?",
content: "Absolutely! We encourage test rides to help you find the perfect bike. You can schedule one through our website or by contacting our sales team directly.",
},
id: "faq-4", title: "Can I book a test ride?", content: "Absolutely! We encourage test rides to help you find the perfect bike. You can schedule one through our website or by contacting our sales team directly."},
{
id: "faq-5",
title: "What is your warranty policy?",
content: "All new bikes come with a manufacturer's warranty, which typically covers major components. Details vary by brand, so please ask our sales team for specific warranty information.",
},
id: "faq-5", title: "What is your warranty policy?", content: "All new bikes come with a manufacturer's warranty, which typically covers major components. Details vary by brand, so please ask our sales team for specific warranty information."},
]}
imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-helping-customers-regain-access-accounts_482257-126790.jpg"
imageAlt="Customer service representative helping a customer"
@@ -445,18 +262,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to ride? Get in touch with our team today!"
buttons={[
{
text: "Call Us",
href: "tel:+18055551234",
},
text: "Call Us", href: "tel:+18055551234"},
{
text: "Email Us",
href: "mailto:info@805powerbikes.com",
},
text: "Email Us", href: "mailto:info@805powerbikes.com"},
]}
/>
</div>
@@ -465,13 +277,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="805 Power Bikes"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>