Merge version_4 into main

Merge version_4 into main

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

@@ -8,7 +8,18 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 
 export default function EonGtPage() {
   return (
-    <ThemeProvider>
+    <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" }]}
@@ -17,7 +28,7 @@ export default function EonGtPage() {
         <div className="pt-32 pb-20">
           <TextAbout
             title="EON GT"
-            description={["Unmatched long-distance touring performance redefined for the modern driver."]}
+            useInvertedBackground={false}
             buttons={[{ text: "Configure Now", href: "/configurator" }]}
           />
         </div>

src/app/vehicles/page.tsx

@@ -32,6 +32,7 @@ export default function VehiclesPage() {
             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" } }

src/app/vehicles/valkyrion/page.tsx

@@ -8,7 +8,18 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 
 export default function ValkyrionPage() {
   return (
-    <ThemeProvider>
+    <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" }]}
@@ -17,7 +28,7 @@ export default function ValkyrionPage() {
         <div className="pt-32 pb-20">
           <TextAbout
             title="VALKYRION"
-            description={["The pinnacle of hypercar engineering. Combining raw power with absolute precision."]}
+            useInvertedBackground={false}
             buttons={[{ text: "Configure Now", href: "/configurator" }]}
           />
         </div>