Merge version_2 into main

Update src/app/page.tsx
2026-05-07 17:49:21 +00:00 · 2026-05-07 17:49:18 +00:00 · 2026-05-07 17:48:49 +00:00 · 2026-05-07 17:48:42 +00:00 · 2026-05-07 17:37:11 +00:00 · 2026-05-07 17:36:44 +00:00
1 changed files with 58 additions and 80 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,16 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Calendar, CheckCircle, Wrench } from "lucide-react";
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Calendar, CheckCircle, Wrench, ShieldCheck } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -31,44 +31,30 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Services",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Produkte", id: "products" },
+        { name: "Service", id: "features" },
+        { name: "Kontakt", id: "contact" }
      ]}
      brandName="Anhänger Center Hessberger"
-      button={{ text: "Kontakt", href: "#contact" }}
+      button={{ text: "Anfrage", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
      title="Ihr Kompetenter Partner für Anhänger in Wirtheim"
      description="Anhänger Center Hessberger bietet spezialisierten Service, Verkauf und TÜV-Abnahme für Ihre Anhänger und Nutzfahrzeuge."
      leftCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43625.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43613.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-smartphone_23-2149426490.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489800.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-opening-back-truck-trailer-ready-unload-goods_342744-1312.jpg", imageAlt: "industrial trailer transportation service professional" }
+        { imageSrc: "https://img.b2bpic.net/free-photo/industrial-trailer-transport.jpg", imageAlt: "Trailer Transportation" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/mechanic-inspecting-trailer.jpg", imageAlt: "Trailer Inspection" }
      ]}
      rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/modern-logistics-hub-with-semi-trucks-sunset_84443-74047.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-vehicle-mechanics-holding-wrench-tools-truck-repair-workshop_342744-1335.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/homeless-cat-walking-city-concept_53876-31114.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/truck-mechanic-servicing-truck-vehicle-workshop_342744-1327.jpg", imageAlt: "industrial trailer transportation service professional" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg", imageAlt: "industrial trailer transportation service professional" }
-      ]}
-      buttons={[
-        {
-          text: "Produkte ansehen",          href: "#products"},
+        { imageSrc: "https://img.b2bpic.net/free-photo/modern-logistics-trucks.jpg", imageAlt: "Logistics Hub" },
+        { imageSrc: "https://img.b2bpic.net/free-photo/trailer-maintenance-workshop.jpg", imageAlt: "Trailer Workshop" }
      ]}
+      buttons={[{ text: "Produkte entdecken", href: "#products" }]}
    />
  </div>

