"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Leistungen",
          id: "leistungen",
        },
        {
          name: "Über uns",
          id: "ueber-uns",
        },
        {
          name: "Einsatzgebiet",
          id: "einsatzgebiet",
        },
        {
          name: "Referenzen",
          id: "referenzen",
        },
        {
          name: "Kontakt",
          id: "kontakt",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/boo-inscription-piece-black-paper_23-2147908413.jpg"
      logoAlt="V+A Wagner Gerüstbau GmbH Logo"
      brandName="V+A WAGNER"
      button={{
        text: "Angebot anfordern",
        href: "#kontakt",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "plain",
      }}
      title="GERÜSTE.\nAUF DIE SIE SICH VERLASSEN."
      description="Familienunternehmen aus Marktheidenfeld · Zuverlässig seit 1996 · Von Franken bis Frankfurt"
      buttons={[
        {
          text: "Kostenloses Angebot anfordern",
          href: "#kontakt",
        },
        {
          text: "Unsere Leistungen ansehen",
          href: "#leistungen",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg",
          imageAlt: "Scaffolding on large building exterior",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850238.jpg",
          imageAlt: "Construction workers on high scaffold",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/tile-stairs-black-white-tone_1339-6753.jpg",
          imageAlt: "Full frame scaffolding abstract pattern",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/crop-building-construction_23-2147785501.jpg",
          imageAlt: "Scaffolding over historical monument",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850237.jpg",
          imageAlt: "Scaffolding rising to the sky urban context",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431468.jpg",
          imageAlt: "Scaffolding sunset silhouette workers",
        },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          value: "1996",
          title: "Gründungsjahr",
          items: [],
        },
        {
          id: "metric-2",
          value: "28+",
          title: "Jahre Erfahrung",
          items: [],
        },
        {
          id: "metric-3",
          value: "50.000 m²",
          title: "Systemgerüst",
          items: [],
        },
        {
          id: "metric-4",
          value: "2",
          title: "Generationen",
          items: [],
        },
      ]}
      title="Unsere Stärke in Zahlen"
      description="Qualität, auf die Sie sich verlassen können. Zertifiziert und erfahren."
      tag="Fakten"
    />
  </div>

  <div id="leistungen" data-section="leistungen">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Arbeits- & Schutzgerüste",
          description: "DIN 4420 konform – Sicherheit hat bei uns oberste Priorität.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108962.jpg",
          imageAlt: "Worker on scaffolding with safety harness",
        },
        {
          title: "Fassadengerüste",
          description: "Für Sanierung, Neubau und Restaurierung jeder Gebäudegröße.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-metal-steel-bars-glass-windows-building_181624-21421.jpg",
          imageAlt: "Scaffolding on building facade",
        },
        {
          title: "Raumgerüste",
          description: "Für Innenarbeiten in Hallen, Kirchen und Industriegebäuden.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-white-hallway-with-glass-doors-metal-ceiling-modern-building_181624-7310.jpg",
          imageAlt: "Interior scaffolding in a large hall",
        },
        {
          title: "Hängegerüste",
          description: "Wenn der Boden keine Option ist – wir finden den Weg.",
          imageSrc: "http://img.b2bpic.net/free-photo/athletic-builder-with-bare-torso-sitting-ladder-high-man-leaning-brick-wall-looking-away-extreme-building-hot-weather-crane-tv-tower-background_7502-8698.jpg",
          imageAlt: "Hanging scaffolding on a bridge",
        },
        {
          title: "Fahrbare Gerüste",
          description: "Flexibel und schnell versetzbar – ideal für wechselnde Arbeitsbereiche.",
          imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124308.jpg",
          imageAlt: "Mobile scaffolding on a construction site",
        },
        {
          title: "Personenauffangnetze",
          description: "Aktiver Schutz für Mensch und Material auf der Baustelle.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-sea-grass-near-pier-sunset-sandy-shore-with-dunes_169016-73104.jpg",
          imageAlt: "Safety nets at a construction site",
        },
        {
          title: "Bauzäune",
          description: "Absperrung und Sicherung von Baustellen aller Art.",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-posed-outdoor-street-style-rap-singer_627829-2761.jpg",
          imageAlt: "Construction fences around a building site",
        },
        {
          title: "Gerüstverleih",
          description: "Layher Systemgerüst mieten – für Eigenleistung und Profis.",
          imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure-stairs_23-2149371470.jpg",
          imageAlt: "Scaffolding equipment for rent",
        },
        {
          title: "Personen- & Materialaufzüge",
          description: "Schneller Transport auf jeder Bauhöhe – Geda Qualität.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-working-logistic_23-2148886818.jpg",
          imageAlt: "Construction material hoist",
        },
      ]}
      title="WAS WIR FÜR SIE BAUEN"
      description="Alles aus einer Hand – vom ersten Gerüst bis zur sicheren Abnahme."
      tag="— UNSERE LEISTUNGEN —"
    />
  </div>

  <div id="ueber-uns" data-section="ueber-uns">
      <MediaAbout
      useInvertedBackground={false}
      title="ZWEI GENERATIONEN. EIN VERSPRECHEN."
      description="Victor und Alexander Wagner gründeten 1996 ihr Gerüstbauunternehmen in Marktheidenfeld – aus echtem Handwerkerstolz und dem Willen, Bauvorhaben jeder Größe sicher und zuverlässig zu unterstützen.\n\nHeute führen wir das Unternehmen als eingespieltes Vater-Sohn-Team mit einem erfahrenen Fachteam und über 50.000 m² Layher-Systemgerüst im Bestand. Was auch immer Ihr Projekt verlangt – wir sind gerüstet."
      tag="— ÜBER UNS —"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-happy-old-man-showing-approval_23-2148269353.jpg"
      imageAlt="Father and son on a construction site"
    />
  </div>

  <div id="partner" data-section="partner">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Layher",
        "Geda",
        "Bau-Innovation GmbH",
        "Sicherheits-Bau AG",
        "Hochbau-Experten",
        "Projektbau Franken",
        "Industrie-Services Bayern",
      ]}
      title="QUALITÄT DIE MAN SIEHT – UND SPÜRT"
      description="Wir setzen ausschließlich auf bewährtes Equipment von Marktführern der Branche. DIN 4420 zertifiziert."
      tag="— UNSERE PARTNER —"
    />
  </div>

  <div id="einsatzgebiet" data-section="einsatzgebiet">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Unterfranken",
          description: "Unsere Heimatregion, in der wir seit Jahrzehnten verwurzelt sind.",
          imageSrc: "http://img.b2bpic.net/free-vector/linear-france-map-infographic_23-2148780420.jpg",
          imageAlt: "Map of Unterfranken",
        },
        {
          title: "Mittelfranken",
          description: "Zuverlässige Gerüstlösungen auch in der Mitte Frankens.",
          imageSrc: "http://img.b2bpic.net/free-vector/flat-germany-map-infographic_23-2148793989.jpg",
          imageAlt: "Map of Mittelfranken",
        },
        {
          title: "Südhessen (Frankfurt, Darmstadt, Hanau)",
          description: "Von Bayern bis ins lebendige Rhein-Main-Gebiet.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-couple-pointing-map-train-tracks_23-2147637702.jpg",
          imageAlt: "Map of Southern Hessen",
        },
        {
          title: "Main-Tauber-Kreis",
          description: "Professioneller Gerüstbau in Baden-Württemberg.",
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-river-winding-through-rural-landscape-with-trees-fields_1308-189677.jpg",
          imageAlt: "Map of Main-Tauber-Kreis",
        },
        {
          title: "Neckar-Odenwald-Kreis",
          description: "Sichere Gerüste auch in dieser schönen Region.",
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-waves-crashing-rocks-charlesworth-bay-beach_1308-189565.jpg",
          imageAlt: "Map of Neckar-Odenwald-Kreis",
        },
      ]}
      title="VON MARKTHEIDENFELD AUS – IN GANZ FRANKEN UND DARÜBER HINAUS"
      description="Unser Team ist in Unterfranken, Mittelfranken, Südhessen (Frankfurt, Darmstadt, Hanau), dem Main-Tauber-Kreis und Neckar-Odenwald-Kreis für Sie im Einsatz."
      tag="— WO WIR ARBEITEN —"
    />
  </div>

  <div id="referenzen" data-section="referenzen">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "ref-1",
          brand: "Referenz",
          name: "Fassadengerüst · Würzburg",
          price: "Anfragen",
          rating: 5,
          reviewCount: "Projekt",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building-construction_158595-6382.jpg",
          imageAlt: "Fassadengerüst an Gebäude in Würzburg",
        },
        {
          id: "ref-2",
          brand: "Referenz",
          name: "Raumgerüst · Frankfurt",
          price: "Anfragen",
          rating: 5,
          reviewCount: "Projekt",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-pattern-roof_53876-23444.jpg",
          imageAlt: "Raumgerüst in Halle in Frankfurt",
        },
        {
          id: "ref-3",
          brand: "Referenz",
          name: "Industriegerüst · Wertheim",
          price: "Anfragen",
          rating: 5,
          reviewCount: "Projekt",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg",
          imageAlt: "Industriegerüst an Anlage in Wertheim",
        },
        {
          id: "ref-4",
          brand: "Referenz",
          name: "Wohnhaus · Marktheidenfeld",
          price: "Anfragen",
          rating: 5,
          reviewCount: "Projekt",
          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
          imageAlt: "Gerüst an Wohnhaus in Marktheidenfeld",
        },
        {
          id: "ref-5",
          brand: "Referenz",
          name: "Kirche · Kitzingen",
          price: "Anfragen",
          rating: 5,
          reviewCount: "Projekt",
          imageSrc: "http://img.b2bpic.net/free-photo/gothic-facade-dynamic-perspective-soaring-brick-tower_169016-71135.jpg",
          imageAlt: "Gerüst an Kirche in Kitzingen",
        },
        {
          id: "ref-6",
          brand: "Referenz",
          name: "Bürogebäude · Aschaffenburg",
          price: "Anfragen",
          rating: 5,
          reviewCount: "Projekt",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-staircase-outside-building-used-reconstruction_181624-59591.jpg",
          imageAlt: "Gerüst an Bürogebäude in Aschaffenburg",
        },
      ]}
      title="UNSERE ARBEIT SPRICHT FÜR SICH"
      description="Erleben Sie die Qualität unserer Gerüstlösungen in verschiedenen Projekten."
      tag="— REFERENZEN —"
    />
  </div>

  <div id="kontakt" data-section="kontakt">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "tel1",
          title: "Telefon",
          content: "📞 09391 / 91 39 36 0",
        },
        {
          id: "tel2",
          title: "Mobil",
          content: "📱 0151 / 153 33 206",
        },
        {
          id: "fax",
          title: "Fax",
          content: "📠 09391 / 91 25 37",
        },
        {
          id: "email",
          title: "E-Mail",
          content: "✉️ info@wagner-geruest.de",
        },
        {
          id: "adresse",
          title: "Adresse",
          content: "📍 Ernst-Fertig-Straße 2, 97828 Marktheidenfeld",
        },
        {
          id: "zeiten",
          title: "Bürozeiten",
          content: "🕐 Mo–Fr 07:00 – 17:00 Uhr",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/closeup-smartphone-with-gps-application_1098-21636.jpg"
      imageAlt="Google Maps Ausschnitt Marktheidenfeld"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="BEREIT ZU BAUEN? WIR AUCH."
      description="Rufen Sie uns an oder schreiben Sie uns – wir melden uns prompt zurück."
      tag="— KONTAKT —"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="V+A WAGNER · Gerüstbauqualität seit 1996"
      leftLink={{
        text: "Impressum",
        href: "#",
      }}
      rightLink={{
        text: "Datenschutz",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
