bender/4fc7f75a-d4ea-4fbf-a85a-54818c8de310
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-05 07:27:05 +00:00
parent 03da0dffbb
commit 2de6897f93
1 changed files with 57 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/app/page.tsx
View File

@@ -34,38 +34,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Shop",
id: "#shop",
},
name: "Shop", id: "#shop"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get Tickets",
href: "#shop",
}}
text: "Get Tickets", href: "#shop"}}
brandName="Apex Motorsports"
/>
</div>
@@ -76,78 +60,39 @@ export default function LandingPage() {
description="Dive into the world of Formula 1 with live broadcasts, expert analysis, and exclusive behind-the-scenes access. Feel every turn, every overtake, every victory."
testimonials={[
{
name: "Alex R.",
handle: "@F1FanaticAlex",
testimonial: "The best F1 coverage I've ever seen! The detail and insights are incredible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-man-holding-hands-two-slices-zucchini_114579-30661.jpg",
imageAlt: "Alex R.",
},
name: "Alex R.", handle: "@F1FanaticAlex", testimonial: "The best F1 coverage I've ever seen! The detail and insights are incredible.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-man-holding-hands-two-slices-zucchini_114579-30661.jpg", imageAlt: "Alex R."},
{
name: "Maria S.",
handle: "@RaceChaserMaria",
testimonial: "Absolutely immersive! It's like being right there on the track. A must-watch for any F1 fan.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-cheerleader-cute-uniform_23-2149111125.jpg",
imageAlt: "Maria S.",
},
name: "Maria S.", handle: "@RaceChaserMaria", testimonial: "Absolutely immersive! It's like being right there on the track. A must-watch for any F1 fan.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-cheerleader-cute-uniform_23-2149111125.jpg", imageAlt: "Maria S."},
{
name: "Ben T.",
handle: "@MotorsportMaven",
testimonial: "The technical deep dives are unparalleled. You truly understand the engineering marvels behind each race.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582424.jpg",
imageAlt: "Ben T.",
},
name: "Ben T.", handle: "@MotorsportMaven", testimonial: "The technical deep dives are unparalleled. You truly understand the engineering marvels behind each race.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582424.jpg", imageAlt: "Ben T."},
{
name: "Chloe L.",
handle: "@GridGirlChloe",
testimonial: "From qualifying to the checkered flag, every moment is packed with excitement. Simply phenomenal!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/truck-service-maintenance_342744-1298.jpg",
imageAlt: "Chloe L.",
},
name: "Chloe L.", handle: "@GridGirlChloe", testimonial: "From qualifying to the checkered flag, every moment is packed with excitement. Simply phenomenal!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/truck-service-maintenance_342744-1298.jpg", imageAlt: "Chloe L."},
{
name: "David M.",
handle: "@SpeedDemonDave",
testimonial: "The 3D animated looks truly bring the cars to life! Incredible visual experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585667.jpg",
imageAlt: "David M.",
},
name: "David M.", handle: "@SpeedDemonDave", testimonial: "The 3D animated looks truly bring the cars to life! Incredible visual experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585667.jpg", imageAlt: "David M."},
]}
tag="Ready, Set, Race!"
buttons={[
{
text: "Watch Live",
href: "#features",
},
text: "Watch Live", href: "#features"},
{
text: "Get Tickets",
href: "#shop",
},
text: "Get Tickets", href: "#shop"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg",
alt: "Fan 1",
},
src: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg", alt: "Fan 1"},
{
src: "http://img.b2bpic.net/free-photo/middle-age-motorcyclist-woman-wearing-motorcycle-helmet-isolated-white-background-surprised-with-hand-head-mistake-remember-error-forgot-bad-memory-concept_839833-32753.jpg",
alt: "Fan 2",
},
src: "http://img.b2bpic.net/free-photo/middle-age-motorcyclist-woman-wearing-motorcycle-helmet-isolated-white-background-surprised-with-hand-head-mistake-remember-error-forgot-bad-memory-concept_839833-32753.jpg", alt: "Fan 2"},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-slavic-party-guy-wearing-party-hat-looking-front-isolated-orange-wall-with-copy-space_141793-85099.jpg",
alt: "Fan 3",
},
src: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-slavic-party-guy-wearing-party-hat-looking-front-isolated-orange-wall-with-copy-space_141793-85099.jpg", alt: "Fan 3"},
{
src: "http://img.b2bpic.net/free-photo/handsome-black-young-man-wristwatch-looking-away-while-his-colleagues-discussing-new-ideas-indoor-portrait-international-it-specialists-with-african-guy_197531-3747.jpg",
alt: "Fan 4",
},
src: "http://img.b2bpic.net/free-photo/handsome-black-young-man-wristwatch-looking-away-while-his-colleagues-discussing-new-ideas-indoor-portrait-international-it-specialists-with-african-guy_197531-3747.jpg", alt: "Fan 4"},
{
src: "http://img.b2bpic.net/free-photo/positive-man-holding-hands-two-slices-zucchini_114579-30661.jpg",
alt: "Fan 5",
},
src: "http://img.b2bpic.net/free-photo/positive-man-holding-hands-two-slices-zucchini_114579-30661.jpg", alt: "Fan 5"},
]}
avatarText="Join 1M+ F1 enthusiasts"
imageSrc="http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674313.jpg"
@@ -177,42 +122,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "feature-1",
title: "Live HD Broadcasts",
subtitle: "Stream every race in stunning high definition, with multiple camera angles and real-time telemetry.",
category: "Coverage",
value: "4K Quality",
buttons: [
id: "feature-1", title: "Live HD Broadcasts", subtitle: "Stream every race in stunning high definition, with multiple camera angles and real-time telemetry.", category: "Coverage", value: "4K Quality", buttons: [
{
text: "Explore Live",
href: "#",
},
text: "Explore Live", href: "#"},
],
},
{
id: "feature-2",
title: "Expert Commentary",
subtitle: "Get unparalleled insights from former F1 drivers and top analysts, bringing you closer to the strategic battles.",
category: "Analysis",
value: "Pro Insights",
buttons: [
id: "feature-2", title: "Expert Commentary", subtitle: "Get unparalleled insights from former F1 drivers and top analysts, bringing you closer to the strategic battles.", category: "Analysis", value: "Pro Insights", buttons: [
{
text: "Meet the Team",
href: "#",
},
text: "Meet the Team", href: "#"},
],
},
{
id: "feature-3",
title: "Exclusive Access",
subtitle: "Behind-the-scenes content, driver interviews, and garage tours that you won't find anywhere else.",
category: "Content",
value: "VIP Access",
buttons: [
id: "feature-3", title: "Exclusive Access", subtitle: "Behind-the-scenes content, driver interviews, and garage tours that you won't find anywhere else.", category: "Content", value: "VIP Access", buttons: [
{
text: "Unlock More",
href: "#",
},
text: "Unlock More", href: "#"},
],
},
]}
@@ -230,20 +154,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "metric-1",
value: "10+",
description: "Years of Dedicated F1 Coverage",
},
id: "metric-1", value: "10+", description: "Years of Dedicated F1 Coverage"},
{
id: "metric-2",
value: "50M+",
description: "Global Viewers Every Season",
},
id: "metric-2", value: "50M+", description: "Global Viewers Every Season"},
{
id: "metric-3",
value: "100%",
description: "Race Action, Zero Compromise",
},
id: "metric-3", value: "100%", description: "Race Action, Zero Compromise"},
]}
title="The Numbers Don't Lie"
description="Proudly sharing our journey and milestones in bringing the best of F1 to fans worldwide."
@@ -259,47 +174,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "prod-1",
name: "Team Spirit F1 Jersey",
price: "$89.99",
imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-beams-fan-darkness-light-fan_169016-71298.jpg",
imageAlt: "F1 Team Jersey",
},
id: "prod-1", name: "Team Spirit F1 Jersey", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-beams-fan-darkness-light-fan_169016-71298.jpg", imageAlt: "F1 Team Jersey"},
{
id: "prod-2",
name: "1:18 Scale F1 Model",
price: "$199.00",
imageSrc: "http://img.b2bpic.net/free-photo/formula-1-car-design_1048-1741.jpg",
imageAlt: "F1 Replica Car Model",
},
id: "prod-2", name: "1:18 Scale F1 Model", price: "$199.00", imageSrc: "http://img.b2bpic.net/free-photo/formula-1-car-design_1048-1741.jpg", imageAlt: "F1 Replica Car Model"},
{
id: "prod-3",
name: "Signed Driver Helmet",
price: "$1299.00",
imageSrc: "http://img.b2bpic.net/free-photo/safely-motorcycle-helmet_23-2151531304.jpg",
imageAlt: "Signed F1 Driver Helmet",
},
id: "prod-3", name: "Signed Driver Helmet", price: "$1299.00", imageSrc: "http://img.b2bpic.net/free-photo/safely-motorcycle-helmet_23-2151531304.jpg", imageAlt: "Signed F1 Driver Helmet"},
{
id: "prod-4",
name: "VIP Grandstand Pass",
price: "$500.00",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574480.jpg",
imageAlt: "F1 VIP Event Pass",
},
id: "prod-4", name: "VIP Grandstand Pass", price: "$500.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574480.jpg", imageAlt: "F1 VIP Event Pass"},
{
id: "prod-5",
name: "Pit Crew Experience",
price: "$999.00",
imageSrc: "http://img.b2bpic.net/free-photo/two-bearded-brutal-mechanics-repair-car-lift-garage-repairing-car-suspension-service-station_613910-6641.jpg",
imageAlt: "F1 Pit Crew Experience",
},
id: "prod-5", name: "Pit Crew Experience", price: "$999.00", imageSrc: "http://img.b2bpic.net/free-photo/two-bearded-brutal-mechanics-repair-car-lift-garage-repairing-car-suspension-service-station_613910-6641.jpg", imageAlt: "F1 Pit Crew Experience"},
{
id: "prod-6",
name: "Official Team Cap",
price: "$34.99",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-shocked-young-athlete-sport-clothes-helmet-holding-bottle-water_179666-25657.jpg",
imageAlt: "Official F1 Team Cap",
},
id: "prod-6", name: "Official Team Cap", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-shocked-young-athlete-sport-clothes-helmet-holding-bottle-water_179666-25657.jpg", imageAlt: "Official F1 Team Cap"},
]}
title="Gear Up for Race Day"
description="Explore our exclusive collection of F1 merchandise and grab your tickets for the next thrilling event."
@@ -312,13 +197,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2275.jpg",
"http://img.b2bpic.net/free-vector/labor-day-usa-label-badge-collection-flat-design_23-2148616266.jpg",
"http://img.b2bpic.net/free-photo/motorcycle-rider-profile-cyberpunk-style_23-2151982346.jpg",
"http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585563.jpg",
"http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674332.jpg",
"http://img.b2bpic.net/free-vector/nordic-ski-badges_23-2147500474.jpg",
"http://img.b2bpic.net/free-vector/gradient-racing-template-design_23-2150161862.jpg",
"Pirelli", "DHL", "Rolex", "Heineken", "AWS", "Emirates", "MSC Cruises"
]}
title="Trusted by the Best in Motorsports"
description="We are proud to collaborate with leading names in Formula 1, bringing you unparalleled access and quality."
@@ -333,59 +212,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "test-1",
title: "Simply Breathtaking!",
quote: "The cinematic quality and in-depth analysis of Apex Motorsports are unmatched. Every race feels like a grand event!",
name: "Sophia Rodriguez",
role: "Die-hard F1 Fan",
imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-black-helmet-head_1187-5307.jpg",
imageAlt: "Sophia Rodriguez",
},
id: "test-1", title: "Simply Breathtaking!", quote: "The cinematic quality and in-depth analysis of Apex Motorsports are unmatched. Every race feels like a grand event!", name: "Sophia Rodriguez", role: "Die-hard F1 Fan", imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-black-helmet-head_1187-5307.jpg", imageAlt: "Sophia Rodriguez"},
{
id: "test-2",
title: "Best Coverage, Hands Down",
quote: "I've been watching F1 for decades, and this show brings a fresh perspective with incredible graphics and commentary. Highly recommend!",
name: "Liam Chen",
role: "Veteran F1 Follower",
imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-smiling-showing-ok-sign-standing-white-wall_141793-56094.jpg",
imageAlt: "Liam Chen",
},
id: "test-2", title: "Best Coverage, Hands Down", quote: "I've been watching F1 for decades, and this show brings a fresh perspective with incredible graphics and commentary. Highly recommend!", name: "Liam Chen", role: "Veteran F1 Follower", imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-smiling-showing-ok-sign-standing-white-wall_141793-56094.jpg", imageAlt: "Liam Chen"},
{
id: "test-3",
title: "Immersive & Informative",
quote: "The 3D animated car looks are revolutionary. It makes understanding the race dynamics so much clearer and more exciting.",
name: "Olivia Smith",
role: "Casual Viewer Turned Enthusiast",
imageSrc: "http://img.b2bpic.net/free-photo/spaceship-crew-member-stressed-by-unknown-hull-breach-causing-alarm-sound_482257-126223.jpg",
imageAlt: "Olivia Smith",
},
id: "test-3", title: "Immersive & Informative", quote: "The 3D animated car looks are revolutionary. It makes understanding the race dynamics so much clearer and more exciting.", name: "Olivia Smith", role: "Casual Viewer Turned Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/spaceship-crew-member-stressed-by-unknown-hull-breach-causing-alarm-sound_482257-126223.jpg", imageAlt: "Olivia Smith"},
{
id: "test-4",
title: "My Go-To for F1",
quote: "From practice to podium, Apex Motorsports covers every angle. The pre-race build-up is just as thrilling as the race itself!",
name: "Noah Williams",
role: "Motorsport Blogger",
imageSrc: "http://img.b2bpic.net/free-photo/view-football-fan-enjoying-match_23-2150860633.jpg",
imageAlt: "Noah Williams",
},
id: "test-4", title: "My Go-To for F1", quote: "From practice to podium, Apex Motorsports covers every angle. The pre-race build-up is just as thrilling as the race itself!", name: "Noah Williams", role: "Motorsport Blogger", imageSrc: "http://img.b2bpic.net/free-photo/view-football-fan-enjoying-match_23-2150860633.jpg", imageAlt: "Noah Williams"},
{
id: "test-5",
title: "Exceptional Production",
quote: "The high production value combined with genuine passion for F1 makes this show a standout. A treat for the senses!",
name: "Isabella Brown",
role: "Design Student & Fan",
imageSrc: "http://img.b2bpic.net/free-photo/bobsleigh-sport-render-3d-illustration_654080-1403.jpg",
imageAlt: "Isabella Brown",
},
id: "test-5", title: "Exceptional Production", quote: "The high production value combined with genuine passion for F1 makes this show a standout. A treat for the senses!", name: "Isabella Brown", role: "Design Student & Fan", imageSrc: "http://img.b2bpic.net/free-photo/bobsleigh-sport-render-3d-illustration_654080-1403.jpg", imageAlt: "Isabella Brown"},
{
id: "test-6",
title: "Truly Captivating",
quote: "I never thought F1 could be this engaging. The storytelling and visual effects are simply captivating.",
name: "James Davis",
role: "New F1 Enthusiast",
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585606.jpg",
imageAlt: "James Davis",
},
id: "test-6", title: "Truly Captivating", quote: "I never thought F1 could be this engaging. The storytelling and visual effects are simply captivating.", name: "James Davis", role: "New F1 Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585606.jpg", imageAlt: "James Davis"},
]}
title="Hear From Our Passionate Community"
description="Our viewers are at the heart of what we do. Read what they have to say about the Apex Motorsports F1 experience."
@@ -398,25 +235,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "How can I watch the live F1 races?",
content: "You can watch all live F1 races directly through our platform after purchasing a season pass or a single event ticket from our shop section.",
},
id: "faq-1", title: "How can I watch the live F1 races?", content: "You can watch all live F1 races directly through our platform after purchasing a season pass or a single event ticket from our shop section."},
{
id: "faq-2",
title: "What kind of exclusive content is available?",
content: "Our exclusive content includes behind-the-scenes garage access, in-depth driver interviews, technical analysis of car components, and historical race retrospectives.",
},
id: "faq-2", title: "What kind of exclusive content is available?", content: "Our exclusive content includes behind-the-scenes garage access, in-depth driver interviews, technical analysis of car components, and historical race retrospectives."},
{
id: "faq-3",
title: "Are there replays available for missed races?",
content: "Yes, all live broadcasts are available for on-demand replay within hours of the race conclusion, accessible to all pass holders.",
},
id: "faq-3", title: "Are there replays available for missed races?", content: "Yes, all live broadcasts are available for on-demand replay within hours of the race conclusion, accessible to all pass holders."},
{
id: "faq-4",
title: "What is the quality of the broadcast stream?",
content: "We offer broadcast streams in stunning 4K resolution, ensuring you don't miss any detail of the high-octane action, complemented by immersive audio.",
},
id: "faq-4", title: "What is the quality of the broadcast stream?", content: "We offer broadcast streams in stunning 4K resolution, ensuring you don't miss any detail of the high-octane action, complemented by immersive audio."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to the most common questions about our F1 race shows, broadcasts, and exclusive content."
@@ -428,18 +253,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
text="Have a question or feedback? We're here to help you get the most out of your F1 experience. Reach out to us!"
buttons={[
{
text: "Email Us",
href: "mailto:info@apexmotorsports.com",
},
text: "Email Us", href: "mailto:info@apexmotorsports.com"},
{
text: "Support Center",
href: "#",
},
text: "Support Center", href: "#"},
]}
/>
</div>
@@ -448,16 +268,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Apex Motorsports"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}