Merge version_2 into main #3
111
src/app/page.tsx
111
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -28,26 +28,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Launchpad", id: "/"},
|
||||
{
|
||||
name: "Engineering", id: "/engineering"},
|
||||
{
|
||||
name: "Cockpit", id: "/cockpit"},
|
||||
{
|
||||
name: "Aero", id: "/aero"},
|
||||
{
|
||||
name: "Calendar", id: "/calendar"},
|
||||
{
|
||||
name: "Pit Stop", id: "/pitstop"},
|
||||
{
|
||||
name: "Hall of Fame", id: "/legacy"},
|
||||
{
|
||||
name: "Telemetry", id: "/telemetry"},
|
||||
{
|
||||
name: "Configurator", id: "/garage"},
|
||||
{
|
||||
name: "Victory", id: "/victory"},
|
||||
{ name: "Launchpad", id: "/" },
|
||||
{ name: "Engineering", id: "/engineering" },
|
||||
{ name: "Cockpit", id: "/cockpit" },
|
||||
{ name: "Aero", id: "/aero" },
|
||||
{ name: "Calendar", id: "/calendar" },
|
||||
{ name: "Pit Stop", id: "/pitstop" },
|
||||
{ name: "Hall of Fame", id: "/legacy" },
|
||||
{ name: "Telemetry", id: "/telemetry" },
|
||||
{ name: "Configurator", id: "/garage" },
|
||||
{ name: "Victory", id: "/victory" },
|
||||
]}
|
||||
brandName="F1 2026"
|
||||
/>
|
||||
@@ -55,14 +45,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="BREAK THE LIMITS"
|
||||
description="Step into the 2026 F1 future where speed meets industrial precision. Experience the next era of aerodynamic evolution."
|
||||
buttons={[
|
||||
{
|
||||
text: "JOIN THE PADDOCK", href: "/garage"},
|
||||
]}
|
||||
buttons={[{ text: "JOIN THE PADDOCK", href: "/garage" }]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/a-hyper-realistic-cinematic-2026-f1-conc-1774775769829-a70716ad.png?_wi=1"
|
||||
@@ -76,8 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Official Partners"
|
||||
description="Collaborating with elite motorsport technology pioneers."
|
||||
names={[
|
||||
"Pirelli", "Brembo", "Mercedes-AMG", "Oracle", "AWS"]}
|
||||
names={["Pirelli", "Brembo", "Mercedes-AMG", "Oracle", "AWS"]}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,32 +75,23 @@ export default function LandingPage() {
|
||||
title="Membership Levels"
|
||||
description="Unlock exclusive telemetry data and driver legacy access."
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Core", price: "$0", subtitle: "Basic access", features: [
|
||||
"Engine insights", "Track map"],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Pro", price: "$19", subtitle: "Advanced tools", features: [
|
||||
"Live telemetry", "Garage access", "Full data"],
|
||||
},
|
||||
{
|
||||
id: "3", badge: "Elite", price: "$49", subtitle: "Full experience", features: [
|
||||
"Direct radio", "Pit comms", "Priority access", "Hall of Fame"],
|
||||
},
|
||||
{ id: "1", badge: "Core", price: "$0", subtitle: "Basic access", features: ["Engine insights", "Track map"] },
|
||||
{ id: "2", badge: "Pro", price: "$19", subtitle: "Advanced tools", features: ["Live telemetry", "Garage access", "Full data"] },
|
||||
{ id: "3", badge: "Elite", price: "$49", subtitle: "Full experience", features: ["Direct radio", "Pit comms", "Priority access", "Hall of Fame"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="CONTACT"
|
||||
title="Join the Evolution"
|
||||
description="Stay updated on the 2026 season developments."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/a-hyper-realistic-cinematic-2026-f1-conc-1774775769829-a70716ad.png?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
<ContactSplitForm
|
||||
title="Cafe Reservations & Contact"
|
||||
description="Visit us at the trackside cafe. Open daily 9am - 9pm."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requests or booking details?", rows: 4 }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,10 +103,8 @@ export default function LandingPage() {
|
||||
title="Latest Insights"
|
||||
description="News from the world of hyper-performance."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1", category: "Tech", title: "2026 Aero Rules", excerpt: "Deep dive into new wing designs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/wind-tunnel-testing-of-an-f1-car-visible-1774775769923-0749bad9.png?_wi=1", authorName: "Expert", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/first-person-pov-from-inside-a-futuristi-1774775769936-aec28cb3.png", date: "Jan 2026"},
|
||||
{
|
||||
id: "b2", category: "Team", title: "Pit Lane Tactics", excerpt: "How to save milliseconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/cinematic-slow-motion-3d-scene-of-an-f1--1774775768664-9f40394b.png?_wi=1", authorName: "Strategist", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/first-person-pov-from-inside-a-futuristi-1774775769936-aec28cb3.png", date: "Feb 2026"},
|
||||
{ id: "b1", category: "Tech", title: "2026 Aero Rules", excerpt: "Deep dive into new wing designs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/wind-tunnel-testing-of-an-f1-car-visible-1774775769923-0749bad9.png?_wi=1", authorName: "Expert", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/first-person-pov-from-inside-a-futuristi-1774775769936-aec28cb3.png", date: "Jan 2026" },
|
||||
{ id: "b2", category: "Team", title: "Pit Lane Tactics", excerpt: "How to save milliseconds.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/cinematic-slow-motion-3d-scene-of-an-f1--1774775768664-9f40394b.png?_wi=1", authorName: "Strategist", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc5kRvEfnZFDtVXK4zWrJtTwy5/first-person-pov-from-inside-a-futuristi-1774775769936-aec28cb3.png", date: "Feb 2026" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,34 +112,13 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Experience", items: [
|
||||
{
|
||||
label: "Engineering", href: "/engineering"},
|
||||
{
|
||||
label: "Telemetry", href: "/telemetry"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legacy", items: [
|
||||
{
|
||||
label: "Drivers", href: "/legacy"},
|
||||
{
|
||||
label: "Calendar", href: "/calendar"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Garage", href: "/garage"},
|
||||
{
|
||||
label: "Join", href: "/victory"},
|
||||
],
|
||||
},
|
||||
{ title: "Cafe", items: [{ label: "Reservations", href: "#contact" }, { label: "Find Us", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Support", href: "mailto:support@f12026.com" }, { label: "Join", href: "/victory" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user