Merge version_1_1781414133823 into main #2
@@ -12,293 +12,189 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBrand
|
||||
brand="DRVN"
|
||||
description="Engineered for speed. Built for endurance. Discover high-performance activewear designed to push your limits."
|
||||
primaryButton={{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Mission",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athlete-runner-prepare-run-from-crouch-start_176420-16476.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="DRVN"
|
||||
description="Engineered for speed. Built for endurance. Discover high-performance activewear designed to push your limits."
|
||||
primaryButton={{
|
||||
text: "Shop Collection", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "Our Mission", href: "#about"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/athlete-runner-prepare-run-from-crouch-start_176420-16476.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Engineered for the Unstoppable"
|
||||
descriptions={[
|
||||
"At DRVN, we believe your gear should be as driven as you are. We combine innovative textiles with ergonomic engineering to create apparel that moves with you, never against you.",
|
||||
"Born on the track and refined in the lab, our activewear is designed to handle the most punishing training conditions, keeping you comfortable, dry, and focused on the finish line.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "View Performance",
|
||||
href: "#features",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Engineered for the Unstoppable"
|
||||
descriptions={[
|
||||
"At DRVN, we believe your gear should be as driven as you are. We combine innovative textiles with ergonomic engineering to create apparel that moves with you, never against you.", "Born on the track and refined in the lab, our activewear is designed to handle the most punishing training conditions, keeping you comfortable, dry, and focused on the finish line."]}
|
||||
primaryButton={{
|
||||
text: "View Performance", href: "#features"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="Essential Performance"
|
||||
title="Gear Up"
|
||||
description="High-performance apparel designed for every stage of your run."
|
||||
items={[
|
||||
{
|
||||
title: "Precision Tights",
|
||||
description: "Ergonomic fit, maximum compression.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Windbreaker X",
|
||||
description: "Breathable, lightweight, windproof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-salute-gesture-sport-suit-looking-joyful-front-view_176474-39184.jpg",
|
||||
},
|
||||
{
|
||||
title: "Velocity Runners",
|
||||
description: "Max energy return, featherweight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005715.jpg",
|
||||
},
|
||||
{
|
||||
title: "Core Compression",
|
||||
description: "Moisture-wicking, seamless build.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-training-gym_23-2150340832.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sprint Shorts",
|
||||
description: "Designed for freedom of movement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tennis-player-front-net_23-2147661787.jpg",
|
||||
},
|
||||
{
|
||||
title: "Visibility Pack",
|
||||
description: "Stay safe, stay seen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-female-athlete-taking-short-break_329181-6241.jpg",
|
||||
},
|
||||
{
|
||||
title: "Performance Cap",
|
||||
description: "Lightweight comfort, secure fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-sport-arrangement_23-2149006363.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Essential Performance"
|
||||
title="Gear Up"
|
||||
description="High-performance apparel designed for every stage of your run."
|
||||
items={[
|
||||
{
|
||||
title: "Precision Tights", description: "Ergonomic fit, maximum compression.", imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg"},
|
||||
{
|
||||
title: "Windbreaker X", description: "Breathable, lightweight, windproof.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-salute-gesture-sport-suit-looking-joyful-front-view_176474-39184.jpg"},
|
||||
{
|
||||
title: "Velocity Runners", description: "Max energy return, featherweight.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers-presentation_23-2151005715.jpg"},
|
||||
{
|
||||
title: "Core Compression", description: "Moisture-wicking, seamless build.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-training-gym_23-2150340832.jpg"},
|
||||
{
|
||||
title: "Sprint Shorts", description: "Designed for freedom of movement.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tennis-player-front-net_23-2147661787.jpg"},
|
||||
{
|
||||
title: "Visibility Pack", description: "Stay safe, stay seen.", imageSrc: "http://img.b2bpic.net/free-photo/tired-female-athlete-taking-short-break_329181-6241.jpg"},
|
||||
{
|
||||
title: "Performance Cap", description: "Lightweight comfort, secure fit.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-sport-arrangement_23-2149006363.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Why DRVN"
|
||||
title="Technical Innovation"
|
||||
description="Every fiber is tested to ensure peak performance."
|
||||
features={[
|
||||
{
|
||||
title: "Climate-Adapt Fabric",
|
||||
description: "Automatically adjusts to your body temperature.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Temp Regulation",
|
||||
value: "20% better",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
label: "Sweat Management",
|
||||
value: "Fast-Dry",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Durability",
|
||||
value: "Ultra-Tough",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-blue-background_23-2148267192.jpg",
|
||||
imageAlt: "running tights product photography",
|
||||
},
|
||||
{
|
||||
title: "Motion-Lock Seams",
|
||||
description: "Frictionless construction for long distance comfort.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Construction Standards",
|
||||
subheading: "Built for thousands of miles",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Seamless Stitching",
|
||||
detail: "Zero-chafing guarantee",
|
||||
},
|
||||
{
|
||||
label: "Ergonomic Mapping",
|
||||
detail: "Body-contoured fit",
|
||||
},
|
||||
{
|
||||
label: "Reflective Integration",
|
||||
detail: "360-degree visibility",
|
||||
},
|
||||
],
|
||||
completedLabel: "Certified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-runner-prepare-run-from-crouch-start_176420-16476.jpg?_wi=2",
|
||||
imageAlt: "running tights product photography",
|
||||
},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Sync with your fitness wearable for bio-feedback optimization.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-gym_1157-15953.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-looking-distance_23-2147618003.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-sport-elements_23-2149006302.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg?_wi=2",
|
||||
imageAlt: "running tights product photography",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Why DRVN"
|
||||
title="Technical Innovation"
|
||||
description="Every fiber is tested to ensure peak performance."
|
||||
features={[
|
||||
{
|
||||
title: "Climate-Adapt Fabric", description: "Automatically adjusts to your body temperature.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Temp Regulation", value: "20% better"},
|
||||
{
|
||||
icon: Droplets,
|
||||
label: "Sweat Management", value: "Fast-Dry"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Durability", value: "Ultra-Tough"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Motion-Lock Seams", description: "Frictionless construction for long distance comfort.", bentoComponent: "checklist-timeline", heading: "Construction Standards", subheading: "Built for thousands of miles", checklistItems: [
|
||||
{
|
||||
label: "Seamless Stitching", detail: "Zero-chafing guarantee"},
|
||||
{
|
||||
label: "Ergonomic Mapping", detail: "Body-contoured fit"},
|
||||
{
|
||||
label: "Reflective Integration", detail: "360-degree visibility"},
|
||||
],
|
||||
completedLabel: "Certified"},
|
||||
{
|
||||
title: "Performance Analytics", description: "Sync with your fitness wearable for bio-feedback optimization.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-gym_1157-15953.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-looking-distance_23-2147618003.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-composition-sport-elements_23-2149006302.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Performance Stats"
|
||||
title="The Numbers Behind the Performance"
|
||||
description="Validated through intense testing cycles."
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Energy Return",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Moisture Wicking",
|
||||
value: "4x faster",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Tensile Strength",
|
||||
value: "15kg load",
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Aerodynamic",
|
||||
value: "Optimized",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance Stats"
|
||||
title="The Numbers Behind the Performance"
|
||||
description="Validated through intense testing cycles."
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Energy Return", value: "98%"},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Moisture Wicking", value: "4x faster"},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Tensile Strength", value: "15kg load"},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Aerodynamic", value: "Optimized"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Trusted by Runners"
|
||||
title="Built for Every Milestone"
|
||||
description="Join the community of athletes who trust DRVN for their PRs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.",
|
||||
role: "Marathoner",
|
||||
quote: "The comfort on 20-mile runs is unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-earphones-tablet_1157-30676.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus S.",
|
||||
role: "Triathlete",
|
||||
quote: "Stays dry even in the heaviest downpours.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beanie_23-2147617976.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
role: "Ultra Runner",
|
||||
quote: "No chafing, perfect fit. My new favorite gear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
role: "Sprinter",
|
||||
quote: "Explosive performance feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-basketball-player_23-2151098141.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe T.",
|
||||
role: "Daily Runner",
|
||||
quote: "I feel faster just putting these on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-male-athlete-dressed-activewear-has-cardio-running-up-stairs-prepares-jogging-long-distance-makes-steps-jumps-high-african-american-man-t-shirt-leggings-trainers_273609-29686.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted by Runners"
|
||||
title="Built for Every Milestone"
|
||||
description="Join the community of athletes who trust DRVN for their PRs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena R.", role: "Marathoner", quote: "The comfort on 20-mile runs is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-earphones-tablet_1157-30676.jpg"},
|
||||
{
|
||||
name: "Marcus S.", role: "Triathlete", quote: "Stays dry even in the heaviest downpours.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-beanie_23-2147617976.jpg"},
|
||||
{
|
||||
name: "Sarah J.", role: "Ultra Runner", quote: "No chafing, perfect fit. My new favorite gear.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg"},
|
||||
{
|
||||
name: "David W.", role: "Sprinter", quote: "Explosive performance feel.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-basketball-player_23-2151098141.jpg"},
|
||||
{
|
||||
name: "Chloe T.", role: "Daily Runner", quote: "I feel faster just putting these on.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-male-athlete-dressed-activewear-has-cardio-running-up-stairs-prepares-jogging-long-distance-makes-steps-jumps-high-african-american-man-t-shirt-leggings-trainers_273609-29686.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Support"
|
||||
title="Questions Answered"
|
||||
description="Everything you need to know about DRVN apparel."
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "What is the return policy?",
|
||||
answer: "30 days, no questions asked.",
|
||||
},
|
||||
{
|
||||
question: "Are your clothes sustainable?",
|
||||
answer: "Yes, we use recycled high-performance fibers.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Shipping",
|
||||
items: [
|
||||
{
|
||||
question: "Do you ship internationally?",
|
||||
answer: "We ship to over 50 countries worldwide.",
|
||||
},
|
||||
{
|
||||
question: "When will I receive my order?",
|
||||
answer: "Typically within 3-5 business days.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Questions Answered"
|
||||
description="Everything you need to know about DRVN apparel."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{
|
||||
question: "What is the return policy?", answer: "30 days, no questions asked."},
|
||||
{
|
||||
question: "Are your clothes sustainable?", answer: "Yes, we use recycled high-performance fibers."},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Shipping", items: [
|
||||
{
|
||||
question: "Do you ship internationally?", answer: "We ship to over 50 countries worldwide."},
|
||||
{
|
||||
question: "When will I receive my order?", answer: "Typically within 3-5 business days."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Join the DRVN Team"
|
||||
text="Ready to push your limits? Start your journey with DRVN activewear."
|
||||
primaryButton={{
|
||||
text: "Get Started",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "#faq",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Join the DRVN Team"
|
||||
text="Ready to push your limits? Start your journey with DRVN activewear."
|
||||
primaryButton={{
|
||||
text: "Get Started", href: "#products"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support", href: "#faq"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user