Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Inventar",
+          name: "Inventar",          id: "inventory"},
-          id: "inventory",
-        },
         {
-          name: "Dienstleistungen",
+          name: "Dienstleistungen",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="GARAGE DONI"
     />
@@ -54,97 +46,51 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Exzellenz in Bewegung"
       description="Ihr exklusiver Partner für automobile Meisterwerke."
       testimonials={[
         {
-          name: "Markus S.",
+          name: "Markus S.",          handle: "@ms_ch",          testimonial: "Hervorragender Service und exklusive Auswahl. Absolut empfehlenswert.",          rating: 5,
-          handle: "@ms_ch",
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=1",          imageAlt: "luxury sports car vector"},
-          testimonial: "Hervorragender Service und exklusive Auswahl. Absolut empfehlenswert.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=1",
-          imageAlt: "luxury sports car vector",
-        },
         {
-          name: "Elena V.",
+          name: "Elena V.",          handle: "@ev_at",          testimonial: "Einzigartiges Kauferlebnis für meinen Sportwagen.",          rating: 5,
-          handle: "@ev_at",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=1",          imageAlt: "luxury car inventory"},
-          testimonial: "Einzigartiges Kauferlebnis für meinen Sportwagen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=1",
-          imageAlt: "luxury car inventory",
-        },
         {
-          name: "Jürgen K.",
+          name: "Jürgen K.",          handle: "@jk_de",          testimonial: "Profi bei Import und Finanzierung.",          rating: 5,
-          handle: "@jk_de",
+          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=1",          imageAlt: "car repair icon"},
-          testimonial: "Profi bei Import und Finanzierung.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=1",
-          imageAlt: "car repair icon",
-        },
         {
-          name: "Stefan R.",
+          name: "Stefan R.",          handle: "@sr_ch",          testimonial: "Top Qualität und Beratung.",          rating: 5,
-          handle: "@sr_ch",
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=2",          imageAlt: "luxury sports car vector"},
-          testimonial: "Top Qualität und Beratung.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=2",
-          imageAlt: "luxury sports car vector",
-        },
         {
-          name: "Lisa M.",
+          name: "Lisa M.",          handle: "@lm_at",          testimonial: "Garage Doni setzt Massstäbe.",          rating: 5,
-          handle: "@lm_at",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=2",          imageAlt: "luxury car inventory"},
-          testimonial: "Garage Doni setzt Massstäbe.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=2",
-          imageAlt: "luxury car inventory",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=3"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
+          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
+          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
+          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
+          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
+          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Über 500 zufriedene Kunden"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "LUXUS"},
-          text: "LUXUS",
-        },
         {
-          type: "text",
+          type: "text",          text: "PRÄZISION"},
-          text: "PRÄZISION",
-        },
         {
-          type: "text",
+          type: "text",          text: "QUALITÄT"},
-          text: "QUALITÄT",
-        },
         {
-          type: "text",
+          type: "text",          text: "LEIDENSCHAFT"},
-          text: "LEIDENSCHAFT",
-        },
         {
-          type: "text",
+          type: "text",          text: "EXKLUSIVITÄT"},
-          text: "EXKLUSIVITÄT",
-        },
       ]}
     />
   </div>
@@ -156,20 +102,11 @@ export default function LandingPage() {
       tag="Unsere Bilanz"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15+",          description: "Jahre Erfahrung"},
-          value: "15+",
-          description: "Jahre Erfahrung",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "500+",          description: "Fahrzeuge vermittelt"},
-          value: "500+",
-          description: "Fahrzeuge vermittelt",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "CH/AT/DE",          description: "Marktabdeckung"},
-          value: "CH/AT/DE",
-          description: "Marktabdeckung",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -183,59 +120,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "c1",
+          id: "c1",          brand: "Doni Special",          name: "Grand Tourer V12",          price: "CHF 250,000",          rating: 5,
-          brand: "Doni Special",
+          reviewCount: "New",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=3"},
-          name: "Grand Tourer V12",
-          price: "CHF 250,000",
-          rating: 5,
-          reviewCount: "New",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=3",
-        },
         {
-          id: "c2",
+          id: "c2",          brand: "Doni Special",          name: "Sport Coupé",          price: "CHF 180,000",          rating: 5,
-          brand: "Doni Special",
+          reviewCount: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=4"},
-          name: "Sport Coupé",
-          price: "CHF 180,000",
-          rating: 5,
-          reviewCount: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=4",
-        },
         {
-          id: "c3",
+          id: "c3",          brand: "Doni Special",          name: "Roadster Edition",          price: "CHF 120,000",          rating: 4,
-          brand: "Doni Special",
+          reviewCount: "Reserved",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=5"},
-          name: "Roadster Edition",
-          price: "CHF 120,000",
-          rating: 4,
-          reviewCount: "Reserved",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=5",
-        },
         {
-          id: "c4",
+          id: "c4",          brand: "Doni Special",          name: "Limousine Gold",          price: "CHF 310,000",          rating: 5,
-          brand: "Doni Special",
+          reviewCount: "New",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=6"},
-          name: "Limousine Gold",
-          price: "CHF 310,000",
-          rating: 5,
-          reviewCount: "New",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=6",
-        },
         {
-          id: "c5",
+          id: "c5",          brand: "Doni Special",          name: "City Agile",          price: "CHF 85,000",          rating: 4,
-          brand: "Doni Special",
+          reviewCount: "Available",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=7"},
-          name: "City Agile",
-          price: "CHF 85,000",
-          rating: 4,
-          reviewCount: "Available",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=7",
-        },
         {
-          id: "c6",
+          id: "c6",          brand: "Doni Special",          name: "Classic 1970",          price: "CHF 450,000",          rating: 5,
-          brand: "Doni Special",
+          reviewCount: "Featured",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=8"},
-          name: "Classic 1970",
-          price: "CHF 450,000",
-          rating: 5,
-          reviewCount: "Featured",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274548.jpg?_wi=8",
-        },
       ]}
       title="Aktuelle Highlights"
       description="Unsere exklusive Auswahl an Luxusfahrzeugen."