@@ -76,10 +62,10 @@ export default function LandingPage() {
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Über Uns"
-      title="Ihr Spezialisierter SARIS Händler"
-      description="Wir sind Ihr Experte in der Region für hochwertige Anhänger. Unser Service umfasst nicht nur den Verkauf, sondern auch professionelle Wartung und TÜV-Dienstleistungen."
-      subdescription="Mit langjähriger Erfahrung in der Branche garantieren wir Zuverlässigkeit und höchste Qualität."
-      imageSrc="http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg"
+      title="Ihr zertifizierter SARIS Fachhändler"
+      description="Als langjähriger Partner für Anhängerlösungen bieten wir Ihnen nicht nur hochwertige Produkte, sondern auch das nötige technische Know-how für Wartung und Instandsetzung."
+      subdescription="Qualität steht bei uns an erster Stelle – von der ersten Beratung bis zur regelmäßigen TÜV-Abnahme Ihres Anhängers."
+      imageSrc="https://img.b2bpic.net/free-photo/professional-mechanic-in-workshop.jpg"
      mediaAnimation="slide-up"
      icon={Wrench}
    />
@@ -92,15 +78,12 @@ export default function LandingPage() {
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
-        { id: "p1", name: "Tieflader", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/flatbed-truck-loading-dock_23-2152001530.jpg" },
-        { id: "p2", name: "Maschinentransporter", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/trucks-loading-docks_23-2152008994.jpg" },
-        { id: "p3", name: "Autotransporter", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/electronic-speed-limit-sign-100-winter-highway-road-safety-display_169016-71722.jpg" },
-        { id: "p4", name: "Kofferanhänger", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/arab-man-puts-reminder-note-board_482257-96928.jpg" },
-        { id: "p5", name: "Hochlader", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/deliveryman-making-notes-near-parcels_23-2147787899.jpg" },
-        { id: "p6", name: "Kipper", price: "Auf Anfrage", imageSrc: "http://img.b2bpic.net/free-photo/one-working-day-modern-automatic-bus-trolleybus-car-production-with-unfinished-cars-workers-protective-uniform-factory-background-automobile-assembly-line-welding-arm_645730-350.jpg" }
+        { id: "p1", name: "Tieflader", price: "Ab 1.200€", imageSrc: "https://img.b2bpic.net/free-photo/flatbed-trailer-side.jpg" },
+        { id: "p2", name: "Maschinentransporter", price: "Ab 2.500€", imageSrc: "https://img.b2bpic.net/free-photo/machine-carrier-trailer.jpg" },
+        { id: "p3", name: "Kofferanhänger", price: "Ab 1.800€", imageSrc: "https://img.b2bpic.net/free-photo/enclosed-cargo-trailer.jpg" }
      ]}
      title="Unsere Anhänger-Kategorien"
-      description="Entdecken Sie unsere breite Palette an hochwertigen Anhängern für jeden Einsatzbereich."
+      description="Entdecken Sie unser robustes Portfolio an Anhängern für gewerbliche und private Anforderungen."
    />
  </div>

@@ -110,71 +93,66 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
-        {
-          title: "Service & Wartung",          description: "Umfassende Inspektionen für Ihre Sicherheit.",          bentoComponent: "reveal-icon",          icon: Wrench,
-        },
-        {
-          title: "TÜV Abnahme",          description: "Schnelle und unkomplizierte Abwicklung durch autorisierte Prüfer.",          bentoComponent: "reveal-icon",          icon: CheckCircle,
-        },
-        {
-          title: "Vermietung",          description: "Flexibel Anhänger für Ihren Bedarf mieten.",          bentoComponent: "reveal-icon",          icon: Calendar,
-        },
+        { title: "Wartung", description: "Fachgerechte Instandsetzung für maximale Sicherheit", bentoComponent: "reveal-icon", icon: Wrench },
+        { title: "TÜV Service", description: "Reibungslose Hauptuntersuchung direkt vor Ort", bentoComponent: "reveal-icon", icon: ShieldCheck },
+        { title: "Vermietung", description: "Flexible Mietmodelle für kurzfristige Transporte", bentoComponent: "reveal-icon", icon: Calendar }
      ]}
-      title="Umfassender Service"
-      description="Mehr als nur Verkauf – Ihr Partner für langanhaltende Mobilität."
+      title="Ihr Full-Service-Partner"
+      description="Wir begleiten Sie über den gesamten Lebenszyklus Ihres Anhängers."
    />
  </div>

  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Erfolge & Erfahrung"
-      tag="In Zahlen"
+      <MetricCardSeven
+      animationType="slide-up"
+      title="Unsere Stärken in Zahlen"
+      description="Verlässlichkeit, die auf Erfahrung basiert."
      metrics={[
-        { id: "m1", value: "15+", description: "Jahre Erfahrung" },
-        { id: "m2", value: "500+", description: "Zufriedene Kunden" },
-        { id: "m3", value: "100%", description: "Service-Qualität" }
+        { id: "m1", value: "15+", title: "Jahre Erfahrung", items: ["Fachwissen", "Markenkompetenz"] },
+        { id: "m2", value: "850+", title: "Zufriedene Kunden", items: ["Gewerblich", "Privat"] },
+        { id: "m3", value: "100%", title: "Service-Qualität", items: ["Garantie", "Support"] }
      ]}
-      metricsAnimation="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
+      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
-        { id: "t1", name: "Hans M.", handle: "@kunde", testimonial: "Top Service und sehr freundliche Beratung.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
-        { id: "t2", name: "Gabi S.", handle: "@kunde", testimonial: "Mein Anhänger ist hier in besten Händen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coworkers-posing-medium-shot_23-2148336934.jpg" },
-        { id: "t3", name: "Markus K.", handle: "@kunde", testimonial: "Schnelle TÜV Abwicklung, alles bestens.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" },
-        { id: "t4", name: "Tobias R.", handle: "@kunde", testimonial: "Große Auswahl an SARIS Anhängern.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg" },
-        { id: "t5", name: "Elena P.", handle: "@kunde", testimonial: "Hervorragender Service-Partner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" }
+        { id: "t1", name: "Markus Weber", handle: "@weber-logistik", testimonial: "Hervorragender Service und stets faire Preise für unsere Firmenanhänger.", imageSrc: "https://img.b2bpic.net/free-photo/happy-customer-man.jpg" },
+        { id: "t2", name: "Sarah Kunz", handle: "@kunz-bau", testimonial: "TÜV Abnahme lief absolut unkompliziert. Vielen Dank für den schnellen Termin.", imageSrc: "https://img.b2bpic.net/free-photo/happy-customer-woman.jpg" }
      ]}
-      showRating={true}
-      title="Was unsere Kunden sagen"
-      description="Erfahren Sie, warum unsere Kunden auf unsere Qualität und unseren Service bauen."
+      title="Kundenstimmen"
+      description="Erfahren Sie, warum unsere Klienten auf Hessberger vertrauen."
    />
  </div>

  <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
+      title="Vereinbaren Sie Ihren Termin"
+      description="Senden Sie uns Ihre Anfrage – wir melden uns umgehend bei Ihnen zurück."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Name", required: true },
+        { name: "email", type: "email", placeholder: "E-Mail-Adresse", required: true }
+      ]}
+      textarea={{ name: "message", placeholder: "Ihre Nachricht oder Serviceanfrage", rows: 4 }}
+      imageSrc="https://img.b2bpic.net/free-photo/trailer-center-contact.jpg"
      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      title="Kontaktieren Sie uns"
