bender/5745f0c0-b153-449f-8068-9772bb89a203
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-05-26 01:08:36 +00:00
parent b6bc66d5d0
commit fef29eb78d
1 changed files with 64 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "News",
id: "#news",
},
name: "News", id: "#news"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Stats",
id: "#stats",
},
name: "Stats", id: "#stats"},
{
name: "Community",
id: "#community",
},
name: "Community", id: "#community"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg"
logoAlt="Motorsport Pulse Logo"
@@ -67,88 +55,48 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Your Ultimate Source for Motorsport News"
description="Dive into the thrilling world of racing. From Formula 1 to MotoGP, WEC to Rally, get the latest updates, analyses, and exclusive insights."
testimonials={[
{
name: "Alex P.",
handle: "@SpeedDemon23",
testimonial: "Motorsport Pulse is my go-to for all racing news! Unbeatable analysis and always first with the breaking stories.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-night-robe-wearing-eye-mask-preparing-sleep-tired-posing-light-yellow-wall-sleep-female-model-night-bed_140725-65314.jpg?_wi=1",
imageAlt: "Alex P. fan",
},
name: "Alex P.", handle: "@SpeedDemon23", testimonial: "Motorsport Pulse is my go-to for all racing news! Unbeatable analysis and always first with the breaking stories.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-night-robe-wearing-eye-mask-preparing-sleep-tired-posing-light-yellow-wall-sleep-female-model-night-bed_140725-65314.jpg", imageAlt: "Alex P. fan"},
{
name: "Dr. Elena Rossi",
handle: "Race Historian",
testimonial: "The depth of historical articles is incredible. A fantastic resource for any motorsport enthusiast or academic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-organizer-while-charging-electric-car_107420-94888.jpg",
imageAlt: "Dr. Elena Rossi",
},
name: "Dr. Elena Rossi", handle: "Race Historian", testimonial: "The depth of historical articles is incredible. A fantastic resource for any motorsport enthusiast or academic.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-organizer-while-charging-electric-car_107420-94888.jpg", imageAlt: "Dr. Elena Rossi"},
{
name: "Mark J.",
handle: "Gearhead Mark",
testimonial: "From F1 technical breakdowns to rallying heroics, Motorsport Pulse covers it all with passion and expertise.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
imageAlt: "Mark J.",
},
name: "Mark J.", handle: "Gearhead Mark", testimonial: "From F1 technical breakdowns to rallying heroics, Motorsport Pulse covers it all with passion and expertise.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "Mark J."},
{
name: "Sophia L.",
handle: "Trackside Reporter",
testimonial: "As someone in the industry, I rely on Motorsport Pulse for accurate and timely reporting. They never miss a beat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-long-hair-garage-repairing-motorcycle_1321-1384.jpg",
imageAlt: "Sophia L.",
},
name: "Sophia L.", handle: "Trackside Reporter", testimonial: "As someone in the industry, I rely on Motorsport Pulse for accurate and timely reporting. They never miss a beat.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-long-hair-garage-repairing-motorcycle_1321-1384.jpg", imageAlt: "Sophia L."},
{
name: "Chris B.",
handle: "CornerApex",
testimonial: "The community features and fan discussions are top-notch. It's more than just news; it's a shared experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-guy-holding-soccer-ball-looking-exited-rejoicing-his-success-victory-clenching-his-fists-with-joy-happy-achieve-his-aim-goals-standing-white-background_141793-24939.jpg",
imageAlt: "Chris B.",
},
name: "Chris B.", handle: "CornerApex", testimonial: "The community features and fan discussions are top-notch. It's more than just news; it's a shared experience.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-guy-holding-soccer-ball-looking-exited-rejoicing-his-success-victory-clenching-his-fists-with-joy-happy-achieve-his-aim-goals-standing-white-background_141793-24939.jpg", imageAlt: "Chris B."},
]}
buttons={[
{
text: "Read Latest News",
href: "#news",
},
text: "Read Latest News", href: "#news"},
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-975.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-975.jpg"
imageAlt="High-speed racing car on track"
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "F1 Updates",
type: "text", text: "F1 Updates"},
{
type: "text-icon", text: "Race Analysis", icon: BarChart,
},
{
type: "text-icon",
text: "Race Analysis",
icon: BarChart,
type: "text", text: "MotoGP News"},
{
type: "text-icon", text: "Driver Interviews", icon: Mic,
},
{
type: "text",
text: "MotoGP News",
},
{
type: "text-icon",
text: "Driver Interviews",
icon: Mic,
},
{
type: "text",
text: "WEC Highlights",
},
type: "text", text: "WEC Highlights"},
]}
/>
</div>
@@ -159,11 +107,8 @@ export default function LandingPage() {
title="Fueling Your Passion for Speed"
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
description="Motorsport Pulse delivers comprehensive coverage, insightful analysis, and stunning visuals from across the globe. Our team of dedicated journalists and experts brings you closer to the action, breaking down races, technologies, and the stories behind the helmets. Join a community that lives and breathes racing."
/>
</div>
@@ -174,60 +119,30 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "In-Depth Race Analysis",
description: "From pole position to checkered flag, we break down every crucial moment with expert commentary.",
bentoComponent: "reveal-icon",
icon: Gauge,
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg",
imageAlt: "motorsport pulse logo",
title: "In-Depth Race Analysis", description: "From pole position to checkered flag, we break down every crucial moment with expert commentary.", bentoComponent: "reveal-icon", icon: Gauge,
},
{
title: "Historical Moments & Legends",
description: "Revisit iconic races, celebrate legendary drivers, and understand the sport's rich heritage.",
bentoComponent: "timeline",
heading: "Milestones",
subheading: "Motorsport History",
items: [
title: "Historical Moments & Legends", description: "Revisit iconic races, celebrate legendary drivers, and understand the sport's rich heritage.", bentoComponent: "timeline", heading: "Milestones", subheading: "Motorsport History", items: [
{
label: "First Grand Prix",
detail: "1906, Le Mans",
},
label: "First Grand Prix", detail: "1906, Le Mans"},
{
label: "Formula 1 Inauguration",
detail: "1950, Silverstone",
},
label: "Formula 1 Inauguration", detail: "1950, Silverstone"},
{
label: "First Electric Race",
detail: "2014, Beijing",
},
label: "First Electric Race", detail: "2014, Beijing"},
],
completedLabel: "View All History",
imageSrc: "http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-975.jpg?_wi=2",
imageAlt: "motorsport pulse logo",
},
completedLabel: "View All History"},
{
title: "Exclusive Interviews & Driver Profiles",
description: "Get closer to your heroes with behind-the-scenes access and personal stories from the paddock.",
bentoComponent: "icon-info-cards",
items: [
title: "Exclusive Interviews & Driver Profiles", description: "Get closer to your heroes with behind-the-scenes access and personal stories from the paddock.", bentoComponent: "icon-info-cards", items: [
{
icon: User,
label: "Driver Bios",
value: "Profiles",
},
label: "Driver Bios", value: "Profiles"},
{
icon: Mic,
label: "Exclusive Q&A",
value: "Interviews",
},
label: "Exclusive Q&A", value: "Interviews"},
{
icon: Trophy,
label: "Championship Wins",
value: "Highlights",
},
label: "Championship Wins", value: "Highlights"},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-night-robe-wearing-eye-mask-preparing-sleep-tired-posing-light-yellow-wall-sleep-female-model-night-bed_140725-65314.jpg?_wi=2",
imageAlt: "motorsport pulse logo",
},
]}
title="Unrivalled Motorsport Coverage"
@@ -244,71 +159,17 @@ export default function LandingPage() {
description="Stay up-to-date with breaking news, post-race analyses, and pre-race previews from all major motorsport series."
blogs={[
{
id: "blog-1",
category: "Formula 1",
title: "Verstappen Dominates Spanish GP: Race Analysis",
excerpt: "Max Verstappen secured another victory at the Spanish Grand Prix, extending his championship lead. We break down the key strategies and standout performances.",
imageSrc: "http://img.b2bpic.net/free-photo/two-young-indian-people-having-fun-with-new-technology-vr-headset-virtual-reality-simulator_627829-1110.jpg",
imageAlt: "F1 car in pit stop",
authorName: "Jamie Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/young-journalist-work_23-2148524086.jpg",
date: "June 25, 2024",
},
id: "blog-1", category: "Formula 1", title: "Verstappen Dominates Spanish GP: Race Analysis", excerpt: "Max Verstappen secured another victory at the Spanish Grand Prix, extending his championship lead. We break down the key strategies and standout performances.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-indian-people-having-fun-with-new-technology-vr-headset-virtual-reality-simulator_627829-1110.jpg", imageAlt: "F1 car in pit stop", authorName: "Jamie Smith", authorAvatar: "http://img.b2bpic.net/free-photo/young-journalist-work_23-2148524086.jpg", date: "June 25, 2024"},
{
id: "blog-2",
category: "MotoGP",
title: "Bagnaia's Masterclass at Assen: Full Report",
excerpt: "Pecco Bagnaia delivered a flawless performance at the Dutch TT, solidifying his championship challenge. Read our in-depth report on the thrilling race.",
imageSrc: "http://img.b2bpic.net/free-photo/moto-rider-making-stunt-his-motorbike-biker-doing-difficult-dangerous-stunt_654080-1036.jpg",
imageAlt: "MotoGP rider cornering",
authorName: "Lena Kowalski",
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg",
date: "June 23, 2024",
},
id: "blog-2", category: "MotoGP", title: "Bagnaia's Masterclass at Assen: Full Report", excerpt: "Pecco Bagnaia delivered a flawless performance at the Dutch TT, solidifying his championship challenge. Read our in-depth report on the thrilling race.", imageSrc: "http://img.b2bpic.net/free-photo/moto-rider-making-stunt-his-motorbike-biker-doing-difficult-dangerous-stunt_654080-1036.jpg", imageAlt: "MotoGP rider cornering", authorName: "Lena Kowalski", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-woman-wearing-glasses_23-2148815602.jpg", date: "June 23, 2024"},
{
id: "blog-3",
category: "WRC",
title: "Rally Italia Sardegna: Ogier's Epic Victory",
excerpt: "Sébastien Ogier clinched a dramatic victory in Sardinia, battling challenging conditions. All the highlights and driver reactions from a classic rally.",
imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483094.jpg",
imageAlt: "Rally car jumping on dirt track",
authorName: "David Chen",
authorAvatar: "http://img.b2bpic.net/free-photo/female-working-from-home-with-cup-coffee_23-2148604088.jpg",
date: "June 20, 2024",
},
id: "blog-3", category: "WRC", title: "Rally Italia Sardegna: Ogier's Epic Victory", excerpt: "Sébastien Ogier clinched a dramatic victory in Sardinia, battling challenging conditions. All the highlights and driver reactions from a classic rally.", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483094.jpg", imageAlt: "Rally car jumping on dirt track", authorName: "David Chen", authorAvatar: "http://img.b2bpic.net/free-photo/female-working-from-home-with-cup-coffee_23-2148604088.jpg", date: "June 20, 2024"},
{
id: "blog-4",
category: "Endurance",
title: "24 Hours of Le Mans: Ferrari Takes Top Honors",
excerpt: "Ferrari secured a historic win at the legendary 24 Hours of Le Mans. Relive the epic battle and incredible moments from Circuit de la Sarthe.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139119.jpg",
imageAlt: "Le Mans prototype racing at night",
authorName: "Sarah Green",
authorAvatar: "http://img.b2bpic.net/free-photo/picture-attractive-confident-young-woman-with-blonde-hair-muscular-arms-posing_343059-566.jpg",
date: "June 17, 2024",
},
id: "blog-4", category: "Endurance", title: "24 Hours of Le Mans: Ferrari Takes Top Honors", excerpt: "Ferrari secured a historic win at the legendary 24 Hours of Le Mans. Relive the epic battle and incredible moments from Circuit de la Sarthe.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139119.jpg", imageAlt: "Le Mans prototype racing at night", authorName: "Sarah Green", authorAvatar: "http://img.b2bpic.net/free-photo/picture-attractive-confident-young-woman-with-blonde-hair-muscular-arms-posing_343059-566.jpg", date: "June 17, 2024"},
{
id: "blog-5",
category: "NASCAR",
title: "Atlanta Race Recap: Larson's Dominant Performance",
excerpt: "Kyle Larson put on a show at Atlanta Motor Speedway, leading most laps to victory. Our full recap of a thrilling NASCAR Cup Series event.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20141.jpg",
imageAlt: "NASCAR cars racing close on oval track",
authorName: "Tompkins Williams",
authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg",
date: "June 15, 2024",
},
id: "blog-5", category: "NASCAR", title: "Atlanta Race Recap: Larson's Dominant Performance", excerpt: "Kyle Larson put on a show at Atlanta Motor Speedway, leading most laps to victory. Our full recap of a thrilling NASCAR Cup Series event.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20141.jpg", imageAlt: "NASCAR cars racing close on oval track", authorName: "Tompkins Williams", authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", date: "June 15, 2024"},
{
id: "blog-6",
category: "Formula E",
title: "Shanghai E-Prix: Evans Victorious in Double Header",
excerpt: "Mitch Evans secured a crucial win at the Shanghai E-Prix, shaking up the championship standings. Discover all the electric action.",
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649847.jpg",
imageAlt: "Formula E car on city circuit",
authorName: "Jessica Lee",
authorAvatar: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793860.jpg",
date: "June 13, 2024",
},
id: "blog-6", category: "Formula E", title: "Shanghai E-Prix: Evans Victorious in Double Header", excerpt: "Mitch Evans secured a crucial win at the Shanghai E-Prix, shaking up the championship standings. Discover all the electric action.", imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649847.jpg", imageAlt: "Formula E car on city circuit", authorName: "Jessica Lee", authorAvatar: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793860.jpg", date: "June 13, 2024"},
]}
/>
</div>
@@ -321,20 +182,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "75+",
description: "Years of Formula 1 History",
},
id: "m1", value: "75+", description: "Years of Formula 1 History"},
{
id: "m2",
value: "350+",
description: "Grand Prix Victories (F1)",
},
id: "m2", value: "350+", description: "Grand Prix Victories (F1)"},
{
id: "m3",
value: "2000+",
description: "Motorcycles in MotoGP Races",
},
id: "m3", value: "2000+", description: "Motorcycles in MotoGP Races"},
]}
title="The Numbers Behind the Speed"
description="Key statistics that define the world of motorsport, from record-breaking laps to championship titles."
@@ -346,17 +198,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Scuderia Ferrari",
"Mercedes-AMG F1",
"Red Bull Racing",
"McLaren Racing",
"Yamaha MotoGP",
"Ducati Corse",
"Toyota Gazoo Racing",
"Hyundai Motorsport",
"Porsche Motorsport",
"Audi Sport",
]}
"Scuderia Ferrari", "Mercedes-AMG F1", "Red Bull Racing", "McLaren Racing", "Yamaha MotoGP", "Ducati Corse", "Toyota Gazoo Racing", "Hyundai Motorsport", "Porsche Motorsport", "Audi Sport"]}
title="Trusted by Leading Motorsport Entities"
description="Our coverage is respected across the industry, keeping fans and professionals informed about the latest developments."
/>
@@ -370,50 +212,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
name: "Liam Davies",
role: "F1 Fan",
company: "Motorsport Enthusiast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-image-happy-african-couple-rides-modern-motorbike-outdoors-looking-camera_171337-11596.jpg",
imageAlt: "Liam Davies",
},
id: "testimonial-1", name: "Liam Davies", role: "F1 Fan", company: "Motorsport Enthusiast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-image-happy-african-couple-rides-modern-motorbike-outdoors-looking-camera_171337-11596.jpg", imageAlt: "Liam Davies"},
{
id: "testimonial-2",
name: "Chloe Wright",
role: "Race Engineer",
company: "Professional Team",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-green-outfit_23-2151044512.jpg",
imageAlt: "Chloe Wright",
},
id: "testimonial-2", name: "Chloe Wright", role: "Race Engineer", company: "Professional Team", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-green-outfit_23-2151044512.jpg", imageAlt: "Chloe Wright"},
{
id: "testimonial-3",
name: "Ethan White",
role: "Sports Pundit",
company: "Television Analyst",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-choosed-motorcycles-moto-shop-guy-black-jacket-manager-with-client_1157-44643.jpg",
imageAlt: "Ethan White",
},
id: "testimonial-3", name: "Ethan White", role: "Sports Pundit", company: "Television Analyst", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-choosed-motorcycles-moto-shop-guy-black-jacket-manager-with-client_1157-44643.jpg", imageAlt: "Ethan White"},
{
id: "testimonial-4",
name: "Mia Clark",
role: "Journalist",
company: "Motorsport Media",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-turnstiles-using-her-card_23-2148771026.jpg",
imageAlt: "Mia Clark",
},
id: "testimonial-4", name: "Mia Clark", role: "Journalist", company: "Motorsport Media", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-turnstiles-using-her-card_23-2148771026.jpg", imageAlt: "Mia Clark"},
{
id: "testimonial-5",
name: "Noah King",
role: "Content Creator",
company: "YouTube Channel",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg",
imageAlt: "Noah King",
},
id: "testimonial-5", name: "Noah King", role: "Content Creator", company: "YouTube Channel", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-girl-taking-selfie-cafe_171337-9756.jpg", imageAlt: "Noah King"},
]}
title="What Our Readers Say"
description="Hear from passionate fans and industry experts who rely on Motorsport Pulse for their daily dose of racing insights."
@@ -424,16 +236,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Connect with the Motorsport Pulse Team"
description="Have a story idea, partnership inquiry, or just want to talk racing? We'd love to hear from you. Your passion drives our content!"
buttons={[
{
text: "Send Us a Message",
href: "#",
},
text: "Send Us a Message", href: "#"},
]}
/>
</div>
@@ -445,24 +254,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter",
},
href: "https://twitter.com", ariaLabel: "Twitter"},
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
href: "https://instagram.com", ariaLabel: "Instagram"},
{
icon: Video,
href: "https://youtube.com",
ariaLabel: "YouTube",
},
href: "https://youtube.com", ariaLabel: "YouTube"},
{
icon: Facebook,
href: "https://facebook.com",
ariaLabel: "Facebook",
},
href: "https://facebook.com", ariaLabel: "Facebook"},
]}
/>
</div>