@@ -247,9 +148,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Die Geschichte hinter der D-Linie"
       description={[
-        "Garage Doni verkörpert Präzision, Leidenschaft und zeitloses Design.",
+        "Garage Doni verkörpert Präzision, Leidenschaft und zeitloses Design.",        "Über 15 Jahre Erfahrung im Luxussegment machen uns zur ersten Adresse."]}
-        "Über 15 Jahre Erfahrung im Luxussegment machen uns zur ersten Adresse.",
-      ]}
     />
   </div>
 
@@ -260,53 +159,29 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "s1",
+          id: "s1",          title: "Occasionen",          descriptions: [
-          title: "Occasionen",
+            "Geprüfte Premiumfahrzeuge."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=2"},
-            "Geprüfte Premiumfahrzeuge.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=2",
-        },
         {
-          id: "s2",
+          id: "s2",          title: "Ankauf",          descriptions: [
-          title: "Ankauf",
+            "Faire Marktpreise."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=3"},
-            "Faire Marktpreise.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=3",
-        },
         {
-          id: "s3",
+          id: "s3",          title: "Service",          descriptions: [
-          title: "Service",
+            "Werkstatt auf Top-Niveau."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=4"},
-            "Werkstatt auf Top-Niveau.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=4",
-        },
         {
-          id: "s4",
+          id: "s4",          title: "Import",          descriptions: [
-          title: "Import",
+            "Sorglos-Paket."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=5"},
-            "Sorglos-Paket.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=5",
-        },
         {
-          id: "s5",
+          id: "s5",          title: "Finanzierung",          descriptions: [
-          title: "Finanzierung",
+            "Massgeschneiderte Konzepte."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=6"},
-            "Massgeschneiderte Konzepte.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=6",
-        },
         {
-          id: "s6",
+          id: "s6",          title: "Garantie",          descriptions: [
-          title: "Garantie",
+            "Sicherheit inklusive."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=7"},
-            "Sicherheit inklusive.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg?_wi=7",
-        },
       ]}
       title="Unsere Services"
       description="Alles aus einer Hand für Ihr automobiles Vergnügen."
@@ -314,50 +189,34 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactText
-      useInvertedBackground={false}
+        text="Besuchen Sie unser Showroom in Diepoldsau oder lassen Sie sich persönlich beraten."
-      background={{
+        background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient",
+        useInvertedBackground={false}
-      }}
+        buttons={[{ text: "Jetzt Kontaktieren", href: "mailto:info@garagedoni.ch" }]} 
-      title="Kontaktieren Sie uns"
+      />
-      description="Besuchen Sie uns in Diepoldsau oder rufen Sie uns direkt an."
-      mediaAnimation="slide-up"
-      inputPlaceholder="Ihre E-Mail"
-      buttonText="Anfrage senden"
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg?_wi=4"
-      tag="Kontakt"
-    />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
-      columns={[
+        logoText="GARAGE DONI"
-        {
+        columns={[
-          title: "Standort",
+          {
-          items: [
+            title: "Navigation",            items: [
-            {
+              { label: "Inventar", href: "#inventory" },
-              label: "Hohenemserstrasse 42, CH-9444 Diepoldsau",
+              { label: "Dienstleistungen", href: "#services" },
-              href: "#contact",
+              { label: "Kontakt", href: "#contact" }
-            },
+            ]
-          ],
+          },
-        },
+          {
-        {
+            title: "Rechtliches",            items: [
-          title: "Links",
+              { label: "Datenschutz", href: "/datenschutz" },
-          items: [
+              { label: "Impressum", href: "/impressum" }
-            {
+            ]
-              label: "Inventar",
+          }
-              href: "#inventory",
+        ]}
-            },
+        copyrightText="© 2025 GARAGE DONI. Alle Rechte vorbehalten."
-            {
+      />
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-      ]}
-      logoText="GARAGE DONI"
-      copyrightText="© 2025 | Garage Doni"
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>