Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -6,18 +6,15 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
-import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Zap, Gauge, Flame, BatteryCharging, Trophy, ShieldCheck, Settings, Users, Sparkles, ArrowUpRight } from "lucide-react";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import { Zap, Gauge, Flame, BatteryCharging, Trophy, ArrowUpRight, Award } from "lucide-react";
 
 export default function Porsche918Page() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="918 Spyder"
@@ -55,6 +52,7 @@ export default function Porsche918Page() {
           description="Experience the combination of a high-revving naturally aspirated V8 engine and two sophisticated electric motors."
           textboxLayout="default"
           useInvertedBackground={false}
+          animationType="slide-up"
           features={[
             {
               title: "Race-Inspired Hybrid",              description: "A combined output of 887 horsepower allows for breathtaking acceleration and track-dominating speed.",              bentoComponent: "reveal-icon",              icon: Flame,
@@ -85,25 +83,34 @@ export default function Porsche918Page() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           metrics={[
             { id: "hp", value: "887", title: "Horsepower", description: "Total system output", icon: Gauge },
             { id: "0-60", value: "2.2s", title: "0-60 MPH", description: "Lightning quick start", icon: Zap },
             { id: "speed", value: "214", title: "Top Speed", description: "Max MPH reached", icon: Trophy },
           ]}
         />
-        <TestimonialCardFifteen
-          testimonial="The 918 Spyder isn't just a car; it's a statement. The way the electric torque blends with the V8 howl is an automotive experience unlike any other I've ever felt behind the wheel."
-          rating={5}
-          author="— Automotive Journalist & Supercar Collector"
-          avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v8kv8f", alt: "Collector" }]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
+        <TestimonialCardTwelve
+          cardTitle="The Collector's Crown Jewel"
+          cardTag="Provenance"
+          cardTagIcon={Award}
+          cardAnimation="slide-up"
+          testimonials={[
+            { 
+              id: "t1", 
+              name: "Walter Röhrl, Porsche Legend", 
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v8kv8f" 
+            }
+          ]}
+          useInvertedBackground={false}
         />
         <ContactCTA
           tag="Own the Legend"
           title="Interested in 918 Ownership?"
           description="As one of the rarest modern hypercars, the 918 Spyder remains a prized asset for the world's most discerning collectors. Reach out to our heritage team."
           buttons={[{ text: "Contact Heritage Team", href: "#contact" }]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
         <FooterBase
           logoText="918 Spyder"
@@ -115,4 +122,4 @@ export default function Porsche918Page() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}