From 558cf70c2f38f13ece02ba8167fe52f65ae1a31c Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 14 Jun 2026 05:17:00 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 440 ++++++++++++++++------------------------- 1 file changed, 168 insertions(+), 272 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index e7a66c8..d46fad1 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -12,293 +12,189 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary"; export default function HomePage() { return ( <> -
- +
+ - -
+ 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" + /> + +
-
- +
+ - -
+ 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"}} + /> + +
-
- +
+ - -
+ 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"}, + ]} + /> + +
-
- +
+ - -
+ 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"}, + ], + }, + ]} + /> + +
-
- +
+ - -
+ 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"}, + ]} + /> + +
-
- +
+ - -
+ 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"}, + ]} + /> + +
-
- +
+ - -
+ 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."}, + ], + }, + ]} + /> + +
-
- +
+ - -
+ 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"}} + /> + +
); } -- 2.49.1