Update src/app/uber-uns/page.tsx

Merge version_2 into main

src/app/kontakt/page.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import Link from "next/link";
 import { Phone, Mail, MapPin } from "lucide-react";
 
 export default function ContactPage() {
@@ -29,83 +29,66 @@ export default function ContactPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Franke & Twiehaus"
-          navItems={navItems.map((item) => ({
+          navItems={navItems}
-            name: item.name,
-            id: item.id,
-          }))}
           button={{
-            text: "Jetzt anrufen",
+            text: "Jetzt anrufen",            href: "tel:+49591123456"}}
-            href: "tel:+49591123456",
-          }}
         />
       </div>
 
-      <div id="contact-info" data-section="contact-info">
+      {/* Primary Contact CTA Section */}
-        <FeatureCardMedia
+      <div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6 py-12 md:py-20">
-          title="Kontaktieren Sie uns"
-          description="Mehrere Möglichkeiten, um mit uns in Verbindung zu treten"
-          tag="Kontaktmöglichkeiten"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              id: "1",
-              title: "Telefon",
-              description: "Rufen Sie uns direkt an für schnelle Anfragen und Terminvereinbarungen.",
-              tag: "Direkter Kontakt",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg?_wi=3",
-              imageAlt: "automotive diagnostic scanner equipment",
-            },
-            {
-              id: "2",
-              title: "Besuch in der Werkstatt",
-              description: "Besuchen Sie uns vor Ort in Lingen. Gerne zeigen wir Ihnen unsere modernen Einrichtungen.",
-              tag: "Vor Ort",
-              imageSrc: "http://img.b2bpic.net/free-photo/two-guys-talking-about-work-work-garage-near-truck-transfer-documents-with-goods_1157-46506.jpg?_wi=2",
-              imageAlt: "modern vehicle repair workshop garage",
-            },
-            {
-              id: "3",
-              title: "Termin Online Anfragen",
-              description: "Füllen Sie das Kontaktformular aus und wir melden uns mit Terminvorschlägen bei Ihnen.",
-              tag: "Online",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-reviewing-spacecraft-metrics-tablet_482257-126219.jpg?_wi=3",
-              imageAlt: "vehicle maintenance inspection checklist",
-            },
-          ]}
-        />
-      </div>
-
-      <div id="contact-cta" data-section="contact-cta">
         <ContactCTA
-          tag="Jetzt handeln"
+          tag="Kontakt"
           tagIcon={Phone}
-          title="Vereinbaren Sie jetzt einen Termin"
+          title="Kontaktieren Sie uns jetzt"
-          description="Ihr Fahrzeug verdient professionelle Pflege. Kontaktieren Sie uns heute noch für eine Beratung oder Terminvereinbarung. Wir freuen uns auf Sie!"
+          description="Haben Sie Fragen zu unseren Services oder möchten einen Termin vereinbaren? Wir sind für Sie erreichbar und freuen uns auf Ihre Anfrage. Rufen Sie uns an oder senden Sie eine Nachricht."
           buttons={[
             {
-              text: "Jetzt anrufen",
+              text: "Jetzt anrufen",              href: "tel:+49591123456"},
-              href: "tel:+49591123456",
-            },
             {
-              text: "Termin anfragen",
+              text: "E-Mail schreiben",              href: "mailto:info@franke-twiehaus.de"},
-              href: "/kontakt",
-            },
           ]}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>
 
