Merge version_1 into main #2
172
src/app/page.tsx
172
src/app/page.tsx
@@ -30,29 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "/",
|
||||
},
|
||||
name: "Dashboard", id: "/"},
|
||||
{
|
||||
name: "Predictions",
|
||||
id: "/predictions",
|
||||
},
|
||||
name: "Predictions", id: "/predictions"},
|
||||
{
|
||||
name: "Analysis",
|
||||
id: "/analysis",
|
||||
},
|
||||
name: "Analysis", id: "/analysis"},
|
||||
{
|
||||
name: "Scenarios",
|
||||
id: "/scenarios",
|
||||
},
|
||||
name: "Scenarios", id: "/scenarios"},
|
||||
{
|
||||
name: "History",
|
||||
id: "/history",
|
||||
},
|
||||
name: "History", id: "/history"},
|
||||
{
|
||||
name: "Settings",
|
||||
id: "/settings",
|
||||
},
|
||||
name: "Settings", id: "/settings"},
|
||||
]}
|
||||
brandName="F1 PredictPro"
|
||||
/>
|
||||
@@ -61,41 +49,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="F1 PredictPro: Dominate the Grid"
|
||||
description="Unlock the power of AI-driven Formula 1 predictions. Analyze race outcomes, driver performance, and strategic insights like never before."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-carousel-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg?_wi=1",
|
||||
imageAlt: "F1 car on track at sunset with data overlay",
|
||||
},
|
||||
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg", imageAlt: "F1 car on track at sunset with data overlay"},
|
||||
{
|
||||
id: "hero-carousel-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-look-mockup-screen-monitoring-room_482257-85969.jpg?_wi=1",
|
||||
imageAlt: "Pit wall display with F1 telemetry data",
|
||||
},
|
||||
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-look-mockup-screen-monitoring-room_482257-85969.jpg", imageAlt: "Pit wall display with F1 telemetry data"},
|
||||
{
|
||||
id: "hero-carousel-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828184.jpg?_wi=1",
|
||||
imageAlt: "F1 driver in cockpit with digital HUD",
|
||||
},
|
||||
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828184.jpg", imageAlt: "F1 driver in cockpit with digital HUD"},
|
||||
{
|
||||
id: "hero-carousel-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/railroad-track-tunnel_1359-641.jpg",
|
||||
imageAlt: "Abstract visualization of F1 race telemetry",
|
||||
},
|
||||
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/railroad-track-tunnel_1359-641.jpg", imageAlt: "Abstract visualization of F1 race telemetry"},
|
||||
{
|
||||
id: "hero-carousel-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-975.jpg",
|
||||
imageAlt: "F1 car speeding with motion blur and digital effects",
|
||||
},
|
||||
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-975.jpg", imageAlt: "F1 car speeding with motion blur and digital effects"},
|
||||
{
|
||||
id: "hero-carousel-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background-with-lights-star-shape_23-2147815436.jpg",
|
||||
imageAlt: "F1 victory celebration with holographic data",
|
||||
},
|
||||
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/bokeh-background-with-lights-star-shape_23-2147815436.jpg", imageAlt: "F1 victory celebration with holographic data"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,17 +77,11 @@ export default function LandingPage() {
|
||||
description="We combine FastF1 data, advanced machine learning, and deep F1 expertise to deliver unparalleled race analytics. From historical data ingestion to real-time model predictions, we cover every aspect of the sport."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Historical Data Collection",
|
||||
description: "Seamlessly ingest race data from 2021 onwards, ensuring clean and consistent datasets.",
|
||||
},
|
||||
title: "Historical Data Collection", description: "Seamlessly ingest race data from 2021 onwards, ensuring clean and consistent datasets."},
|
||||
{
|
||||
title: "Advanced ML Models",
|
||||
description: "Utilize XGBoost and LightGBM to predict finishing positions, podiums, and top 10 probabilities.",
|
||||
},
|
||||
title: "Advanced ML Models", description: "Utilize XGBoost and LightGBM to predict finishing positions, podiums, and top 10 probabilities."},
|
||||
{
|
||||
title: "Interactive Dashboards",
|
||||
description: "Visualize complex data and model outputs with intuitive and high-fidelity interfaces.",
|
||||
},
|
||||
title: "Interactive Dashboards", description: "Visualize complex data and model outputs with intuitive and high-fidelity interfaces."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591534.jpg"
|
||||
imageAlt="F1 data pipeline flowing into a database"
|
||||
@@ -133,33 +96,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Data Ingestion",
|
||||
description: "Automated pipeline for FastF1 data, from schedules to weather telemetry.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-white-blue-lights_250224-200.jpg",
|
||||
imageAlt: "Red, white, and blue lights",
|
||||
title: "Data Ingestion", description: "Automated pipeline for FastF1 data, from schedules to weather telemetry.", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "Predictive Modeling",
|
||||
description: "Multiple ML models forecast race finishing positions and key probabilities.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dark-background-with-purple-lines-generative-ai_169016-30674.jpg?_wi=2",
|
||||
imageAlt: "Red, white, and blue lights",
|
||||
title: "Predictive Modeling", description: "Multiple ML models forecast race finishing positions and key probabilities.", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Interactive Dashboards",
|
||||
description: "Explore race outcomes, driver comparisons, and tire strategies visually.",
|
||||
bentoComponent: "map",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-employees-look-mockup-screen-monitoring-room_482257-85969.jpg?_wi=2",
|
||||
imageAlt: "Red, white, and blue lights",
|
||||
title: "Interactive Dashboards", description: "Explore race outcomes, driver comparisons, and tire strategies visually.", bentoComponent: "map"
|
||||
},
|
||||
{
|
||||
title: "Scenario Simulation",
|
||||
description: "Test 'what-if' scenarios to understand the impact of race variables.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828184.jpg?_wi=2",
|
||||
imageAlt: "Red, white, and blue lights",
|
||||
title: "Scenario Simulation", description: "Test 'what-if' scenarios to understand the impact of race variables.", bentoComponent: "reveal-icon", icon: BarChart
|
||||
},
|
||||
]}
|
||||
title="Precision Analytics, Real-time Insights"
|
||||
@@ -174,34 +120,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "1.5M+",
|
||||
title: "Data Points Processed",
|
||||
items: [
|
||||
"Track telemetry",
|
||||
"Driver performance",
|
||||
"Race conditions",
|
||||
],
|
||||
id: "metric-1", value: "1.5M+", title: "Data Points Processed", items: [
|
||||
"Track telemetry", "Driver performance", "Race conditions"],
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "10+",
|
||||
title: "Unique Models Trained",
|
||||
items: [
|
||||
"Regression",
|
||||
"Classification",
|
||||
"Position gain",
|
||||
],
|
||||
id: "metric-2", value: "10+", title: "Unique Models Trained", items: [
|
||||
"Regression", "Classification", "Position gain"],
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "±1.2",
|
||||
title: "Avg MAE (Positions)",
|
||||
items: [
|
||||
"Finishing position",
|
||||
"Validation results",
|
||||
"Season 2023",
|
||||
],
|
||||
id: "metric-3", value: "±1.2", title: "Avg MAE (Positions)", items: [
|
||||
"Finishing position", "Validation results", "Season 2023"],
|
||||
},
|
||||
]}
|
||||
title="Impact & Accuracy"
|
||||
@@ -218,45 +146,15 @@ export default function LandingPage() {
|
||||
description="Dive deeper into the statistics that power our predictions, showcasing our commitment to accuracy and innovation."
|
||||
metrics={[
|
||||
{
|
||||
id: "extra-metric-1",
|
||||
value: "95%",
|
||||
title: "Predictive Power",
|
||||
description: "Our models accurately forecast race outcomes with industry-leading precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
imageAlt: "Technician optimizing data center equipment for maximum efficiency",
|
||||
},
|
||||
id: "extra-metric-1", value: "95%", title: "Predictive Power", description: "Our models accurately forecast race outcomes with industry-leading precision.", imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", imageAlt: "Technician optimizing data center equipment for maximum efficiency"},
|
||||
{
|
||||
id: "extra-metric-2",
|
||||
value: "10ms",
|
||||
title: "Real-time Processing",
|
||||
description: "Ingest and analyze millions of data points per second for live insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-speed-optical-cable-fast-data-broadband-transfer-fiber-connection-abstract-tech-background_272375-5425.jpg",
|
||||
imageAlt: "High speed optical cable fast data broadband transfer fiber connection abstract tech background",
|
||||
},
|
||||
id: "extra-metric-2", value: "10ms", title: "Real-time Processing", description: "Ingest and analyze millions of data points per second for live insights.", imageSrc: "http://img.b2bpic.net/free-photo/high-speed-optical-cable-fast-data-broadband-transfer-fiber-connection-abstract-tech-background_272375-5425.jpg", imageAlt: "High speed optical cable fast data broadband transfer fiber connection abstract tech background"},
|
||||
{
|
||||
id: "extra-metric-3",
|
||||
value: "98%",
|
||||
title: "Scenario Accuracy",
|
||||
description: "Validated simulations against real-world race events prove reliability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-paper_23-2147965760.jpg",
|
||||
imageAlt: "Planning strategy on paper",
|
||||
},
|
||||
id: "extra-metric-3", value: "98%", title: "Scenario Accuracy", description: "Validated simulations against real-world race events prove reliability.", imageSrc: "http://img.b2bpic.net/free-photo/planning-strategy-paper_23-2147965760.jpg", imageAlt: "Planning strategy on paper"},
|
||||
{
|
||||
id: "extra-metric-4",
|
||||
value: "Ongoing",
|
||||
title: "Adaptive Learning",
|
||||
description: "Models continuously improve and refine with every new race data input.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg",
|
||||
imageAlt: "Mock Up Animation of Financial Stock Market Data Software With Different Diagrams And Graphs",
|
||||
},
|
||||
id: "extra-metric-4", value: "Ongoing", title: "Adaptive Learning", description: "Models continuously improve and refine with every new race data input.", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "Mock Up Animation of Financial Stock Market Data Software With Different Diagrams And Graphs"},
|
||||
{
|
||||
id: "extra-metric-5",
|
||||
value: "Trusted",
|
||||
title: "User Confidence",
|
||||
description: "Trusted by F1 analysts and enthusiasts globally for critical insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-redhead-man-formal-wear-holding-tablet-studio-against-dark-textured-wall_613910-20259.jpg",
|
||||
imageAlt: "Handsome redhead man in formal wear holding a tablet in studio against a dark textured wall",
|
||||
},
|
||||
id: "extra-metric-5", value: "Trusted", title: "User Confidence", description: "Trusted by F1 analysts and enthusiasts globally for critical insights.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-redhead-man-formal-wear-holding-tablet-studio-against-dark-textured-wall_613910-20259.jpg", imageAlt: "Handsome redhead man in formal wear holding a tablet in studio against a dark textured wall"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -265,13 +163,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="F1 PredictPro"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user