bender/1262d4e8-ba06-4692-bd8c-dfe53c4b1dbc
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-04-17 15:16:25 +00:00
parent 4eb2387106
commit c8a90fb104
1 changed files with 53 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

231
src/app/page.tsx
View File

@@ -32,90 +32,59 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Bikes",
id: "products",
},
name: "Bikes", id: "products"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Pedal & Path"
button={{
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Your Next Adventure Starts Here"
description="Find the perfect bicycle for your lifestyle. From urban commuting to mountain trails, we have the best selection in town."
buttons={[
{
text: "Shop Bikes",
href: "#products",
},
text: "Shop Bikes", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749627.jpg"
imageAlt="Professional road bike in studio"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-monday-concept-with-woman-bicycle_23-2150040472.jpg",
alt: "Happy woman on bicycle",
},
src: "http://img.b2bpic.net/free-photo/happy-monday-concept-with-woman-bicycle_23-2150040472.jpg", alt: "Happy woman on bicycle"},
{
src: "http://img.b2bpic.net/free-photo/woman-biking-city_1303-9253.jpg",
alt: "Woman biking in city",
},
src: "http://img.b2bpic.net/free-photo/woman-biking-city_1303-9253.jpg", alt: "Woman biking in city"},
{
src: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749604.jpg",
alt: "Female cyclist posing",
},
src: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749604.jpg", alt: "Female cyclist posing"},
{
src: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749628.jpg",
alt: "Cyclist with helmet",
},
src: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749628.jpg", alt: "Cyclist with helmet"},
{
src: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749627.jpg",
alt: "Professional road bike",
},
src: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749627.jpg", alt: "Professional road bike"},
]}
avatarText="Join our community of over 500+ happy riders"
marqueeItems={[
{
type: "text",
text: "Road Bikes",
},
type: "text", text: "Road Bikes"},
{
type: "text",
text: "Mountain Trails",
},
type: "text", text: "Mountain Trails"},
{
type: "text",
text: "Expert Maintenance",
},
type: "text", text: "Expert Maintenance"},
{
type: "text",
text: "Custom Builds",
},
type: "text", text: "Custom Builds"},
{
type: "text",
text: "Gear & Accessories",
},
type: "text", text: "Gear & Accessories"},
]}
/>
</div>
@@ -125,9 +94,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Passionate About Cycling"
description={[
"Founded by cycling enthusiasts, Pedal & Path has been serving our local community for over a decade. We believe in providing quality service and the best gear for every rider.",
"Our workshop is staffed by certified mechanics who love bikes as much as you do. Whether it's a tune-up or building your dream custom bike, we're here to help.",
]}
"Founded by cycling enthusiasts, Pedal & Path has been serving our local community for over a decade. We believe in providing quality service and the best gear for every rider.", "Our workshop is staffed by certified mechanics who love bikes as much as you do. Whether it's a tune-up or building your dream custom bike, we're here to help."]}
/>
</div>
@@ -138,21 +105,11 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"No low-quality parts",
"No hidden repair fees",
"No long wait times",
"No generic advice",
"No uncertified mechanics",
],
"No low-quality parts", "No hidden repair fees", "No long wait times", "No generic advice", "No uncertified mechanics"],
}}
positiveCard={{
items: [
"Expert mechanic advice",
"Life-long frame warranty",
"Fast local delivery",
"Custom bike fitting",
"Weekly group rides",
],
"Expert mechanic advice", "Life-long frame warranty", "Fast local delivery", "Custom bike fitting", "Weekly group rides"],
}}
title="Why Choose Us"
description="We offer more than just sales. Experience full-service support."
@@ -167,41 +124,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "City Commuter",
price: "$899",
imageSrc: "http://img.b2bpic.net/free-photo/beatiful-sideview-biker-riding-motorcycle-extreme-way_7502-8837.jpg",
},
id: "p1", name: "City Commuter", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/beatiful-sideview-biker-riding-motorcycle-extreme-way_7502-8837.jpg"},
{
id: "p2",
name: "Mountain Beast",
price: "$1,499",
imageSrc: "http://img.b2bpic.net/free-photo/automobile-racing-sports-competition_23-2150799961.jpg",
},
id: "p2", name: "Mountain Beast", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/automobile-racing-sports-competition_23-2150799961.jpg"},
{
id: "p3",
name: "Road Speedster",
price: "$2,299",
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749605.jpg",
},
id: "p3", name: "Road Speedster", price: "$2,299", imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749605.jpg"},
{
id: "p4",
name: "Hybrid Explorer",
price: "$1,199",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adult-riding-cool-motorcycle_23-2150868318.jpg",
},
id: "p4", name: "Hybrid Explorer", price: "$1,199", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adult-riding-cool-motorcycle_23-2150868318.jpg"},
{
id: "p5",
name: "Gravel Grinder",
price: "$1,799",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-bicycle_23-2149155149.jpg",
},
id: "p5", name: "Gravel Grinder", price: "$1,799", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-bicycle_23-2149155149.jpg"},
{
id: "p6",
name: "Carbon Flyer",
price: "$3,499",
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-riding-bike-city_23-2148170922.jpg",
},
id: "p6", name: "Carbon Flyer", price: "$3,499", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-riding-bike-city_23-2148170922.jpg"},
]}
title="Our Featured Collection"
description="Browse our curated selection of high-performance bikes."
@@ -215,52 +148,28 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
price: "$49",
name: "Safety Check",
buttons: [
id: "basic", price: "$49", name: "Safety Check", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Brake inspection",
"Gear adjustment",
"Tire pressure check",
],
"Brake inspection", "Gear adjustment", "Tire pressure check"],
},
{
id: "standard",
price: "$129",
name: "Full Tune-Up",
buttons: [
id: "standard", price: "$129", name: "Full Tune-Up", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Safety check features",
"Drive-train clean",
"Wheel truing",
],
"Safety check features", "Drive-train clean", "Wheel truing"],
},
{
id: "premium",
price: "$249",
name: "Pro Overhaul",
buttons: [
id: "premium", price: "$249", name: "Pro Overhaul", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Full tune-up features",
"Bearing overhaul",
"Component replacement",
],
"Full tune-up features", "Bearing overhaul", "Component replacement"],
},
]}
title="Maintenance Packages"
@@ -276,25 +185,15 @@ export default function LandingPage() {
author="Sarah Miller"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647434.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647434.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-cyclist-catching-his-breath_329181-8667.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/cheerful-cyclist-catching-his-breath_329181-8667.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/smiling-with-happy-confident-expression-with-hand-chin_1194-406821.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/smiling-with-happy-confident-expression-with-hand-chin_1194-406821.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31446.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/young-business-woman-riding-electro-scooter-by-ofice-center_1303-31446.jpg", alt: "Customer"},
{
src: "http://img.b2bpic.net/free-photo/professional-cyclist-woman-medium-shot_52683-93748.jpg",
alt: "Customer",
},
src: "http://img.b2bpic.net/free-photo/professional-cyclist-woman-medium-shot_52683-93748.jpg", alt: "Customer"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -307,20 +206,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer financing?",
content: "Yes, we offer flexible financing plans on all bikes over $1000.",
},
id: "q1", title: "Do you offer financing?", content: "Yes, we offer flexible financing plans on all bikes over $1000."},
{
id: "q2",
title: "How long does a tune-up take?",
content: "Standard tune-ups are usually completed within 24-48 hours.",
},
id: "q2", title: "How long does a tune-up take?", content: "Standard tune-ups are usually completed within 24-48 hours."},
{
id: "q3",
title: "Can I test ride a bike?",
content: "Absolutely! We encourage test rides on our demo bikes.",
},
id: "q3", title: "Can I test ride a bike?", content: "Absolutely! We encourage test rides on our demo bikes."},
]}
title="Common Questions"
description="Got questions about our services or products?"
@@ -332,14 +222,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready to get riding? Visit our shop or contact us for inquiries."
buttons={[
{
text: "Call (555) 123-4567",
href: "tel:5551234567",
},
text: "Call (555) 123-4567", href: "tel:5551234567"},
]}
/>
</div>
@@ -350,37 +237,25 @@ export default function LandingPage() {
{
items: [
{
label: "Shop",
href: "#products",
},
label: "Shop", href: "#products"},
{
label: "Services",
href: "#pricing",
},
label: "Services", href: "#pricing"},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}