Update src/app/page.tsx

This commit is contained in:
2026-04-20 21:52:32 +00:00
parent ab40a0f20b
commit 7b64c10e36

View File

@@ -29,353 +29,160 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Drivers",
id: "team",
},
{
name: "News",
id: "blog",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="BMW M Team WRT"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Drivers", id: "team" },
{ name: "News", id: "blog" },
{ name: "Contact", id: "contact" },
]}
brandName="BMW M Team WRT"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="BMW M Team WRT Driven by Performance"
description="The alliance of W Racing Team and BMW M Motorsport, pushing the limits in endurance racing across the globe."
buttons={[
{
text: "Discover Team",
href: "#about",
},
{
text: "Latest News",
href: "#blog",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-night-city-lights-abstract-urban-concept-hamburg-germany_1220-1117.jpg?_wi=1",
imageAlt: "BMW M Hybrid V8 Night Track",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-sits-blue-bmw-street_1304-3191.jpg?_wi=1",
imageAlt: "BMW M4 GT3 Speed",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585626.jpg?_wi=1",
imageAlt: "Team Garage Tech",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25048.jpg",
imageAlt: "Pit Stop Intensity",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674311.jpg",
imageAlt: "Hypercar at Dawn",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg",
imageAlt: "Performance Engineering",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="BMW M Team WRT Driven by Performance"
description="The alliance of W Racing Team and BMW M Motorsport, pushing the limits in endurance racing across the globe."
buttons={[
{ text: "Discover Team", href: "#about" },
{ text: "Latest News", href: "#blog" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-night-city-lights-abstract-urban-concept-hamburg-germany_1220-1117.jpg", imageAlt: "BMW M Hybrid V8 Night Track" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-sits-blue-bmw-street_1304-3191.jpg", imageAlt: "BMW M4 GT3 Speed" },
{ imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585626.jpg", imageAlt: "Team Garage Tech" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25048.jpg", imageAlt: "Pit Stop Intensity" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674311.jpg", imageAlt: "Hypercar at Dawn" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg", imageAlt: "Performance Engineering" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Elite Endurance Pioneers"
buttons={[
{
text: "Our History",
href: "#",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Elite Endurance Pioneers"
buttons={[{ text: "Our History", href: "#" }]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "FIA WEC",
description: "Conquering the world stage with the M Hybrid V8 Hypercar and GT3 programs.",
icon: Trophy,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-silver-sports-quad-bike-field-front-wooden-fence_181624-19959.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/nightlife-city-sparkles-light-streets_23-2149057551.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-night-city-lights-abstract-urban-concept-hamburg-germany_1220-1117.jpg?_wi=2",
imageAlt: "bmw m hybrid race car track",
},
{
title: "IMSA Championship",
description: "Expanding our dominance into the North American endurance scene.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/navy-blue-sport-sedan-road-side-view_114579-5055.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-car-shop-together_23-2150377022.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-sits-blue-bmw-street_1304-3191.jpg?_wi=2",
imageAlt: "bmw m hybrid race car track",
},
{
title: "GT World Challenge",
description: "The backbone of our racing DNA in competitive GT racing.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-machine-with-racks-pinions-factory_181624-60017.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-using-compressor-while-working-car-s-air-conditioning-system-auto-repair-shop_637285-4287.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585626.jpg?_wi=2",
imageAlt: "bmw m hybrid race car track",
},
]}
title="Global Racing Programs"
description="Competing at the pinnacle of international motorsport across FIA WEC, IMSA, and GT World Challenge."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "FIA WEC", description: "Conquering the world stage with the M Hybrid V8 Hypercar and GT3 programs.", icon: Trophy,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-silver-sports-quad-bike-field-front-wooden-fence_181624-19959.jpg", imageAlt: "bmw m hybrid race car track" },
{ imageSrc: "http://img.b2bpic.net/free-photo/nightlife-city-sparkles-light-streets_23-2149057551.jpg", imageAlt: "bmw m hybrid race car track" }
]
},
{
title: "IMSA Championship", description: "Expanding our dominance into the North American endurance scene.", icon: Zap,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/navy-blue-sport-sedan-road-side-view_114579-5055.jpg", imageAlt: "bmw m hybrid race car track" },
{ imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-car-shop-together_23-2150377022.jpg", imageAlt: "bmw m hybrid race car track" }
]
},
{
title: "GT World Challenge", description: "The backbone of our racing DNA in competitive GT racing.", icon: Shield,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-machine-with-racks-pinions-factory_181624-60017.jpg", imageAlt: "bmw m hybrid race car track" },
{ imageSrc: "http://img.b2bpic.net/free-photo/two-mechanics-using-compressor-while-working-car-s-air-conditioning-system-auto-repair-shop_637285-4287.jpg", imageAlt: "bmw m hybrid race car track" }
]
},
]}
title="Global Racing Programs"
description="Competing at the pinnacle of international motorsport across FIA WEC, IMSA, and GT World Challenge."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
members={[
{
id: "d1",
name: "Dries Vanthoor",
role: "Works Driver",
description: "Top-tier Belgian talent leading our GT programs.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-15949.jpg",
},
{
id: "d2",
name: "Sheldon van der Linde",
role: "Works Driver",
description: "Proven champion and relentless competitor.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg",
},
{
id: "d3",
name: "René Rast",
role: "Works Driver",
description: "Multi-discipline legend and endurance master.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574401.jpg",
},
{
id: "d4",
name: "Robin Frijns",
role: "Works Driver",
description: "Versatile master of every track.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg",
},
]}
title="Meet The Elite"
description="Our world-class lineup of drivers and technical staff leading the charge."
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
members={[
{ id: "d1", name: "Dries Vanthoor", role: "Works Driver", description: "Top-tier Belgian talent leading our GT programs.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-15949.jpg" },
{ id: "d2", name: "Sheldon van der Linde", role: "Works Driver", description: "Proven champion and relentless competitor.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg" },
{ id: "d3", name: "René Rast", role: "Works Driver", description: "Multi-discipline legend and endurance master.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574401.jpg" },
{ id: "d4", name: "Robin Frijns", role: "Works Driver", description: "Versatile master of every track.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg" },
]}
title="Meet The Elite"
description="Our world-class lineup of drivers and technical staff leading the charge."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Championships",
description: "Across various GT and Endurance series",
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649850.jpg",
},
{
id: "m2",
value: "2009",
title: "Founded",
description: "Where the racing story began",
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11822.jpg",
},
{
id: "m3",
value: "100+",
title: "Race Wins",
description: "Total victories in world endurance",
imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-375.jpg",
},
]}
title="Performance By Numbers"
description="A legacy built on podiums and championship titles."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15+", title: "Championships", description: "Across various GT and Endurance series", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649850.jpg" },
{ id: "m2", value: "2009", title: "Founded", description: "Where the racing story began", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11822.jpg" },
{ id: "m3", value: "100+", title: "Race Wins", description: "Total victories in world endurance", imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-375.jpg" },
]}
title="Performance By Numbers"
description="A legacy built on podiums and championship titles."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"BMW M Motorsport",
"W Racing Team",
"Shell",
"Akrapovič",
"Rolex",
"Puma",
"Michelin",
]}
title="Our Partners"
description="Collaborating with world-class brands."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["BMW M Motorsport", "W Racing Team", "Shell", "Akrapovič", "Rolex", "Puma", "Michelin"]}
title="Our Partners"
description="Collaborating with world-class brands."
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Latest News"
description="Stay up to date with the latest team developments and race results."
blogs={[
{
id: "b1",
category: "Results",
title: "Podium at Spa 24h",
excerpt: "An incredible performance under pressure from our drivers.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139119.jpg",
authorName: "Team WRT",
authorAvatar: "https://i.pravatar.cc/150?u=1",
date: "12 Aug 2024",
},
{
id: "b2",
category: "Updates",
title: "IMSA Program Growth",
excerpt: "Expanding our testing schedule for the US program.",
imageSrc: "http://img.b2bpic.net/free-photo/view-car-running-high-speed_23-2150635447.jpg",
authorName: "Team WRT",
authorAvatar: "https://i.pravatar.cc/150?u=2",
date: "05 Aug 2024",
},
{
id: "b3",
category: "Interviews",
title: "Dries Vanthoor Speaks",
excerpt: "Reflecting on a challenging season start.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-victorious-male-racing-car-pilot_23-2150923101.jpg",
authorName: "Team WRT",
authorAvatar: "https://i.pravatar.cc/150?u=3",
date: "28 Jul 2024",
},
]}
/>
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Latest News"
description="Stay up to date with the latest team developments and race results."
blogs={[
{ id: "b1", category: "Results", title: "Podium at Spa 24h", excerpt: "An incredible performance under pressure from our drivers.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139119.jpg", authorName: "Team WRT", authorAvatar: "https://i.pravatar.cc/150?u=1", date: "12 Aug 2024" },
{ id: "b2", category: "Updates", title: "IMSA Program Growth", excerpt: "Expanding our testing schedule for the US program.", imageSrc: "http://img.b2bpic.net/free-photo/view-car-running-high-speed_23-2150635447.jpg", authorName: "Team WRT", authorAvatar: "https://i.pravatar.cc/150?u=2", date: "05 Aug 2024" },
{ id: "b3", category: "Interviews", title: "Dries Vanthoor Speaks", excerpt: "Reflecting on a challenging season start.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-victorious-male-racing-car-pilot_23-2150923101.jpg", authorName: "Team WRT", authorAvatar: "https://i.pravatar.cc/150?u=3", date: "28 Jul 2024" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contact"
title="Join The Journey"
description="Have questions or want to partner with us? Reach out to our team today."
imageSrc="http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-1089.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contact"
title="Join The Journey"
description="Have questions or want to partner with us? Reach out to our team today."
imageSrc="http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-1089.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="BMW M Team WRT"
columns={[
{
title: "Racing",
items: [
{
label: "FIA WEC",
href: "#",
},
{
label: "IMSA",
href: "#",
},
{
label: "GTWC",
href: "#",
},
],
},
{
title: "Team",
items: [
{
label: "History",
href: "#",
},
{
label: "Drivers",
href: "#",
},
{
label: "Partners",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
copyrightText="© 2025 BMW M Team WRT. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="BMW M Team WRT"
columns={[
{ title: "Racing", items: [{ label: "FIA WEC", href: "#" }, { label: "IMSA", href: "#" }, { label: "GTWC", href: "#" }] },
{ title: "Team", items: [{ label: "History", href: "#" }, { label: "Drivers", href: "#" }, { label: "Partners", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
copyrightText="© 2025 BMW M Team WRT. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);