Merge version_2 into main

Merge version_2 into main

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,24 @@ 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
+      <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 }}
       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"
     />
   </div>
 
@@ -127,10 +104,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 +113,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>
   );
-}
+}