-      description="Besuchen Sie uns in Wirtheim oder senden Sie uns eine Anfrage für einen Service-Termin."
-      tag="Kontakt"
    />
  </div>

  <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
      logoText="Anhänger Center Hessberger"
-      leftLink={{
-        text: "Impressum",        href: "#"}}
-      rightLink={{
-        text: "Datenschutz",        href: "#"}}
+      columns={[
+        { title: "Unternehmen", items: [{ label: "Über uns", href: "#" }, { label: "Karriere", href: "#" }] },
+        { title: "Service", items: [{ label: "Wartung", href: "#" }, { label: "TÜV", href: "#" }] }
+      ]}
+      copyrightText="© 2025 Anhänger Center Hessberger | Alle Rechte vorbehalten"
    />
  </div>
      </ReactLenis>
Author	SHA1	Message	Date
bender	a45a80dfa0	Merge version_2 into main Merge version_2 into main	2026-05-07 17:49:21 +00:00
bender	8966926bb7	Update src/app/page.tsx	2026-05-07 17:49:18 +00:00
bender	dde44678cd	Merge version_2 into main Merge version_2 into main	2026-05-07 17:48:49 +00:00
bender	8fde4974a0	Update src/app/page.tsx	2026-05-07 17:48:42 +00:00
bender	01c1fe289c	Merge version_1 into main Merge version_1 into main	2026-05-07 17:37:11 +00:00
bender	41b0978a4b	Merge version_1 into main Merge version_1 into main	2026-05-07 17:36:44 +00:00