Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
+import MediaAbout from "@/components/sections/about/MediaAbout";
+import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FaqBase from "@/components/sections/faq/FaqBase";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Award, Crown, Gauge, Users, Zap } from "lucide-react";
+import { Award, Gauge, Users, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,7 +42,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
+        <HeroBillboardGallery
           title="Antonio – Wo Exzellenz auf Leidenschaft trifft"
           description="Erleben Sie die Crème de la Crème der Automobilkunst. Luxus für jeden, der es versteht."
           background={{ variant: "plain" }}
@@ -48,29 +50,28 @@ export default function LandingPage() {
             { text: "Showroom erkunden", href: "#showroom" },
             { text: "Mehr erfahren", href: "#philosophy" }
           ]}
-          carouselItems={[
+          mediaItems={[
             {
-              id: "hero-1",              imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24741.jpg?_wi=1",              imageAlt: "luxury car vehicle front automotive exotic premium"
+              imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24741.jpg?_wi=1",              imageAlt: "luxury car vehicle front automotive exotic premium"
             },
             {
-              id: "hero-2",              imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg?_wi=1",              imageAlt: "luxury sedan black car premium vehicle automotive"
+              imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg?_wi=1",              imageAlt: "luxury sedan black car premium vehicle automotive"
             },
             {
-              id: "hero-3",              imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg?_wi=1",              imageAlt: "sports car exotic vehicle luxury automotive premium"
+              imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg?_wi=1",              imageAlt: "sports car exotic vehicle luxury automotive premium"
             },
             {
-              id: "hero-4",              imageSrc: "http://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg?_wi=1",              imageAlt: "performance car luxury vehicle automotive showcase premium"
+              imageSrc: "http://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg?_wi=1",              imageAlt: "performance car luxury vehicle automotive showcase premium"
             },
             {
-              id: "hero-5",              imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24741.jpg?_wi=2",              imageAlt: "luxury car vehicle front automotive exotic premium"
+              imageSrc: "http://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24741.jpg?_wi=2",              imageAlt: "luxury car vehicle front automotive exotic premium"
             },
             {
-              id: "hero-6",              imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg?_wi=2",              imageAlt: "luxury sedan black car premium vehicle automotive"
+              imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg?_wi=2",              imageAlt: "luxury sedan black car premium vehicle automotive"
             }
           ]}
-          autoPlay={true}
-          autoPlayInterval={4000}
-          ariaLabel="Hero carousel with luxury vehicles"
+          mediaAnimation="slide-up"
+          ariaLabel="Hero gallery with luxury vehicles"
         />
       </div>
 
@@ -97,30 +98,32 @@ export default function LandingPage() {
       </div>
 
       <div id="philosophy" data-section="philosophy">
-        <FeatureCardTwentyOne
+        <MediaAbout
           title="Unser Versprechen: Luxus für jeden"
           description="Antonio steht für die Verschmelzung von handwerklicher Perfektion, innovativer Technologie und echtem Leidenschaft für Automobilkunst. Wir glauben, dass Premium-Qualität nicht unerschwinglich sein sollte."
           imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186751.jpg"
           imageAlt="Nahaufnahme von luxuriöser Lederverarbeitung"
-          mediaPosition="left"
-          mediaAnimation="slide-up"
-          accordionItems={[
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardTwelve
+          title="Handwerkliche Exzellenz"
+          description="Jedes Fahrzeug wird mit höchster Präzision und Liebe zum Detail gefertigt. Unsere Meister vereinen traditionelle Handwerkskunst mit modernen Technologien für absolute Perfektion."
+          features={[
             {
-              id: "1",              title: "Handwerkliche Exzellenz",              content: "Jedes Fahrzeug wird mit höchster Präzision und Liebe zum Detail gefertigt. Unsere Meister vereinen traditionelle Handwerkskunst mit modernen Technologien für absolute Perfektion."
+              id: "feature-1",              label: "Performance",              title: "Innovative Performance",              items: ["0-100 km/h in unter 3 Sekunden", "Kraftvolle Motoren mit eleganter Kombination"]
             },
             {
-              id: "2",              title: "Innovative Performance",              content: "0-100 km/h in unter 3 Sekunden. Kraftvolle Motoren, die mit unvergleichlicher Eleganz kombiniert werden. Jede Sekunde zählt, jede Bewegung ist elegant."
+              id: "feature-2",              label: "Nachhaltigkeit",              title: "Nachhaltige Luxus",              items: ["Zukunftstechnologien für Umwelt und Perfektion", "Hybrid- und Elektroantriebe ohne Kompromisse"]
             },
             {
-              id: "3",              title: "Nachhaltige Luxus",              content: "Wir investieren in Zukunftstechnologien, die Umwelt und Perfektion vereinen. Hybrid- und Elektroantriebe ohne Kompromisse bei Leistung oder Eleganz."
-            },
-            {
-              id: "4",              title: "Persönliche Konfiguration",              content: "Ihr Fahrzeug, Ihre Vision. Von Farbe bis Innenraum – wir kreieren Ihre persönliche Traummaschine nach den höchsten Standards."
+              id: "feature-3",              label: "Konfiguration",              title: "Persönliche Konfiguration",              items: ["Ihre Vision, Ihr Fahrzeug", "Kreieren Sie Ihre persönliche Traummaschine"]
             }
           ]}
-          buttons={[
-            { text: "Konfigurieren Sie Ihren Antonio", href: "#contact" }
-          ]}
+          textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={false}
         />
       </div>
@@ -141,17 +144,43 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="VIP-Angebot"
-          title="Privat-Termin buchen"
-          description="In den exklusiven Zirkel eintreten. Vereinbaren Sie Ihren persönlichen Beratungstermin und entdecken Sie Ihre persönliche Konfiguration."
-          tagIcon={Crown}
-          background={{ variant: "plain" }}
+      <div id="faq" data-section="faq">
+        <FaqBase
+          title="Häufig gestellte Fragen"
+          description="Finden Sie Antworten auf häufig gestellte Fragen zu unseren Fahrzeugen und Services."
+          faqs={[
+            {
+              id: "faq-1",              title: "Was macht Antonio-Fahrzeuge einzigartig?",              content: "Antonio-Fahrzeuge kombinieren handwerkliche Perfektion mit innovativer Technologie. Jedes Modell wird mit höchster Präzision gefertigt und durchläuft strenge Qualitätskontrolle."
+            },
+            {
+              id: "faq-2",              title: "Bietet Antonio Leasingoptionen an?",              content: "Ja, wir bieten flexible Leasingoptionen für alle unsere Modelle. Kontaktieren Sie unser VIP-Team für personalisierte Angebote und Finanzierungslösungen."
+            },
+            {
+              id: "faq-3",              title: "Kann ich mein Fahrzeug konfigurieren?",              content: "Absolut! Wir bieten umfangreiche Konfigurationsmöglichkeiten. Von Farben über Innenausstattung bis zu speziellen Features – kreieren Sie Ihren persönlichen Traumwagen."
+            },
+            {
+              id: "faq-4",              title: "Wie lange dauert die Lieferung?",              content: "Die Lieferzeit variiert je nach Konfiguration und aktueller Auslastung. Standardmodelle sind in 8-12 Wochen verfügbar. Maßanfertigungen können bis zu 16 Wochen dauern."
+            },
+            {
+              id: "faq-5",              title: "Welche Garantie bietet Antonio?",              content: "Alle Antonio-Fahrzeuge kommen mit einer umfassenden 5-Jahres-Garantie. Zusätzlich bieten wir erweiterte Garantieoptionen und Premium-Versicherungspakete."
+            }
+          ]}
+          textboxLayout="default"
+          faqsAnimation="slide-up"
           useInvertedBackground={false}
-          inputPlaceholder="Ihre E-Mail-Adresse"
-          buttonText="Beratungstermin anfragen"
-          termsText="Mit dem Absenden akzeptieren Sie unsere Datenschutzrichtlinien. Ihr Termin wird von unserem VIP-Team innerhalb von 24 Stunden bestätigt."
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Kontaktieren Sie uns"
+          description="Vereinbaren Sie einen exklusiven Beratungstermin und entdecken Sie Ihre persönliche Antonio-Konfiguration."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Ihr Name" },
+            { name: "email", type: "email", placeholder: "Ihre E-Mail" }
+          ]}
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
         />
       </div>