+      {/* Testimonials as Social Proof Section */}
+      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6 py-12 md:py-20">
+        <TestimonialCardThirteen
+          title="Zufriedene Kunden berichten"
+          description="Lesen Sie, was unsere Kunden über uns sagen"
+          tag="Kundenstimmen"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          showRating={true}
+          animationType="slide-up"
+          testimonials={[
+            {
+              id: "1",              name: "Hans Müller",              handle: "Bauunternehmen Müller",              testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-arms-crossed_1098-58.jpg?_wi=3",              imageAlt: "Hans Müller"},
+            {
+              id: "2",              name: "Frank Lehmann",              handle: "Landwirtschaftsbetrieb Lehmann",              testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg?_wi=3",              imageAlt: "Frank Lehmann"},
+            {
+              id: "3",              name: "Klaus Schmidt",              handle: "Schmidt Logistik GmbH",              testimonial: "Service, Reparatur und Freundlichkeit des Personals – alles bestens. Sehr empfehlenswert.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg?_wi=3",              imageAlt: "Klaus Schmidt"},
+          ]}
+        />
+      </div>
+
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="Franke & Twiehaus"
-          leftLink={{ text: "Datenschutz", href: "#" }}
+          leftLink={{
-          rightLink={{ text: "Impressum", href: "#" }}
+            text: "Datenschutz",            href: "#"}}
+          rightLink={{
+            text: "Impressum",            href: "#"}}
         />
       </div>
     </ThemeProvider>

src/app/leistungen/page.tsx

@@ -8,7 +8,7 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import { Phone } from "lucide-react";
 
-export default function ServicesPage() {
+export default function LeistungenPage() {
   const navItems = [
     { name: "Startseite", id: "/" },
     { name: "Leistungen", id: "/leistungen" },
@@ -34,62 +34,30 @@ export default function ServicesPage() {
           brandName="Franke & Twiehaus"
           navItems={navItems}
           button={{
-            text: "Jetzt anrufen",
+            text: "Jetzt anrufen",            href: "tel:+49591123456"}}
-            href: "tel:+49591123456",
-          }}
         />
       </div>
 
       <div id="services" data-section="services">
         <FeatureCardMedia
+          features={[
+            {
+              id: "1",              title: "Unimog Reparatur",              description: "Spezialisierte Reparaturen für alle Unimog-Modelle mit Originalersatzteilen und modernster Diagnosetechnik.",              tag: "Spezialität",              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-battery_482257-80917.jpg?_wi=2",              imageAlt: "Unimog Reparatur Service"},
+            {
+              id: "2",              title: "Nutzfahrzeug Wartung",              description: "Regelmäßige Wartung und Inspektionen für LKW, Zugmaschinen und andere Nutzfahrzeuge.",              tag: "Wartung",              imageSrc: "http://img.b2bpic.net/free-photo/woodworking-expert-examining-timber-block-damages-sanding-with-sandpaper_482257-89256.jpg?_wi=2",              imageAlt: "Nutzfahrzeug Wartung"},
+            {
+              id: "3",              title: "Diagnose & Fehleranalyse",              description: "Präzise Fehleranalyse mit moderner Diagnoseausrüstung für schnelle Problemlösung.",              tag: "Technologie",              imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg?_wi=2",              imageAlt: "Diagnose und Fehleranalyse"},
+            {
+              id: "4",              title: "Inspektion",              description: "Regelmäßige Inspektionen zur Sicherung der Betriebssicherheit und Einhaltung gesetzlicher Vorschriften.",              tag: "Sicherheit",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-driver-s-licence_23-2149891362.jpg?_wi=2",              imageAlt: "Fahrzeug Inspektion"},
+            {
+              id: "5",              title: "Ersatzteile",              description: "Hochwertige Original- und Qualitätsersatzteile für alle gängigen Nutzfahrzeug- und Unimog-Modelle.",              tag: "Komponenten",              imageSrc: "http://img.b2bpic.net/free-vector/gym-sport-flyer-template_23-2148350455.jpg?_wi=2",              imageAlt: "Ersatzteile und Zubehör"},
+          ]}
           title="Unsere Leistungen"
           description="Umfassendes Service- und Reparaturangebot für Unimog und Nutzfahrzeuge aller Art."
           tag="Leistungsumfang"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          features={[
-            {
-              id: "1",
-              title: "Unimog Reparatur",
-              description: "Spezialisierte Reparaturen für alle Unimog-Modelle mit Originalersatzteilen und modernster Diagnosetechnik.",
-              tag: "Spezialität",
-              imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg?_wi=2",
-              imageAlt: "Unimog Reparatur Service",
-            },
-            {
-              id: "2",
-              title: "Nutzfahrzeug Wartung",
-              description: "Regelmäßige Wartung und Inspektionen für LKW, Zugmaschinen und andere Nutzfahrzeuge.",
-              tag: "Wartung",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-reviewing-spacecraft-metrics-tablet_482257-126219.jpg?_wi=2",
-              imageAlt: "Nutzfahrzeug Wartung",
-            },
-            {
-              id: "3",
-              title: "Diagnose & Fehleranalyse",
-              description: "Präzise Fehleranalyse mit moderner Diagnoseausrüstung für schnelle Problemlösung.",
-              tag: "Technologie",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg?_wi=2",
-              imageAlt: "Diagnose und Fehleranalyse",
-            },
-            {
-              id: "4",
-              title: "Inspektion",
-              description: "Regelmäßige Inspektionen zur Sicherung der Betriebssicherheit und Einhaltung gesetzlicher Vorschriften.",
-              tag: "Sicherheit",
-              imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738017.jpg?_wi=2",
-              imageAlt: "Fahrzeug Inspektion",
-            },
-            {
-              id: "5",
-              title: "Ersatzteile",
-              description: "Hochwertige Original- und Qualitätsersatzteile für alle gängigen Nutzfahrzeug- und Unimog-Modelle.",
-              tag: "Komponenten",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-helmet-medium-shot_23-2149214246.jpg?_wi=2",
-              imageAlt: "Ersatzteile und Zubehör",
-            },
-          ]}
         />
       </div>
 
@@ -101,17 +69,11 @@ export default function ServicesPage() {
           description="Kontaktieren Sie uns jetzt für eine Beratung oder um einen Termin zu vereinbaren. Wir kümmern uns um Ihre Nutzfahrzeuge."
           buttons={[
             {
-              text: "Jetzt anrufen",
+              text: "Jetzt anrufen",              href: "tel:+49591123456"},
-              href: "tel:+49591123456",
-            },
             {
-              text: "Termin anfragen",
+              text: "Termin anfragen",              href: "/kontakt"},
-              href: "/kontakt",
-            },
           ]}
-          background={{
+          background={{ variant: "radial-gradient" }}
-            variant: "radial-gradient",
-          }}
           useInvertedBackground={false}
         />
       </div>
@@ -120,13 +82,9 @@ export default function ServicesPage() {
         <FooterLogoReveal
           logoText="Franke & Twiehaus"
           leftLink={{
-            text: "Datenschutz",
+            text: "Datenschutz",            href: "#"}}
-            href: "#",
-          }}
           rightLink={{
-            text: "Impressum",
+            text: "Impressum",            href: "#"}}
-            href: "#",
-          }}
         />
       </div>
     </ThemeProvider>

src/app/page.tsx

@@ -9,7 +9,7 @@ import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCa
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Wrench, Building2, CheckCircle, Phone, MapPin, Briefcase } from "lucide-react";
+import { Wrench, Building2, Phone, Quote, CheckCircle } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -19,24 +19,6 @@ export default function HomePage() {
     { name: "Kontakt", id: "/kontakt" },
   ];
 
-  const structuredData = {
-    "@context": "https://schema.org",    "@type": "LocalBusiness",    "name": "Franke & Twiehaus",    "description": "Zuverlässiger Unimog und Nutzfahrzeug Service in Lingen, Emsland",    "image": "http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg?_wi=1",    "address": {
-      "@type": "PostalAddress",      "streetAddress": "Lingen, Emsland",      "addressLocality": "Lingen",      "addressRegion": "Niedersachsen",      "postalCode": "",      "addressCountry": "DE"
-    },
-    "telephone": "+49591123456",    "url": "https://franke-twiehaus.de",    "priceRange": "$$",    "areaServed": {
-      "@type": "City",      "name": "Lingen"
-    },
-    "serviceArea": {
-      "@type": "City",      "name": "Lingen, Emsland, Niedersachsen"
-    },
-    "sameAs": [
-      "https://www.google.com/maps",      "https://www.facebook.com"
-    ],
-    "knowsAbout": [
-      "Unimog Service",      "Unimog Reparatur",      "Nutzfahrzeug Wartung",      "Nutzfahrzeug Service",      "LKW Reparatur",      "Mercedes-Benz Unimog"
-    ]
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -50,11 +32,6 @@ export default function HomePage() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
-      <script
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
-      />
-
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Franke & Twiehaus"
@@ -67,7 +44,7 @@ export default function HomePage() {
       <div id="hero" data-section="hero">
         <HeroBillboardRotatedCarousel
           title="Unimog & Nutzfahrzeug Service in Lingen"
-          description="Zuverlässige Wartung, Reparatur und Service für Unimog und Nutzfahrzeuge in Lingen, Emsland. Professionelle Diagnostik und Ersatzteile für Ihr Vertrauen. Servicegebiet: Lingen und Umgebung."
+          description="Zuverlässige Wartung, Reparatur und Service für Unimog und Nutzfahrzeuge. Professionelle Diagnostik und Ersatzteile für Ihr Vertrauen."
           tag="Zuverlässiger Service"
           tagIcon={Wrench}
           tagAnimation="slide-up"
@@ -78,21 +55,20 @@ export default function HomePage() {
               text: "Termin anfragen",              href: "/kontakt"},
           ]}
           buttonAnimation="slide-up"
-          background={{
+          background={{ variant: "aurora" }}
-            variant: "aurora"}}
           carouselItems={[
             {
-              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/two-guys-talking-about-work-work-garage-near-truck-transfer-documents-with-goods_1157-46506.jpg?_wi=1",              imageAlt: "Unimog Werkstatt Lingen"},
+              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-employees-working_23-2148327543.jpg",              imageAlt: "Unimog Werkstatt Lingen"},
             {
-              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg?_wi=1",              imageAlt: "Unimog Reparatur Service"},
+              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-working-fix-car-battery_482257-80917.jpg?_wi=1",              imageAlt: "Unimog Reparatur Service"},
             {
-              id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-reviewing-spacecraft-metrics-tablet_482257-126219.jpg?_wi=1",              imageAlt: "Nutzfahrzeug Wartung"},
+              id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/woodworking-expert-examining-timber-block-damages-sanding-with-sandpaper_482257-89256.jpg?_wi=1",              imageAlt: "Nutzfahrzeug Wartung"},
             {
-              id: "4",              imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-using-contemporary-technology-work_329181-11875.jpg?_wi=1",              imageAlt: "Diagnose und Fehleranalyse"},
+              id: "4",              imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg?_wi=1",              imageAlt: "Diagnose und Fehleranalyse"},
             {
-              id: "5",              imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-groceries-home_23-2149738017.jpg?_wi=1",              imageAlt: "Inspektion und Wartung"},
+              id: "5",              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-driver-s-licence_23-2149891362.jpg?_wi=1",              imageAlt: "Inspektion und Wartung"},
             {
-              id: "6",              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-helmet-medium-shot_23-2149214246.jpg?_wi=1",              imageAlt: "Ersatzteile und Zubehör"},
+              id: "6",              imageSrc: "http://img.b2bpic.net/free-vector/gym-sport-flyer-template_23-2148350455.jpg?_wi=1",              imageAlt: "Ersatzteile und Zubehör"},
           ]}
           autoPlay={true}
           autoPlayInterval={5000}
@@ -104,10 +80,10 @@ export default function HomePage() {
           tag="Über Uns"
           tagIcon={Building2}
           title="Franke & Twiehaus – Ihr zuverlässiger Partner für Unimog und Nutzfahrzeug Service"
-          description="Über 30 Jahre Erfahrung in Lingen und Umgebung"
+          description="Über 30 Jahre Erfahrung"
-          subdescription="Service in Lingen, Emsland. Wir bedienen die gesamte Region und sind Ihr Ansprechpartner für Unimog-, LKW- und Nutzfahrzeug-Reparaturen vor Ort."
+          subdescription="Service in Lingen, Emsland"
-          icon={MapPin}
+          icon={CheckCircle}
-          imageSrc="http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg?_wi=1"
+          imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg?_wi=1"
           imageAlt="Franke & Twiehaus Team"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
@@ -116,27 +92,27 @@ export default function HomePage() {
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
+          testimonials={[
+            {
+              id: "1",              name: "Hans Müller",              handle: "Bauunternehmen Müller",              testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-arms-crossed_1098-58.jpg?_wi=1",              imageAlt: "Hans Müller"},
+            {
+              id: "2",              name: "Frank Lehmann",              handle: "Landwirtschaftsbetrieb Lehmann",              testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg?_wi=1",              imageAlt: "Frank Lehmann"},
+            {
+              id: "3",              name: "Klaus Schmidt",              handle: "Schmidt Logistik GmbH",              testimonial: "Service, Reparatur und Freundlichkeit des Personals – alles bestens. Sehr empfehlenswert.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg?_wi=1",              imageAlt: "Klaus Schmidt"},
+            {
+              id: "4",              name: "Bernd Wagner",              handle: "Stadt Lingen – Fuhrpark",              testimonial: "Zuverlässig, professionell und immer pünktlich. Die beste Werkstatt in der Region.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1",              imageAlt: "Bernd Wagner"},
+          ]}
+          showRating={true}
           title="Was unsere Kunden sagen"
-          description="Vertrauen durch Qualität und Zuverlässigkeit in Lingen und der Umgebung"
+          description="Vertrauen durch Qualität und Zuverlässigkeit"
           tag="Kundenbewertungen"
           textboxLayout="default"
           useInvertedBackground={false}
-          showRating={true}
           animationType="slide-up"
-          testimonials={[
-            {
-              id: "1",              name: "Hans Müller",              handle: "Bauunternehmen Müller - Lingen",              testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-thumbs-up-standing-grey-wall_231208-8696.jpg?_wi=1",              imageAlt: "Hans Müller"},
-            {
-              id: "2",              name: "Frank Lehmann",              handle: "Landwirtschaftsbetrieb Lehmann - Emsland",              testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-wheat-field_23-2148233466.jpg?_wi=1",              imageAlt: "Frank Lehmann"},
-            {
-              id: "3",              name: "Klaus Schmidt",              handle: "Schmidt Logistik GmbH - Lingen",              testimonial: "Service, Reparatur und Freundlichkeit des Personals – alles bestens. Sehr empfehlenswert.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg?_wi=1",              imageAlt: "Klaus Schmidt"},
-            {
-              id: "4",              name: "Bernd Wagner",              handle: "Stadt Lingen – Fuhrpark",              testimonial: "Zuverlässig, professionell und immer pünktlich. Die beste Werkstatt in der Region.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/i-just-got-out-office-go-meeting_329181-15209.jpg?_wi=1",              imageAlt: "Bernd Wagner"},
-          ]}
         />
       </div>
 
@@ -144,16 +120,15 @@ export default function HomePage() {
         <ContactCTA
           tag="Kontakt"
           tagIcon={Phone}
-          title="Bereit für professionellen Service in Lingen?"
+          title="Bereit für professionellen Service?"
-          description="Kontaktieren Sie uns jetzt für eine Beratung oder um einen Termin zu vereinbaren. Wir kümmern uns um Ihre Nutzfahrzeuge in Lingen und Umgebung."
+          description="Kontaktieren Sie uns jetzt für eine Beratung oder um einen Termin zu vereinbaren. Wir kümmern uns um Ihre Nutzfahrzeuge."
           buttons={[
             {
               text: "Jetzt anrufen",              href: "tel:+49591123456"},
             {
               text: "Termin anfragen",              href: "/kontakt"},
           ]}
-          background={{
+          background={{ variant: "radial-gradient" }}
-            variant: "radial-gradient"}}
           useInvertedBackground={false}
         />
       </div>

src/app/uber-uns/page.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import ContactCTA from "@/components/sections/contact/ContactCTA";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { CheckCircle, Phone, Quote } from "lucide-react";
+import Link from "next/link";
+import { Building2, CheckCircle, Phone } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -30,36 +30,34 @@ export default function AboutPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
           brandName="Franke & Twiehaus"
-          navItems={navItems.map((item) => ({
+          navItems={navItems}
-            name: item.name,
-            id: item.id,
-          }))}
           button={{
-            text: "Jetzt anrufen",
+            text: "Jetzt anrufen",            href: "tel:+49591123456"}}
-            href: "tel:+49591123456",
-          }}
         />
       </div>
 
-      <div id="about" data-section="about">
+      {/* About Section */}
+      <div id="about" data-section="about" className="mx-auto px-4 md:px-6 py-12 md:py-20">
         <TestimonialAboutCard
           tag="Über Uns"
-          tagIcon={CheckCircle}
+          tagIcon={Building2}
           title="Franke & Twiehaus – Ihr zuverlässiger Partner für Unimog und Nutzfahrzeug Service"
           description="Über 30 Jahre Erfahrung"
           subdescription="Service in Lingen, Emsland"
           icon={CheckCircle}
-          imageSrc="http://img.b2bpic.net/free-photo/handsome-stylish-redhead-worker-cleaning-his-dirty-hands-after-repairing-working-workshop_613910-19673.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg?_wi=2"
-          imageAlt="professional automotive technician team"
+          imageAlt="Franke & Twiehaus Team"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      {/* Testimonials Section */}
+      <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6 py-12 md:py-20">
         <TestimonialCardThirteen
           title="Was unsere Kunden sagen"
           description="Vertrauen durch Qualität und Zuverlässigkeit"
@@ -70,46 +68,23 @@ export default function AboutPage() {
           animationType="slide-up"
           testimonials={[
             {
-              id: "1",
+              id: "1",              name: "Hans Müller",              handle: "Bauunternehmen Müller",              testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.",              rating: 5,
-              name: "Hans Müller",
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-with-arms-crossed_1098-58.jpg?_wi=2",              imageAlt: "Hans Müller"},
-              handle: "Bauunternehmen Müller",
-              testimonial: "Die Arbeit wird hier zügig und genau erledigt. Wir bringen alle unsere Fahrzeuge hierher.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-smiling-showing-thumbs-up-standing-grey-wall_231208-8696.jpg?_wi=2",
-              imageAlt: "satisfied customer business owner portrait",
-            },
             {
-              id: "2",
+              id: "2",              name: "Frank Lehmann",              handle: "Landwirtschaftsbetrieb Lehmann",              testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.",              rating: 5,
-              name: "Frank Lehmann",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-greenhouse-worker-working-greenhouse-while-agricultural-engineers-are-using-laptop-see-delivery-status-caucasian-woman-hydroponic-enviroment-with-salad-crates_482257-50578.jpg?_wi=2",              imageAlt: "Frank Lehmann"},
-              handle: "Landwirtschaftsbetrieb Lehmann",
-              testimonial: "Top Beratung und Abwicklung der Reparaturen. Schnell, kompetent und freundlich.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-wheat-field_23-2148233466.jpg?_wi=2",
-              imageAlt: "farmer customer professional portrait",
-            },
             {
-              id: "3",
+              id: "3",              name: "Klaus Schmidt",              handle: "Schmidt Logistik GmbH",              testimonial: "Service, Reparatur und Freundlichkeit des Personals – alles bestens. Sehr empfehlenswert.",              rating: 5,
-              name: "Klaus Schmidt",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg?_wi=2",              imageAlt: "Klaus Schmidt"},
-              handle: "Schmidt Logistik GmbH",
-              testimonial: "Service, Reparatur und Freundlichkeit des Personals – alles bestens. Sehr empfehlenswert.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg?_wi=2",
-              imageAlt: "logistics company owner portrait",
-            },
             {
-              id: "4",
+              id: "4",              name: "Bernd Wagner",              handle: "Stadt Lingen – Fuhrpark",              testimonial: "Zuverlässig, professionell und immer pünktlich. Die beste Werkstatt in der Region.",              rating: 5,
-              name: "Bernd Wagner",
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2",              imageAlt: "Bernd Wagner"},
-              handle: "Stadt Lingen – Fuhrpark",
-              testimonial: "Zuverlässig, professionell und immer pünktlich. Die beste Werkstatt in der Region.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/i-just-got-out-office-go-meeting_329181-15209.jpg?_wi=2",
-              imageAlt: "municipal fleet manager portrait",
-            },
           ]}
         />
       </div>
 
-      <div id="contact-cta" data-section="contact-cta">
+      {/* Contact CTA Section */}
+      <div id="contact-cta" data-section="contact-cta" className="mx-auto px-4 md:px-6 py-12 md:py-20">
         <ContactCTA
           tag="Kontakt"
           tagIcon={Phone}
@@ -117,24 +92,23 @@ export default function AboutPage() {
           description="Kontaktieren Sie uns jetzt für eine Beratung oder um einen Termin zu vereinbaren. Wir kümmern uns um Ihre Nutzfahrzeuge."
           buttons={[
             {
-              text: "Jetzt anrufen",
+              text: "Jetzt anrufen",              href: "tel:+49591123456"},
-              href: "tel:+49591123456",
-            },
             {
-              text: "Termin anfragen",
+              text: "Termin anfragen",              href: "/kontakt"},
-              href: "/kontakt",
-            },
           ]}
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>
 
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="Franke & Twiehaus"
-          leftLink={{ text: "Datenschutz", href: "#" }}
+          leftLink={{
-          rightLink={{ text: "Impressum", href: "#" }}
+            text: "Datenschutz",            href: "#"}}
+          rightLink={{
+            text: "Impressum",            href: "#"}}
         />
       </div>
     </ThemeProvider>