Merge version_1 into main #2
@@ -8,7 +8,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Package, Users } from "lucide-react";
|
||||
import { Package, Users, Leaf } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,29 +29,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "gear",
|
||||
href: "/gear",
|
||||
},
|
||||
name: "Gear", id: "/gear"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about-us",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"}
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/gear",
|
||||
text: "Shop Now", href: "/gear"
|
||||
}}
|
||||
brandName="CycleHub"
|
||||
/>
|
||||
@@ -66,22 +53,16 @@ export default function LandingPage() {
|
||||
tag="About Us"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Curation",
|
||||
description: "Hand-picking only the finest products that meet our high standards for performance and durability.",
|
||||
icon: Package,
|
||||
title: "Expert Curation", description: "Hand-picking only the finest products that meet our high standards for performance and durability.", icon: Package,
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Building a thriving community where riders can connect, share, and grow their passion for cycling.",
|
||||
icon: Users,
|
||||
title: "Community Focus", description: "Building a thriving community where riders can connect, share, and grow their passion for cycling.", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Committed to environmentally friendly operations and sourcing practices to protect our planet.",
|
||||
icon: Leaf,
|
||||
},
|
||||
title: "Sustainable Practices", description: "Committed to environmentally friendly operations and sourcing practices to protect our planet.", icon: Leaf,
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-couple-friends-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-walking-by-sea-resort-city_285396-3068.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-couple-friends-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-walking-by-sea-resort-city_285396-3068.jpg"
|
||||
imageAlt="Group of cyclists sharing stories and laughing"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -94,20 +75,17 @@ export default function LandingPage() {
|
||||
description="Discover the impact and reach of our growing cycling community and our commitment to excellence."
|
||||
metrics={[
|
||||
{
|
||||
value: "10K+",
|
||||
title: "Happy Riders",
|
||||
value: "10K+", title: "Happy Riders"
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Products Shipped",
|
||||
value: "500+", title: "Products Shipped"
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
title: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", title: "Average Rating"
|
||||
}
|
||||
]}
|
||||
tag="Our Impact"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cyclist-woman_23-2149703334.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cyclist-woman_23-2149703334.jpg"
|
||||
imageAlt="Cyclist on a scenic road with premium gear"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -121,33 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO & Founder",
|
||||
imageSrc: "https://randomuser.me/api/portraits/women/68.jpg",
|
||||
imageAlt: "Portrait of Sarah Chen",
|
||||
id: "1", name: "Sarah Chen", role: "CEO & Founder", imageSrc: "https://randomuser.me/api/portraits/women/68.jpg", imageAlt: "Portrait of Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Lee",
|
||||
role: "Head of Product",
|
||||
imageSrc: "https://randomuser.me/api/portraits/men/65.jpg",
|
||||
imageAlt: "Portrait of David Lee",
|
||||
id: "2", name: "David Lee", role: "Head of Product", imageSrc: "https://randomuser.me/api/portraits/men/65.jpg", imageAlt: "Portrait of David Lee"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Garcia",
|
||||
role: "Community Manager",
|
||||
imageSrc: "https://randomuser.me/api/portraits/women/67.jpg",
|
||||
imageAlt: "Portrait of Maria Garcia",
|
||||
id: "3", name: "Maria Garcia", role: "Community Manager", imageSrc: "https://randomuser.me/api/portraits/women/67.jpg", imageAlt: "Portrait of Maria Garcia"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex Johnson",
|
||||
role: "Lead Mechanic",
|
||||
imageSrc: "https://randomuser.me/api/portraits/men/66.jpg",
|
||||
imageAlt: "Portrait of Alex Johnson",
|
||||
},
|
||||
id: "4", name: "Alex Johnson", role: "Lead Mechanic", imageSrc: "https://randomuser.me/api/portraits/men/66.jpg", imageAlt: "Portrait of Alex Johnson"
|
||||
}
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="The passionate individuals behind CycleHub, committed to bringing you the best cycling experience and customer service."
|
||||
@@ -162,37 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emily R.",
|
||||
role: "Amateur Road Racer",
|
||||
testimonial: "CycleHub's gear has transformed my training. The carbon road bike is incredibly light and responsive, making every ride a joy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-happy-african-couple-rides-modern-motorbike-park_171337-11597.jpg?_wi=2",
|
||||
imageAlt: "Emily R.",
|
||||
id: "1", name: "Emily R.", role: "Amateur Road Racer", testimonial: "CycleHub's gear has transformed my training. The carbon road bike is incredibly light and responsive, making every ride a joy.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-happy-african-couple-rides-modern-motorbike-park_171337-11597.jpg", imageAlt: "Emily R."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Mountain Trail Explorer",
|
||||
testimonial: "The full suspension mountain bike handled everything I threw at it. Durability and performance truly set CycleHub apart.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-athlete-texting-message-rest_1262-5283.jpg?_wi=2",
|
||||
imageAlt: "Mark D.",
|
||||
id: "2", name: "Mark D.", role: "Mountain Trail Explorer", testimonial: "The full suspension mountain bike handled everything I threw at it. Durability and performance truly set CycleHub apart.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-athlete-texting-message-rest_1262-5283.jpg", imageAlt: "Mark D."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica L.",
|
||||
role: "Commuter & Weekend Rider",
|
||||
testimonial: "I love my gravel bike from CycleHub! It's perfect for city commutes and weekend escapes on various terrains. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4048.jpg?_wi=2",
|
||||
imageAlt: "Jessica L.",
|
||||
id: "3", name: "Jessica L.", role: "Commuter & Weekend Rider", testimonial: "I love my gravel bike from CycleHub! It's perfect for city commutes and weekend escapes on various terrains. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4048.jpg", imageAlt: "Jessica L."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom W.",
|
||||
role: "Cycling Enthusiast",
|
||||
testimonial: "The apparel is top-notch – comfortable, breathable, and stylish. CycleHub ensures I look and feel great on every ride.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-sunglasses_23-2148988816.jpg?_wi=2",
|
||||
imageAlt: "Tom W.",
|
||||
},
|
||||
id: "4", name: "Tom W.", role: "Cycling Enthusiast", testimonial: "The apparel is top-notch – comfortable, breathable, and stylish. CycleHub ensures I look and feel great on every ride.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-sunglasses_23-2148988816.jpg", imageAlt: "Tom W."
|
||||
}
|
||||
]}
|
||||
title="What Our Riders Say"
|
||||
description="Hear from satisfied customers who have geared up with CycleHub for their adventures and experienced exceptional quality and service."
|
||||
@@ -204,68 +146,53 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Road Bikes",
|
||||
href: "/gear/road",
|
||||
label: "Road Bikes", href: "/gear/road"
|
||||
},
|
||||
{
|
||||
label: "Mountain Bikes",
|
||||
href: "/gear/mtb",
|
||||
label: "Mountain Bikes", href: "/gear/mtb"
|
||||
},
|
||||
{
|
||||
label: "Apparel",
|
||||
href: "/gear/apparel",
|
||||
label: "Apparel", href: "/gear/apparel"
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/gear/accessories",
|
||||
},
|
||||
],
|
||||
label: "Accessories", href: "/gear/accessories"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/team",
|
||||
label: "Our Team", href: "/team"
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
label: "Blog", href: "/blog"
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
],
|
||||
label: "Careers", href: "/careers"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
label: "Contact Us", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
label: "FAQ", href: "/faq"
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
label: "Shipping & Returns", href: "/shipping"
|
||||
},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "/warranty",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Warranty", href: "/warranty"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="CycleHub"
|
||||
copyrightText="© 2024 CycleHub. All rights reserved."
|
||||
|
||||
@@ -27,29 +27,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "gear",
|
||||
href: "/gear",
|
||||
},
|
||||
name: "Gear", id: "/gear"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about-us",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"}
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/gear",
|
||||
text: "Shop Now", href: "/gear"
|
||||
}}
|
||||
brandName="CycleHub"
|
||||
/>
|
||||
@@ -63,65 +50,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Velocity",
|
||||
name: "Carbon Race Road Bike",
|
||||
price: "$3,200",
|
||||
rating: 4.8,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-cyclist-training-with-bicycle-outdoors_23-2149748650.jpg?_wi=2",
|
||||
imageAlt: "Sleek carbon road bike designed for speed",
|
||||
id: "1", brand: "Velocity", name: "Carbon Race Road Bike", price: "$3,200", rating: 4.8,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/male-cyclist-training-with-bicycle-outdoors_23-2149748650.jpg", imageAlt: "Sleek carbon road bike designed for speed"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "TrailBlaze",
|
||||
name: "Full Suspension MTB Pro",
|
||||
price: "$2,850",
|
||||
rating: 4.7,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-sport-bike-his-back-walking-forest_23-2147870098.jpg?_wi=2",
|
||||
imageAlt: "Rugged full suspension mountain bike in forest",
|
||||
id: "2", brand: "TrailBlaze", name: "Full Suspension MTB Pro", price: "$2,850", rating: 4.7,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-sport-bike-his-back-walking-forest_23-2147870098.jpg", imageAlt: "Rugged full suspension mountain bike in forest"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "AdventureX",
|
||||
name: "Explorer Gravel Bike",
|
||||
price: "$2,100",
|
||||
rating: 4.6,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-riding-bycicle-road-surrownded-by-trees-coronavirus-quarantine_181624-18421.jpg?_wi=2",
|
||||
imageAlt: "Versatile gravel bike on a scenic dirt road",
|
||||
id: "3", brand: "AdventureX", name: "Explorer Gravel Bike", price: "$2,100", rating: 4.6,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/view-male-riding-bycicle-road-surrownded-by-trees-coronavirus-quarantine_181624-18421.jpg", imageAlt: "Versatile gravel bike on a scenic dirt road"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "AeroFit",
|
||||
name: "Pro Aero Cycling Helmet",
|
||||
price: "$180",
|
||||
rating: 4.9,
|
||||
reviewCount: "155",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-helmet_23-2148138772.jpg?_wi=2",
|
||||
imageAlt: "Modern cycling helmet with aerodynamic design",
|
||||
id: "4", brand: "AeroFit", name: "Pro Aero Cycling Helmet", price: "$180", rating: 4.9,
|
||||
reviewCount: "155", imageSrc: "http://img.b2bpic.net/free-photo/bike-helmet_23-2148138772.jpg", imageAlt: "Modern cycling helmet with aerodynamic design"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "EliteRide",
|
||||
name: "Performance Cycling Jersey",
|
||||
price: "$95",
|
||||
rating: 4.7,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-turning-back-road_329181-8670.jpg?_wi=2",
|
||||
imageAlt: "Breathable cycling jersey for high performance",
|
||||
id: "5", brand: "EliteRide", name: "Performance Cycling Jersey", price: "$95", rating: 4.7,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/adult-man-turning-back-road_329181-8670.jpg", imageAlt: "Breathable cycling jersey for high performance"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "PowerStride",
|
||||
name: "Road Cycling Shoes",
|
||||
price: "$160",
|
||||
rating: 4.5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyclist-standing-with-bmx-bike-starting-ramp_107420-65691.jpg?_wi=2",
|
||||
imageAlt: "Clipless cycling shoes for road bikes",
|
||||
},
|
||||
id: "6", brand: "PowerStride", name: "Road Cycling Shoes", price: "$160", rating: 4.5,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/cyclist-standing-with-bmx-bike-starting-ramp_107420-65691.jpg", imageAlt: "Clipless cycling shoes for road bikes"
|
||||
}
|
||||
]}
|
||||
title="Explore Our Premium Cycling Gear"
|
||||
description="From state-of-the-art bikes to essential apparel and accessories, find everything you need to enhance your ride and conquer new routes."
|
||||
@@ -133,51 +84,32 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Road Cycling",
|
||||
tags: [
|
||||
"Speed",
|
||||
"Endurance",
|
||||
"Performance",
|
||||
id: "1", title: "Road Cycling", tags: [
|
||||
"Speed", "Endurance", "Performance"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-cyclist-training-with-bicycle-outdoors_23-2149748650.jpg?_wi=3",
|
||||
imageAlt: "Cyclist in full road gear on an open road",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-cyclist-training-with-bicycle-outdoors_23-2149748650.jpg", imageAlt: "Cyclist in full road gear on an open road"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Mountain Biking",
|
||||
tags: [
|
||||
"Trails",
|
||||
"Adventure",
|
||||
"Durability",
|
||||
id: "2", title: "Mountain Biking", tags: [
|
||||
"Trails", "Adventure", "Durability"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-sport-bike-his-back-walking-forest_23-2147870098.jpg?_wi=3",
|
||||
imageAlt: "Mountain biker navigating a rocky trail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-sport-bike-his-back-walking-forest_23-2147870098.jpg", imageAlt: "Mountain biker navigating a rocky trail"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gravel Adventures",
|
||||
tags: [
|
||||
"Versatility",
|
||||
"Explore",
|
||||
"Comfort",
|
||||
id: "3", title: "Gravel Adventures", tags: [
|
||||
"Versatility", "Explore", "Comfort"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-riding-bycicle-road-surrownded-by-trees-coronavirus-quarantine_181624-18421.jpg?_wi=3",
|
||||
imageAlt: "Gravel cyclist enjoying a scenic dirt path",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-riding-bycicle-road-surrownded-by-trees-coronavirus-quarantine_181624-18421.jpg", imageAlt: "Gravel cyclist enjoying a scenic dirt path"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Essential Apparel",
|
||||
tags: [
|
||||
"Comfort",
|
||||
"Style",
|
||||
"Protection",
|
||||
id: "4", title: "Essential Apparel", tags: [
|
||||
"Comfort", "Style", "Protection"
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647400.jpg?_wi=2",
|
||||
imageAlt: "Close-up of a high-performance cycling jersey",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647400.jpg", imageAlt: "Close-up of a high-performance cycling jersey"
|
||||
}
|
||||
]}
|
||||
title="Discover Your Perfect Ride"
|
||||
description="Whether you're hitting the trails or conquering the road, CycleHub has the specialized gear for every type of cyclist and every adventure."
|
||||
@@ -191,25 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy on all unworn and unused items. Please see our full return policy for more details.",
|
||||
id: "1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn and unused items. Please see our full return policy for more details."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I choose the right bike size?",
|
||||
content: "Our website features a comprehensive sizing guide for all bike types. You can also contact our experts for personalized advice.",
|
||||
id: "2", title: "How do I choose the right bike size?", content: "Our website features a comprehensive sizing guide for all bike types. You can also contact our experts for personalized advice."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to most countries worldwide. Shipping costs and delivery times vary by destination.",
|
||||
id: "3", title: "Do you offer international shipping?", content: "Yes, we ship to most countries worldwide. Shipping costs and delivery times vary by destination."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I track my order?",
|
||||
content: "Once your order is shipped, you will receive a tracking number via email to monitor its progress.",
|
||||
},
|
||||
id: "4", title: "Can I track my order?", content: "Once your order is shipped, you will receive a tracking number via email to monitor its progress."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our cycling products, ordering process, and customer service."
|
||||
@@ -222,68 +146,53 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Road Bikes",
|
||||
href: "/gear/road",
|
||||
label: "Road Bikes", href: "/gear/road"
|
||||
},
|
||||
{
|
||||
label: "Mountain Bikes",
|
||||
href: "/gear/mtb",
|
||||
label: "Mountain Bikes", href: "/gear/mtb"
|
||||
},
|
||||
{
|
||||
label: "Apparel",
|
||||
href: "/gear/apparel",
|
||||
label: "Apparel", href: "/gear/apparel"
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/gear/accessories",
|
||||
},
|
||||
],
|
||||
label: "Accessories", href: "/gear/accessories"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
label: "About Us", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/team",
|
||||
label: "Our Team", href: "/team"
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
label: "Blog", href: "/blog"
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
],
|
||||
label: "Careers", href: "/careers"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
label: "Contact Us", href: "/contact"
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
label: "FAQ", href: "/faq"
|
||||
},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "/shipping",
|
||||
label: "Shipping & Returns", href: "/shipping"
|
||||
},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "/warranty",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Warranty", href: "/warranty"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="CycleHub"
|
||||
copyrightText="© 2024 CycleHub. All rights reserved."
|
||||
|
||||
199
src/app/page.tsx
199
src/app/page.tsx
@@ -11,7 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Lock, Shield } from "lucide-react";
|
||||
import { Lock, Shield, AirVent, Shirt, StretchHorizontal, Footprints } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,29 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "gear",
|
||||
href: "/gear",
|
||||
},
|
||||
name: "Gear", id: "/gear"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about-us",
|
||||
href: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"}
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/gear",
|
||||
text: "Shop Now", href: "/gear"
|
||||
}}
|
||||
brandName="CycleHub"
|
||||
/>
|
||||
@@ -63,41 +50,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Gear Up for Your Next Adventure"
|
||||
description="Discover high-performance cycling gear designed for every ride, from city commutes to epic mountain trails. Experience comfort, safety, and speed with CycleHub."
|
||||
tag="Ride Further"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop All Gear",
|
||||
href: "/gear",
|
||||
text: "Shop All Gear", href: "/gear"
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More", href: "/about"
|
||||
}
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-happy-african-couple-rides-modern-motorbike-park_171337-11597.jpg",
|
||||
alt: "Cyclist Sarah Johnson",
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-happy-african-couple-rides-modern-motorbike-park_171337-11597.jpg", alt: "Cyclist Sarah Johnson"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-young-athlete-texting-message-rest_1262-5283.jpg",
|
||||
alt: "Cyclist Michael Chen",
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-young-athlete-texting-message-rest_1262-5283.jpg", alt: "Cyclist Michael Chen"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4048.jpg",
|
||||
alt: "Cyclist Emily Rodriguez",
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4048.jpg", alt: "Cyclist Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-sunglasses_23-2148988816.jpg",
|
||||
alt: "Cyclist David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-sunglasses_23-2148988816.jpg", alt: "Cyclist David Kim"
|
||||
}
|
||||
]}
|
||||
avatarText="Join Our Community of Riders"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cyclist-woman_23-2149703334.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-cyclist-woman_23-2149703334.jpg"
|
||||
imageAlt="Cyclist on a scenic road, showcasing cycling gear."
|
||||
mediaAnimation="entrance-slide"
|
||||
/>
|
||||
@@ -111,11 +93,10 @@ export default function LandingPage() {
|
||||
tag="About CycleHub"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Our Story", href: "/about"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-couple-friends-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-walking-by-sea-resort-city_285396-3068.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-couple-friends-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together-walking-by-sea-resort-city_285396-3068.jpg"
|
||||
imageAlt="Group of cyclists gathered, sharing stories."
|
||||
/>
|
||||
</div>
|
||||
@@ -127,65 +108,53 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "helmet-tech",
|
||||
title: "Advanced Helmet Protection",
|
||||
description: "Lightweight construction with enhanced ventilation and MIPS technology for superior safety and comfort.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-helmet_23-2148138772.jpg?_wi=1",
|
||||
imageAlt: "Advanced cycling helmet",
|
||||
id: "helmet-tech", title: "Advanced Helmet Protection", description: "Lightweight construction with enhanced ventilation and MIPS technology for superior safety and comfort.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bike-helmet_23-2148138772.jpg", imageAlt: "Advanced cycling helmet"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "MIPS Safety System",
|
||||
text: "MIPS Safety System"
|
||||
},
|
||||
{
|
||||
icon: AirVent,
|
||||
text: "Optimized Airflow",
|
||||
},
|
||||
text: "Optimized Airflow"
|
||||
}
|
||||
],
|
||||
reverse: false,
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "apparel-comfort",
|
||||
title: "Ergonomic Cycling Apparel",
|
||||
description: "Breathable, moisture-wicking fabrics with an ergonomic fit to keep you comfortable on long rides.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-turning-back-road_329181-8670.jpg?_wi=1",
|
||||
imageAlt: "Ergonomic cycling jersey",
|
||||
id: "apparel-comfort", title: "Ergonomic Cycling Apparel", description: "Breathable, moisture-wicking fabrics with an ergonomic fit to keep you comfortable on long rides.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-turning-back-road_329181-8670.jpg", imageAlt: "Ergonomic cycling jersey"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shirt,
|
||||
text: "Moisture-Wicking Fabric",
|
||||
text: "Moisture-Wicking Fabric"
|
||||
},
|
||||
{
|
||||
icon: StretchHorizontal,
|
||||
text: "Flexible Fit",
|
||||
},
|
||||
text: "Flexible Fit"
|
||||
}
|
||||
],
|
||||
reverse: true,
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "shoe-power",
|
||||
title: "Power Transfer Footwear",
|
||||
description: "Stiff carbon soles and secure closures for maximum power transfer and efficiency with every pedal stroke.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyclist-standing-with-bmx-bike-starting-ramp_107420-65691.jpg?_wi=1",
|
||||
imageAlt: "Cycling shoes with clipless pedals",
|
||||
id: "shoe-power", title: "Power Transfer Footwear", description: "Stiff carbon soles and secure closures for maximum power transfer and efficiency with every pedal stroke.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyclist-standing-with-bmx-bike-starting-ramp_107420-65691.jpg", imageAlt: "Cycling shoes with clipless pedals"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Footprints,
|
||||
text: "Carbon Sole",
|
||||
text: "Carbon Sole"
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
text: "Secure Fit",
|
||||
},
|
||||
text: "Secure Fit"
|
||||
}
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Engineered for Every Cyclist"
|
||||
description="From aerodynamic helmets to responsive shoes, every piece of CycleHub gear is crafted with precision and tested for durability. Ride with confidence, comfort, and control."
|
||||
@@ -201,33 +170,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Pro Road Bike X1",
|
||||
price: "$2,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-cyclist-training-with-bicycle-outdoors_23-2149748650.jpg?_wi=1",
|
||||
imageAlt: "High-performance Pro Road Bike X1",
|
||||
id: "product-1", name: "Pro Road Bike X1", price: "$2,999", imageSrc: "http://img.b2bpic.net/free-photo/male-cyclist-training-with-bicycle-outdoors_23-2149748650.jpg", imageAlt: "High-performance Pro Road Bike X1"
|
||||
},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Trailblazer Mountain Bike",
|
||||
price: "$1,850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-sport-bike-his-back-walking-forest_23-2147870098.jpg?_wi=1",
|
||||
imageAlt: "Rugged Trailblazer Mountain Bike",
|
||||
id: "product-2", name: "Trailblazer Mountain Bike", price: "$1,850", imageSrc: "http://img.b2bpic.net/free-photo/man-carrying-sport-bike-his-back-walking-forest_23-2147870098.jpg", imageAlt: "Rugged Trailblazer Mountain Bike"
|
||||
},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Adventure Gravel Bike",
|
||||
price: "$1,400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-male-riding-bycicle-road-surrownded-by-trees-coronavirus-quarantine_181624-18421.jpg?_wi=1",
|
||||
imageAlt: "Versatile Adventure Gravel Bike",
|
||||
id: "product-3", name: "Adventure Gravel Bike", price: "$1,400", imageSrc: "http://img.b2bpic.net/free-photo/view-male-riding-bycicle-road-surrownded-by-trees-coronavirus-quarantine_181624-18421.jpg", imageAlt: "Versatile Adventure Gravel Bike"
|
||||
},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Elite Cycling Kit",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647400.jpg?_wi=1",
|
||||
imageAlt: "Complete Elite Cycling Kit",
|
||||
},
|
||||
id: "product-4", name: "Elite Cycling Kit", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647400.jpg", imageAlt: "Complete Elite Cycling Kit"
|
||||
}
|
||||
]}
|
||||
title="Explore Our Latest Gear"
|
||||
description="Find the perfect ride and accessories to match your style and performance needs. Our curated selection ensures top quality."
|
||||
@@ -242,37 +195,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Road Cyclist",
|
||||
testimonial: "The Pro Road Bike is a game-changer! Lightweight, fast, and incredibly responsive. My KOMs have never looked better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-happy-african-couple-rides-modern-motorbike-park_171337-11597.jpg?_wi=1",
|
||||
imageAlt: "Sarah J., Road Cyclist",
|
||||
id: "1", name: "Sarah J.", role: "Road Cyclist", testimonial: "The Pro Road Bike is a game-changer! Lightweight, fast, and incredibly responsive. My KOMs have never looked better.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-happy-african-couple-rides-modern-motorbike-park_171337-11597.jpg", imageAlt: "Sarah J., Road Cyclist"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Mountain Biker",
|
||||
testimonial: "The Trailblazer handles everything I throw at it. Durable, great suspension, and absolute confidence on challenging trails.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-athlete-texting-message-rest_1262-5283.jpg?_wi=1",
|
||||
imageAlt: "Michael C., Mountain Biker",
|
||||
id: "2", name: "Michael C.", role: "Mountain Biker", testimonial: "The Trailblazer handles everything I throw at it. Durable, great suspension, and absolute confidence on challenging trails.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-athlete-texting-message-rest_1262-5283.jpg", imageAlt: "Michael C., Mountain Biker"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Commuter",
|
||||
testimonial: "My Adventure Gravel Bike is perfect for my mixed commute. Smooth on pavement, capable on gravel, and surprisingly comfortable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4048.jpg?_wi=1",
|
||||
imageAlt: "Emily R., Commuter",
|
||||
id: "3", name: "Emily R.", role: "Commuter", testimonial: "My Adventure Gravel Bike is perfect for my mixed commute. Smooth on pavement, capable on gravel, and surprisingly comfortable.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4048.jpg", imageAlt: "Emily R., Commuter"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Touring Cyclist",
|
||||
testimonial: "The Elite Cycling Kit is incredibly comfortable for long tours. The fabric breathes, and the fit is perfect. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-sunglasses_23-2148988816.jpg?_wi=1",
|
||||
imageAlt: "David K., Touring Cyclist",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Touring Cyclist", testimonial: "The Elite Cycling Kit is incredibly comfortable for long tours. The fabric breathes, and the fit is perfect. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-sunglasses_23-2148988816.jpg", imageAlt: "David K., Touring Cyclist"
|
||||
}
|
||||
]}
|
||||
title="What Our Riders Say"
|
||||
description="Hear from the CycleHub community about how our gear has transformed their riding experience."
|
||||
@@ -286,25 +219,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy on all unworn and unused items. Please see our full return policy page for more details.",
|
||||
id: "faq1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn and unused items. Please see our full return policy page for more details."
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally! Shipping costs and delivery times vary by destination. You can calculate shipping at checkout.",
|
||||
id: "faq2", title: "Do you offer international shipping?", content: "Yes, we ship globally! Shipping costs and delivery times vary by destination. You can calculate shipping at checkout."
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How do I choose the right bike size?",
|
||||
content: "Refer to our comprehensive sizing guide available on each bike product page. You can also contact our support team for personalized assistance.",
|
||||
id: "faq3", title: "How do I choose the right bike size?", content: "Refer to our comprehensive sizing guide available on each bike product page. You can also contact our support team for personalized assistance."
|
||||
},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are your products covered by a warranty?",
|
||||
content: "Yes, all our products come with a manufacturer's warranty. Details can be found on individual product pages or by contacting support.",
|
||||
},
|
||||
id: "faq4", title: "Are your products covered by a warranty?", content: "Yes, all our products come with a manufacturer's warranty. Details can be found on individual product pages or by contacting support."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our products, orders, and services."
|
||||
@@ -317,18 +242,16 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
text="Ready to hit the road? Our team is here to help you find the perfect gear. Get in touch with us!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "/contact",
|
||||
text: "Contact Support", href: "/contact"
|
||||
},
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:support@cyclehub.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:support@cyclehub.com"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -337,12 +260,10 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="CycleHub"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
text: "Privacy Policy", href: "/privacy"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "/terms",
|
||||
text: "Terms of Service", href: "/terms"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user