Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Stats", id: "metrics"},
|
||||
{
|
||||
name: "Teams",
|
||||
id: "features",
|
||||
},
|
||||
name: "Teams", id: "features"},
|
||||
{
|
||||
name: "Gear",
|
||||
id: "product",
|
||||
},
|
||||
name: "Gear", id: "product"},
|
||||
{
|
||||
name: "Members",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Members", id: "pricing"},
|
||||
{
|
||||
name: "News",
|
||||
id: "blog",
|
||||
},
|
||||
name: "News", id: "blog"},
|
||||
]}
|
||||
brandName="F1 SPEED"
|
||||
/>
|
||||
@@ -64,47 +52,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Experience Formula 1"
|
||||
description="The peak of motorsport technology and human performance. Dive into the world of elite racing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674312.jpg?_wi=1",
|
||||
imageAlt: "Racing Dynamics",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674312.jpg", imageAlt: "Racing Dynamics"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg?_wi=1",
|
||||
imageAlt: "Telemetry",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg", imageAlt: "Telemetry"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bridge-with-motion-blur-traffic_23-2148287760.jpg",
|
||||
imageAlt: "Night Race",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bridge-with-motion-blur-traffic_23-2148287760.jpg", imageAlt: "Night Race"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057563.jpg",
|
||||
imageAlt: "Grid Start",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/city-sparkles-light-streets-night_23-2149057563.jpg", imageAlt: "Grid Start"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/safely-motorcycle-helmet_23-2151531304.jpg",
|
||||
imageAlt: "Pit Crew",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/safely-motorcycle-helmet_23-2151531304.jpg", imageAlt: "Pit Crew"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/huge-concentrating-shape-happy-sky_1134-1039.jpg",
|
||||
imageAlt: "Checkered Flag",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/huge-concentrating-shape-happy-sky_1134-1039.jpg", imageAlt: "Checkered Flag"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,20 +83,11 @@ export default function LandingPage() {
|
||||
tag="Live Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24",
|
||||
description: "Grand Prix Races",
|
||||
},
|
||||
id: "m1", value: "24", description: "Grand Prix Races"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
description: "World Champions",
|
||||
},
|
||||
id: "m2", value: "20", description: "World Champions"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.8s",
|
||||
description: "Fastest Pit Stop",
|
||||
},
|
||||
id: "m3", value: "1.8s", description: "Fastest Pit Stop"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -142,32 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Aerodynamics",
|
||||
tags: [
|
||||
"Downforce",
|
||||
"Drag",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649867.jpg",
|
||||
},
|
||||
id: "f1", title: "Aerodynamics", tags: [
|
||||
"Downforce", "Drag"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649867.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Chassis Tech",
|
||||
tags: [
|
||||
"Composite",
|
||||
"Lightweight",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencers-special-equipment-fighting-from-their-wheelchairs_23-2149229583.jpg",
|
||||
},
|
||||
id: "f2", title: "Chassis Tech", tags: [
|
||||
"Composite", "Lightweight"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencers-special-equipment-fighting-from-their-wheelchairs_23-2149229583.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Tire Strategy",
|
||||
tags: [
|
||||
"Grip",
|
||||
"Endurance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25078.jpg",
|
||||
},
|
||||
id: "f3", title: "Tire Strategy", tags: [
|
||||
"Grip", "Endurance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25078.jpg"},
|
||||
]}
|
||||
title="Precision Engineering"
|
||||
description="Innovative solutions that define the grid."
|
||||
@@ -176,64 +119,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Motorsport",
|
||||
name: "Race Helmet",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-safety-helmet_23-2151531232.jpg",
|
||||
},
|
||||
id: "p1", brand: "Motorsport", name: "Race Helmet", price: "$1,200", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-safety-helmet_23-2151531232.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Team",
|
||||
name: "Tech Polo",
|
||||
price: "$85",
|
||||
rating: 4,
|
||||
reviewCount: "450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574361.jpg",
|
||||
},
|
||||
id: "p2", brand: "Team", name: "Tech Polo", price: "$85", rating: 4,
|
||||
reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574361.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Timing",
|
||||
name: "Telemetry Watch",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-repair-tools-technology_187299-46578.jpg",
|
||||
},
|
||||
id: "p3", brand: "Timing", name: "Telemetry Watch", price: "$450", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-repair-tools-technology_187299-46578.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Merch",
|
||||
name: "Team Jacket",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg",
|
||||
},
|
||||
id: "p4", brand: "Merch", name: "Team Jacket", price: "$299", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Collector",
|
||||
name: "Scale Car",
|
||||
price: "$150",
|
||||
rating: 4,
|
||||
reviewCount: "78",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-generic-racing-car-with-half-sketch-preview_1048-12734.jpg",
|
||||
},
|
||||
id: "p5", brand: "Collector", name: "Scale Car", price: "$150", rating: 4,
|
||||
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-generic-racing-car-with-half-sketch-preview_1048-12734.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Gear",
|
||||
name: "Driver Gloves",
|
||||
price: "$120",
|
||||
rating: 5,
|
||||
reviewCount: "300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-normal-after-covid-epidemic-asian-female-searching-information-with-digital-touch-screen-display-new-lifestyle-shopping-department-store_609648-1378.jpg",
|
||||
},
|
||||
id: "p6", brand: "Gear", name: "Driver Gloves", price: "$120", rating: 5,
|
||||
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/new-normal-after-covid-epidemic-asian-female-searching-information-with-digital-touch-screen-display-new-lifestyle-shopping-department-store_609648-1378.jpg"},
|
||||
]}
|
||||
title="Exclusive Merchandise"
|
||||
description="High-quality gear for the true F1 fan."
|
||||
@@ -247,50 +155,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pl1",
|
||||
title: "Fan",
|
||||
price: "$0",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Basic News",
|
||||
"Fan Forums",
|
||||
],
|
||||
id: "pl1", title: "Fan", price: "$0", period: "/month", features: [
|
||||
"Basic News", "Fan Forums"],
|
||||
button: {
|
||||
text: "Join Free",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-9.jpg",
|
||||
imageAlt: "Traffic in a tunnel",
|
||||
},
|
||||
text: "Join Free"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traffic-tunnel_1359-9.jpg", imageAlt: "Traffic in a tunnel"},
|
||||
{
|
||||
id: "pl2",
|
||||
title: "Insider",
|
||||
price: "$15",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Telemetry",
|
||||
"Race Reports",
|
||||
],
|
||||
id: "pl2", title: "Insider", price: "$15", period: "/month", features: [
|
||||
"Telemetry", "Race Reports"],
|
||||
button: {
|
||||
text: "Upgrade",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674312.jpg?_wi=2",
|
||||
imageAlt: "Traffic in a tunnel",
|
||||
},
|
||||
text: "Upgrade"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674312.jpg", imageAlt: "Traffic in a tunnel"},
|
||||
{
|
||||
id: "pl3",
|
||||
title: "Pro",
|
||||
price: "$45",
|
||||
period: "/month",
|
||||
features: [
|
||||
"Full Data",
|
||||
"Team Access",
|
||||
],
|
||||
id: "pl3", title: "Pro", price: "$45", period: "/month", features: [
|
||||
"Full Data", "Team Access"],
|
||||
button: {
|
||||
text: "Join Pro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg?_wi=2",
|
||||
imageAlt: "Traffic in a tunnel",
|
||||
},
|
||||
text: "Join Pro"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163660.jpg", imageAlt: "Traffic in a tunnel"},
|
||||
]}
|
||||
title="Membership Levels"
|
||||
description="Unlock exclusive content and race updates."
|
||||
@@ -305,45 +186,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Racing",
|
||||
role: "Fan",
|
||||
company: "F1 Addict",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-headphones_23-2149155172.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Racing", role: "Fan", company: "F1 Addict", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-headphones_23-2149155172.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Tech",
|
||||
role: "Journalist",
|
||||
company: "Auto Media",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-serviceman-with-with-laptop-diagnostic-tools-showing-okay-gesture-sign_342744-1332.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Tech", role: "Journalist", company: "Auto Media", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-serviceman-with-with-laptop-diagnostic-tools-showing-okay-gesture-sign_342744-1332.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Engineer",
|
||||
role: "Pro",
|
||||
company: "Aero Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-troubleshooting-technical-issues-computer-desk_482257-119970.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark Engineer", role: "Pro", company: "Aero Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-troubleshooting-technical-issues-computer-desk_482257-119970.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julie Student",
|
||||
role: "Student",
|
||||
company: "Eng Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-concentrated-man-typing-laptop_74855-4248.jpg",
|
||||
},
|
||||
id: "t4", name: "Julie Student", role: "Student", company: "Eng Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-concentrated-man-typing-laptop_74855-4248.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mike Dev",
|
||||
role: "Member",
|
||||
company: "Tech Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585659.jpg",
|
||||
},
|
||||
id: "t5", name: "Mike Dev", role: "Member", company: "Tech Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585659.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our racing fans are saying."
|
||||
@@ -356,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How to start?",
|
||||
content: "Sign up for our membership level.",
|
||||
},
|
||||
id: "q1", title: "How to start?", content: "Sign up for our membership level."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is telemetry?",
|
||||
content: "Real-time car performance data.",
|
||||
},
|
||||
id: "q2", title: "What is telemetry?", content: "Real-time car performance data."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Team access?",
|
||||
content: "Available in Pro tier.",
|
||||
},
|
||||
id: "q3", title: "Team access?", content: "Available in Pro tier."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Need help understanding racing tech?"
|
||||
@@ -386,35 +233,11 @@ export default function LandingPage() {
|
||||
description="In-depth articles from the track."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Race",
|
||||
title: "The Perfect Corner",
|
||||
excerpt: "Mastering the physics of the turn.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dynamic-light-streaks-dark-background_84443-82080.jpg",
|
||||
authorName: "F1 Insider",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25060.jpg",
|
||||
date: "Jan 12, 2025",
|
||||
},
|
||||
id: "b1", category: "Race", title: "The Perfect Corner", excerpt: "Mastering the physics of the turn.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-dynamic-light-streaks-dark-background_84443-82080.jpg", authorName: "F1 Insider", authorAvatar: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25060.jpg", date: "Jan 12, 2025"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "History",
|
||||
title: "Champagne Moments",
|
||||
excerpt: "Iconic victories on the podium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freestyle-aerials-skiing_654080-672.jpg",
|
||||
authorName: "Tech Fan",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585631.jpg",
|
||||
date: "Jan 14, 2025",
|
||||
},
|
||||
id: "b2", category: "History", title: "Champagne Moments", excerpt: "Iconic victories on the podium.", imageSrc: "http://img.b2bpic.net/free-photo/freestyle-aerials-skiing_654080-672.jpg", authorName: "Tech Fan", authorAvatar: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585631.jpg", date: "Jan 14, 2025"},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Tech",
|
||||
title: "Training Simulator",
|
||||
excerpt: "Why teams invest in simulation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-person-suffering-from-cybersickness-technology-addiction_23-2151552637.jpg",
|
||||
authorName: "Racing Pro",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researcher-works-notebook-improve-efficiency_482257-120638.jpg",
|
||||
date: "Jan 16, 2025",
|
||||
},
|
||||
id: "b3", category: "Tech", title: "Training Simulator", excerpt: "Why teams invest in simulation.", imageSrc: "http://img.b2bpic.net/free-photo/concept-person-suffering-from-cybersickness-technology-addiction_23-2151552637.jpg", authorName: "Racing Pro", authorAvatar: "http://img.b2bpic.net/free-photo/photovoltaics-factory-researcher-works-notebook-improve-efficiency_482257-120638.jpg", date: "Jan 16, 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -426,15 +249,9 @@ export default function LandingPage() {
|
||||
description="Have questions about F1 racing technology?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-office-analyzing-checking-finance-graphs_23-2150377196.jpg"
|
||||
buttonText="Send Query"
|
||||
|
||||
Reference in New Issue
Block a user