Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
name: "Shop", id: "shop"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Downhill"
|
||||
/>
|
||||
@@ -57,102 +49,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Unleash the Speed"
|
||||
description="Apex Downhill is a professional elite mountain bike team pushing the boundaries of gravity and performance on the global circuit."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Racing",
|
||||
handle: "@alexracing",
|
||||
testimonial: "Apex team delivers unmatched race results and high-tech performance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482611.jpg?_wi=1",
|
||||
imageAlt: "downhill mountain bike race action",
|
||||
},
|
||||
name: "Alex Racing", handle: "@alexracing", testimonial: "Apex team delivers unmatched race results and high-tech performance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482611.jpg", imageAlt: "downhill mountain bike race action"},
|
||||
{
|
||||
name: "Speed Masters",
|
||||
handle: "@speedmasters",
|
||||
testimonial: "Truly professional setup, top-tier engineering and skill.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg?_wi=1",
|
||||
imageAlt: "downhill mountain bike race action",
|
||||
},
|
||||
name: "Speed Masters", handle: "@speedmasters", testimonial: "Truly professional setup, top-tier engineering and skill.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg", imageAlt: "downhill mountain bike race action"},
|
||||
{
|
||||
name: "Bike World",
|
||||
handle: "@bikeworld",
|
||||
testimonial: "The gold standard for downhill mountain bike racing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647436.jpg?_wi=1",
|
||||
imageAlt: "downhill mountain bike race action",
|
||||
},
|
||||
name: "Bike World", handle: "@bikeworld", testimonial: "The gold standard for downhill mountain bike racing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647436.jpg", imageAlt: "downhill mountain bike race action"},
|
||||
{
|
||||
name: "Gravity Pro",
|
||||
handle: "@gravitypro",
|
||||
testimonial: "Pushing the limits of what's possible on a mountain bike.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749605.jpg?_wi=1",
|
||||
imageAlt: "downhill mountain bike race action",
|
||||
},
|
||||
name: "Gravity Pro", handle: "@gravitypro", testimonial: "Pushing the limits of what's possible on a mountain bike.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749605.jpg", imageAlt: "downhill mountain bike race action"},
|
||||
{
|
||||
name: "MTB Daily",
|
||||
handle: "@mtbdaily",
|
||||
testimonial: "Exceptional team chemistry and dedication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-safety-helmet-biking_23-2148775569.jpg?_wi=1",
|
||||
imageAlt: "downhill mountain bike race action",
|
||||
},
|
||||
name: "MTB Daily", handle: "@mtbdaily", testimonial: "Exceptional team chemistry and dedication.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-safety-helmet-biking_23-2148775569.jpg", imageAlt: "downhill mountain bike race action"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482611.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dirt-bike-rider-participating-races-circuits-adventure-thrill-with-motorcycle_23-2151482611.jpg"
|
||||
imageAlt="Downhill racing action"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mountain-bikers-speed-through-foggy-forest-terrain-generated-by-ai_188544-42067.jpg",
|
||||
alt: "Mountain biker 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mountain-bikers-speed-through-foggy-forest-terrain-generated-by-ai_188544-42067.jpg", alt: "Mountain biker 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-racing-riding-dirt-bike_23-2151500540.jpg",
|
||||
alt: "Mountain biker 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-racing-riding-dirt-bike_23-2151500540.jpg", alt: "Mountain biker 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-riding-dirt-bikes_23-2151493427.jpg",
|
||||
alt: "Mountain biker 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-riding-dirt-bikes_23-2151493427.jpg", alt: "Mountain biker 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sport-practiced-surreal-ice-cream-land_23-2151491897.jpg",
|
||||
alt: "Mountain biker 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sport-practiced-surreal-ice-cream-land_23-2151491897.jpg", alt: "Mountain biker 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-riding-bike-mountain_23-2148790153.jpg",
|
||||
alt: "Mountain biker 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-riding-bike-mountain_23-2148790153.jpg", alt: "Mountain biker 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Elite Performance",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Elite Performance", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "World Class Tech",
|
||||
icon: Settings,
|
||||
type: "text-icon", text: "World Class Tech", icon: Settings,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Presence",
|
||||
icon: Globe,
|
||||
type: "text-icon", text: "Global Presence", icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Crew",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Professional Crew", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Race Proven",
|
||||
icon: Trophy,
|
||||
type: "text-icon", text: "Race Proven", icon: Trophy,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -166,22 +112,16 @@ export default function LandingPage() {
|
||||
description="Our team combines elite athleticism with mechanical precision to dominate the most technical downhill tracks in the world. We don't just race; we engineer victories."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Elite Training Regimen",
|
||||
description: "Rigorous physical conditioning and technical trail practice for peak performance.",
|
||||
icon: Zap,
|
||||
title: "Elite Training Regimen", description: "Rigorous physical conditioning and technical trail practice for peak performance.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Advanced Bike Setup",
|
||||
description: "Custom bike engineering to match terrain and rider capability perfectly.",
|
||||
icon: Settings,
|
||||
title: "Advanced Bike Setup", description: "Custom bike engineering to match terrain and rider capability perfectly.", icon: Settings,
|
||||
},
|
||||
{
|
||||
title: "Global Race Circuit",
|
||||
description: "Competing at the highest level in international downhill championships.",
|
||||
icon: Globe,
|
||||
title: "Global Race Circuit", description: "Competing at the highest level in international downhill championships.", icon: Globe,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg"
|
||||
imageAlt="Team workshop"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -194,23 +134,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Trophy,
|
||||
title: "Podium Finishes",
|
||||
value: "42",
|
||||
},
|
||||
id: "m1", icon: Trophy,
|
||||
title: "Podium Finishes", value: "42"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Avg. Speed (kph)",
|
||||
value: "68",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Avg. Speed (kph)", value: "68"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Elite Team Members",
|
||||
value: "12",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Elite Team Members", value: "12"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Evidence of our commitment to excellence and high-speed performance."
|
||||
@@ -225,29 +156,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Stone",
|
||||
role: "Lead Racer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647436.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Marcus Stone", role: "Lead Racer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647436.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Vance",
|
||||
role: "Technical Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749605.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Elena Vance", role: "Technical Specialist", imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-wearing-helmet-posing-with-bicycle_23-2149749605.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jules Rivera",
|
||||
role: "Junior Racer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-safety-helmet-biking_23-2148775569.jpg?_wi=2",
|
||||
},
|
||||
id: "t3", name: "Jules Rivera", role: "Junior Racer", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-safety-helmet-biking_23-2148775569.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Samuel Park",
|
||||
role: "Team Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-sad-unhappy-young-cyclist-wearing-sports-clothing-helmet-eyeglasses-sitting-big-tree-with-broken-electric-bicycle-lying-ground-waiting-friends-help-him_273609-268.jpg",
|
||||
},
|
||||
id: "t4", name: "Samuel Park", role: "Team Manager", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-sad-unhappy-young-cyclist-wearing-sports-clothing-helmet-eyeglasses-sitting-big-tree-with-broken-electric-bicycle-lying-ground-waiting-friends-help-him_273609-268.jpg"},
|
||||
]}
|
||||
title="The Riders & Crew"
|
||||
description="Meet the elite individuals behind Apex Downhill's success."
|
||||
@@ -256,46 +171,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Handlebar",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-professional-rider-wearing-glasses-helmet-sitting-tree-relaxing-admiring-beautiful-view-after-morning-cycling-workout-motor-powered-booster-bicycle-weekend_273609-275.jpg",
|
||||
},
|
||||
id: "p1", name: "Elite Handlebar", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-professional-rider-wearing-glasses-helmet-sitting-tree-relaxing-admiring-beautiful-view-after-morning-cycling-workout-motor-powered-booster-bicycle-weekend_273609-275.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Race Pedals",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-excursion-with-her-bicycle_23-2148197334.jpg",
|
||||
},
|
||||
id: "p2", name: "Race Pedals", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-excursion-with-her-bicycle_23-2148197334.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pro Helmet",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-woman_23-2149703284.jpg",
|
||||
},
|
||||
id: "p3", name: "Pro Helmet", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/professional-cyclist-woman_23-2149703284.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Race Jersey",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mountain-biker-resting-cycling-trip-sitting-ground-tree-with-his-electic-bicycle_273609-9728.jpg",
|
||||
},
|
||||
id: "p4", name: "Race Jersey", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/male-mountain-biker-resting-cycling-trip-sitting-ground-tree-with-his-electic-bicycle_273609-9728.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Race Gloves",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-mountain-biking-equipment_23-2148777261.jpg",
|
||||
},
|
||||
id: "p5", name: "Race Gloves", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/man-mountain-biking-equipment_23-2148777261.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Suspension Unit",
|
||||
price: "$500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike_23-2148790156.jpg",
|
||||
},
|
||||
id: "p6", name: "Suspension Unit", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-riding-bike_23-2148790156.jpg"},
|
||||
]}
|
||||
title="Pro-Grade Equipment"
|
||||
description="Access the same elite-tier gear that our team trust on the race tracks."
|
||||
@@ -309,40 +201,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Sarah Miller",
|
||||
role: "Sponsor",
|
||||
testimonial: "Exceptional team performance and clear communication throughout the season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
id: "ts1", name: "Sarah Miller", role: "Sponsor", testimonial: "Exceptional team performance and clear communication throughout the season.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "David Chan",
|
||||
role: "Athlete",
|
||||
testimonial: "Apex provided the tools and mentorship I needed to break into the top 10.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg",
|
||||
},
|
||||
id: "ts2", name: "David Chan", role: "Athlete", testimonial: "Apex provided the tools and mentorship I needed to break into the top 10.", imageSrc: "http://img.b2bpic.net/free-photo/people-sports-fitness-active-healthy-lifestyle-concept-attractive-fit-young-mixed-race-male-with-muscular-shoulders-posing-studio-keeping-arms-folded-his-look-expressing-confidence_343059-339.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Emily Ross",
|
||||
role: "Supporter",
|
||||
testimonial: "Their dedication to the sport is evident in everything they do.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-ball_23-2149036388.jpg",
|
||||
},
|
||||
id: "ts3", name: "Emily Ross", role: "Supporter", testimonial: "Their dedication to the sport is evident in everything they do.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-ball_23-2149036388.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Kevin West",
|
||||
role: "Coach",
|
||||
testimonial: "A team of consummate professionals who lead by example.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-basket-ball_23-2149213165.jpg",
|
||||
},
|
||||
id: "ts4", name: "Kevin West", role: "Coach", testimonial: "A team of consummate professionals who lead by example.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-basket-ball_23-2149213165.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Linda Wu",
|
||||
role: "Rider",
|
||||
testimonial: "Apex creates an environment where everyone can perform at their best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-sportswear_23-2149063699.jpg",
|
||||
},
|
||||
id: "ts5", name: "Linda Wu", role: "Rider", testimonial: "Apex creates an environment where everyone can perform at their best.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-sportswear_23-2149063699.jpg"},
|
||||
]}
|
||||
title="Words From Partners"
|
||||
description="What our racing partners and athletes say about Apex Downhill."
|
||||
@@ -355,20 +222,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where can I watch your races?",
|
||||
content: "We post our full race schedule and streaming links on our social media channels.",
|
||||
},
|
||||
id: "f1", title: "Where can I watch your races?", content: "We post our full race schedule and streaming links on our social media channels."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I join the team?",
|
||||
content: "We host open trials for junior and elite levels each November. Check back for details.",
|
||||
},
|
||||
id: "f2", title: "How do I join the team?", content: "We host open trials for junior and elite levels each November. Check back for details."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where can I buy team gear?",
|
||||
content: "You can order all official Apex team gear directly through our shop page here.",
|
||||
},
|
||||
id: "f3", title: "Where can I buy team gear?", content: "You can order all official Apex team gear directly through our shop page here."},
|
||||
]}
|
||||
title="Race Day Questions"
|
||||
description="Get quick answers to common questions about our race schedule and equipment."
|
||||
@@ -380,14 +238,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to get in touch? Reach out for sponsorships, media inquiries, or team questions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@apexdownhill.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@apexdownhill.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -396,29 +251,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
label: "Shop", href: "#shop"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user