Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -28,6 +28,8 @@ export default function LandingPage() {
             navItems={[
               { name: "Home", id: "/" },
               { name: "Vehicles", id: "/vehicles" },
+              { name: "Valkyrion", id: "/valkyrion" },
+              { name: "EON GT", id: "/eon-gt" },
               { name: "Configurator", id: "/configurator" },
               { name: "About", id: "/about" },
             ]}

src/app/vehicles/eon-gt/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterBase from '@/components/sections/footer/FooterBase';
+import TextAbout from '@/components/sections/about/TextAbout';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function EonGtPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="outline"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[{ name: "Home", id: "/" }, { name: "Vehicles", id: "/vehicles" }, { name: "Configurator", id: "/configurator" }, { name: "About", id: "/about" }]}
+          brandName="VALOR PERFORMANCE"
+        />
+        <div className="pt-32 pb-20">
+          <TextAbout
+            title="EON GT"
+            useInvertedBackground={false}
+            buttons={[{ text: "Configure Now", href: "/configurator" }]}
+          />
+        </div>
+        <FooterBase columns={[]} logoText="VALOR PERFORMANCE" copyrightText="© 2025 Valor Performance" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/vehicles/page.tsx

@@ -2,138 +2,45 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
 
-export default function LandingPage() {
+export default function VehiclesPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-magnetic"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="largeSmall"
-        background="none"
-        cardStyle="soft-shadow"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="medium"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="outline"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Vehicles",
-          id: "/vehicles",
-        },
-        {
-          name: "Configurator",
-          id: "/configurator",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-      ]}
-      brandName="VALOR PERFORMANCE"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Not for sale",
-          "Track only",
-          "Extreme setup",
-          "Prohibited road use",
-          "Specialized logistics",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "1.580 PS",
-          "2.600 kg Downforce",
-          "Pure Engineering",
-          "Advanced Metallurgy",
-          "Precision Tuning",
-        ],
-      }}
-      title="VALOR VEHICLES"
-      description="Valor Vehicles sind eigenständig entwickelte Hochleistungsfahrzeuge."
-    />
-  </div>
-
-  <div id="product" data-section="product">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Current Fleet"
-      description="Entdecke unsere aktuellen Prototypen."
-      products={[
-        {
-          id: "v1",
-          name: "Valkyrion",
-          price: "POA",
-          imageSrc: "http://img.b2bpic.net/free-photo/metallic-color-sport-car-bridge-sunset_114579-4083.jpg?_wi=2",
-        },
-        {
-          id: "v2",
-          name: "EON GT",
-          price: "POA",
-          imageSrc: "http://img.b2bpic.net/free-vector/car-background-design_1268-550.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Models",
-          items: [
-            {
-              label: "Valkyrion",
-              href: "/vehicles",
-            },
-            {
-              label: "EON GT",
-              href: "/vehicles",
-            },
-          ],
-        },
-        {
-          title: "Brand",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "The Oath",
-              href: "/about",
-            },
-          ],
-        },
-      ]}
-      logoText="VALOR PERFORMANCE"
-      copyrightText="Private Development Project"
-    />
-  </div>
+        <NavbarStyleApple
+          navItems={[{ name: "Home", id: "/" }, { name: "Vehicles", id: "/vehicles" }, { name: "Configurator", id: "/configurator" }, { name: "About", id: "/about" }]}
+          brandName="VALOR PERFORMANCE"
+        />
+        <div className="pt-32 pb-20">
+          <ProductCardThree
+            title="OUR VEHICLES"
+            description="Engineered for ultimate performance."
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "v1", name: "Valkyrion", price: "$250,000", imageSrc: "https://images.unsplash.com/photo-1542362567-b07e542567dc", priceButtonProps: { href: "/vehicles/valkyrion" } },
+              { id: "v2", name: "EON GT", price: "$180,000", imageSrc: "https://images.unsplash.com/photo-1580273916550-e323be2ae537", priceButtonProps: { href: "/vehicles/eon-gt" } }
+            ]}
+          />
+        </div>
+        <FooterBase columns={[]} logoText="VALOR PERFORMANCE" copyrightText="© 2025 Valor Performance" />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/vehicles/valkyrion/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterBase from '@/components/sections/footer/FooterBase';
+import TextAbout from '@/components/sections/about/TextAbout';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function ValkyrionPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="none"
+      cardStyle="outline"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[{ name: "Home", id: "/" }, { name: "Vehicles", id: "/vehicles" }, { name: "Configurator", id: "/configurator" }, { name: "About", id: "/about" }]}
+          brandName="VALOR PERFORMANCE"
+        />
+        <div className="pt-32 pb-20">
+          <TextAbout
+            title="VALKYRION"
+            useInvertedBackground={false}
+            buttons={[{ text: "Configure Now", href: "/configurator" }]}
+          />
+        </div>
+        <FooterBase columns={[]} logoText="VALOR PERFORMANCE" copyrightText="© 2025 Valor Performance" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}