Merge version_1 into main #2
288
src/app/page.tsx
288
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Gear", id: "products" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="GearMyCycle"
|
||||
/>
|
||||
@@ -57,16 +45,10 @@ export default function LandingPage() {
|
||||
logoText="GearMyCycle"
|
||||
description="Elite-level performance equipment for the modern cyclist. Precision-engineered gear to push your limits and dominate the road."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Our Story", href: "#about" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-bicycle-minimalist-design_23-2151876451.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-bicycle-minimalist-design_23-2151876451.jpg"
|
||||
imageAlt="Professional cycling equipment setup"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,20 +59,11 @@ export default function LandingPage() {
|
||||
title="Built for the Journey"
|
||||
description="GearMyCycle started with a single mission: to provide world-class cyclists with the gear that matches their dedication. We combine cutting-edge technology with high-performance design to ensure every ride is better than the last."
|
||||
metrics={[
|
||||
{
|
||||
value: "10K+",
|
||||
title: "Happy Cyclists",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Verified Products",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Expert Support",
|
||||
},
|
||||
{ value: "10K+", title: "Happy Cyclists" },
|
||||
{ value: "500+", title: "Verified Products" },
|
||||
{ value: "24/7", title: "Expert Support" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-doing-indoor-cycling_23-2149270276.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-doing-indoor-cycling_23-2149270276.jpg"
|
||||
imageAlt="Cyclist training in modern facility"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -104,47 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Telemetry",
|
||||
description: "Real-time performance analytics directly integrated into your ride.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-rider-trying-diagnose-motorbike-problem_23-2148585542.jpg",
|
||||
imageAlt: "Telemetry screen",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124085.jpg",
|
||||
imageAlt: "Telemetry screen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-bicycle-minimalist-design_23-2151876451.jpg?_wi=2",
|
||||
imageAlt: "cycling performance data analytics",
|
||||
title: "Smart Telemetry", description: "Real-time performance analytics directly integrated into your ride.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-rider-trying-diagnose-motorbike-problem_23-2148585542.jpg", imageAlt: "Telemetry screen" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124085.jpg", imageAlt: "Telemetry screen" }
|
||||
},
|
||||
{
|
||||
title: "Aerodynamic Design",
|
||||
description: "Precision engineering to minimize drag and optimize speed.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124092.jpg",
|
||||
imageAlt: "Aerodynamic analysis",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163410.jpg",
|
||||
imageAlt: "Aerodynamic analysis",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-indoor-cycling_23-2149270276.jpg?_wi=2",
|
||||
imageAlt: "cycling performance data analytics",
|
||||
title: "Aerodynamic Design", description: "Precision engineering to minimize drag and optimize speed.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124092.jpg", imageAlt: "Aerodynamic analysis" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163410.jpg", imageAlt: "Aerodynamic analysis" }
|
||||
},
|
||||
{
|
||||
title: "Material Innovation",
|
||||
description: "Lightweight carbon fiber composites for maximum durability.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device-with-notifications_23-2149168655.jpg",
|
||||
imageAlt: "Materials",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-bicycle-helmet_23-2149749659.jpg",
|
||||
imageAlt: "Materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-riding-bike-outdoors_23-2148685748.jpg?_wi=1",
|
||||
imageAlt: "cycling performance data analytics",
|
||||
},
|
||||
title: "Material Innovation", description: "Lightweight carbon fiber composites for maximum durability.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-device-with-notifications_23-2149168655.jpg", imageAlt: "Materials" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-bicycle-helmet_23-2149749659.jpg", imageAlt: "Materials" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose Our Gear"
|
||||
@@ -159,60 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "ProRace",
|
||||
name: "Aero Helmet",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-riding-bike-outdoors_23-2148685748.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "ProRace",
|
||||
name: "Race Jersey",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749628.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "ProRace",
|
||||
name: "Cycling Socks",
|
||||
price: "$29",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885277.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "ProRace",
|
||||
name: "Water Bottle",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-helmet-studio_23-2150884224.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "ProRace",
|
||||
name: "Bike Computer",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749632.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "ProRace",
|
||||
name: "Multi-Tool",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749631.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "ProRace", name: "Aero Helmet", price: "$199", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-riding-bike-outdoors_23-2148685748.jpg" },
|
||||
{ id: "p2", brand: "ProRace", name: "Race Jersey", price: "$129", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749628.jpg" },
|
||||
{ id: "p3", brand: "ProRace", name: "Cycling Socks", price: "$29", rating: 4, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-baseball-player_23-2150885277.jpg" },
|
||||
{ id: "p4", brand: "ProRace", name: "Water Bottle", price: "$15", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/cool-helmet-studio_23-2150884224.jpg" },
|
||||
{ id: "p5", brand: "ProRace", name: "Bike Computer", price: "$299", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749632.jpg" },
|
||||
{ id: "p6", brand: "ProRace", name: "Multi-Tool", price: "$45", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749631.jpg" }
|
||||
]}
|
||||
title="Featured Gear"
|
||||
description="Hand-selected products to optimize your cycling performance today."
|
||||
@@ -225,27 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15%",
|
||||
title: "Drag Reduction",
|
||||
description: "Improved aerodynamics in wind tunnel testing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-gears_1170-2566.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200g",
|
||||
title: "Weight Saved",
|
||||
description: "Through carbon composite integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-details-metal-rim-spokes-tire-bicycle_181624-54993.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50%",
|
||||
title: "Durability Increase",
|
||||
description: "Long-life materials for endurance rides.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15%", title: "Drag Reduction", description: "Improved aerodynamics in wind tunnel testing.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-gears_1170-2566.jpg" },
|
||||
{ id: "m2", value: "200g", title: "Weight Saved", description: "Through carbon composite integration.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-details-metal-rim-spokes-tire-bicycle_181624-54993.jpg" },
|
||||
{ id: "m3", value: "50%", title: "Durability Increase", description: "Long-life materials for endurance rides.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg" }
|
||||
]}
|
||||
title="Engineering Precision"
|
||||
description="The difference between good and elite performance is in the details."
|
||||
@@ -258,41 +135,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark R.",
|
||||
role: "Pro Racer",
|
||||
testimonial: "The aero gear significantly improved my race times.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
role: "Triathlete",
|
||||
testimonial: "Excellent gear for endurance training.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-with-happy-confident-expression-with-hand-chin_1194-406821.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
role: "Cyclist",
|
||||
testimonial: "Best customer support I have ever experienced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily J.",
|
||||
role: "Road Cyclist",
|
||||
testimonial: "High quality products that last a long time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270294.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jason L.",
|
||||
role: "Mountain Biker",
|
||||
testimonial: "Changed how I approach my training.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749610.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Mark R.", role: "Pro Racer", testimonial: "The aero gear significantly improved my race times.", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", role: "Triathlete", testimonial: "Excellent gear for endurance training.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-with-happy-confident-expression-with-hand-chin_1194-406821.jpg" },
|
||||
{ id: "t3", name: "David W.", role: "Cyclist", testimonial: "Best customer support I have ever experienced.", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors-with-ball_23-2150765084.jpg" },
|
||||
{ id: "t4", name: "Emily J.", role: "Road Cyclist", testimonial: "High quality products that last a long time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-jogging-city_23-2149270294.jpg" },
|
||||
{ id: "t5", name: "Jason L.", role: "Mountain Biker", testimonial: "Changed how I approach my training.", imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749610.jpg" }
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear how GearMyCycle has transformed training routines for cyclists everywhere."
|
||||
@@ -304,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "fq1",
|
||||
title: "How long is shipping?",
|
||||
content: "Most orders arrive within 3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "fq2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, all products have a 1-year performance warranty.",
|
||||
},
|
||||
{
|
||||
id: "fq3",
|
||||
title: "Can I return products?",
|
||||
content: "Returns are accepted within 30 days of purchase.",
|
||||
},
|
||||
{ id: "fq1", title: "How long is shipping?", content: "Most orders arrive within 3-5 business days." },
|
||||
{ id: "fq2", title: "Do you offer warranties?", content: "Yes, all products have a 1-year performance warranty." },
|
||||
{ id: "fq3", title: "Can I return products?", content: "Returns are accepted within 30 days of purchase." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-running-outdoors_23-2150040516.jpg"
|
||||
imageAlt="Support team"
|
||||
@@ -332,61 +167,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to upgrade your cycling experience? Get in touch with our team of cycling experts to find the right gear for your needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@gearmycycle.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "mailto:support@gearmycycle.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "Products", href: "#products" }, { label: "New Arrivals", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
logoText="GearMyCycle"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user