"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Start",
          id: "#hero",
        },
        {
          name: "Über uns",
          id: "#ueber-uns",
        },
        {
          name: "Leistungen",
          id: "#leistungen",
        },
        {
          name: "Erfolge",
          id: "#erfolge",
        },
        {
          name: "Kundenstimmen",
          id: "#kundenstimmen",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Kontakt",
          id: "#kontakt",
        },
      ]}
      brandName="Bauwerk GmbH"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Ihr Partner für Dach & Bau in Siegburg"
      description="Die Bauwerk GmbH ist Ihr Experte für professionelle Dacharbeiten und umfassende Baulösungen. Qualität, Zuverlässigkeit und Kundenzufriedenheit stehen bei uns an erster Stelle."
      buttons={[
        {
          text: "Mehr erfahren",
          href: "#ueber-uns",
        },
        {
          text: "Kontakt aufnehmen",
          href: "#kontakt",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/drone-view-jackson-cascades-sunlight-michigan_181624-34351.jpg"
      imageAlt="Professionelle Dach- und Bauarbeiten"
    />
  </div>

  <div id="ueber-uns" data-section="ueber-uns">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Über Bauwerk GmbH"
      description="Seit Jahren stehen wir in Siegburg und Umgebung für herausragende Handwerkskunst im Bereich Dach- und Bauarbeiten. Unser erfahrenes Team garantiert höchste Qualität und termingerechte Ausführung bei jedem Projekt."
      bulletPoints={[
        {
          title: "Meisterbetrieb",
          description: "Als zertifizierter Meisterbetrieb garantieren wir höchste Qualitätsstandards.",
        },
        {
          title: "Erfahrenes Team",
          description: "Unsere Dachdecker und Baufachleute sind bestens geschult und erfahren.",
        },
        {
          title: "Regionale Expertise",
          description: "Wir kennen die Besonderheiten der Region Siegburg und Umgebung.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg"
      imageAlt="Bauwerk Team bei der Besprechung"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="leistungen" data-section="leistungen">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Undichte Dächer und Wasserschäden",
          "Veraltete oder beschädigte Dachkonstruktionen",
          "Mangelhafte Energieeffizienz und hohe Heizkosten",
          "Unzureichender Schutz vor Witterungseinflüssen",
          "Schlechte Raumakustik durch ungedämmte Dächer",
        ],
      }}
      positiveCard={{
        items: [
          "Langlebige und dichte Dächer",
          "Moderne und sichere Dachkonstruktionen",
          "Optimale Energieeffizienz durch Dämmung",
          "Fachgerechter Schutz für Ihre Immobilie",
          "Verbesserte Wohnqualität und Raumklima",
        ],
      }}
      title="Unsere Leistungen im Überblick"
      description="Wir bieten eine breite Palette an Dienstleistungen, um Ihr Zuhause und Ihre Immobilie optimal zu schützen und zu gestalten."
    />
  </div>

  <div id="erfolge" data-section="erfolge">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "15+",
          description: "Jahre Erfahrung in der Branche",
        },
        {
          id: "m2",
          value: "200+",
          description: "Zufriedene Kunden",
        },
        {
          id: "m3",
          value: "500+",
          description: "Abgeschlossene Projekte",
        },
      ]}
      title="Unsere Erfolge in Zahlen"
      description="Vertrauen Sie auf unsere langjährige Erfahrung und zahlreiche erfolgreich abgeschlossene Projekte in der Region Siegburg."
    />
  </div>

  <div id="kundenstimmen" data-section="kundenstimmen">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Vielen Dank an das gesamte Team bei Bauwerk! Unser Dach wurde fachmännisch abgedichtet. Die Terminabsprache verlief sehr gut und verbindlich. Die Ausführung der Arbeiten war schnell und professionell. So wünscht man sich das. Wenn wir wieder ein Anliegen haben, melden wir uns sicher wieder. Danke!"
      rating={5}
      author="Alexander Mosler"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-smiling_23-2148729669.jpg",
          alt: "Christian Rossa",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-businesswoman-work_1098-3861.jpg",
          alt: "Sarah Müller",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39159.jpg",
          alt: "Thomas Schmidt",
        },
        {
          src: "http://img.b2bpic.net/free-photo/professional-smiling-asian-female-construction-engineer-architect-black-suit-safety-helmet-lo_1258-94905.jpg",
          alt: "Laura Meier",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-worker_1163-2784.jpg",
          alt: "Max Mustermann",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="partner" data-section="partner">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Bauder",
        "VELUX",
        "Rheinzink",
        "Braas",
        "Rockwool",
        "Knauf",
        "Würth",
      ]}
      title="Unsere Partner & Lieferanten"
      description="Wir arbeiten ausschließlich mit renommierten Partnern und hochwertigen Materialien, um beste Ergebnisse für Ihr Bauvorhaben zu garantieren."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Welche Dacharbeiten bieten Sie an?",
          content: "Wir bieten eine Vielzahl von Dacharbeiten an, darunter Neueindeckungen, Reparaturen, Dämmungen, Dachfenstereinbau, Spenglerarbeiten und Wartungen für Steil- und Flachdächer.",
        },
        {
          id: "q2",
          title: "In welchem Gebiet sind Sie tätig?",
          content: "Unser Haupttätigkeitsgebiet ist Siegburg und die umliegenden Städte und Gemeinden. Kontaktieren Sie uns gerne, um Details zu besprechen.",
        },
        {
          id: "q3",
          title: "Wie erhalte ich ein Angebot?",
          content: "Sie können uns telefonisch kontaktieren oder unser Anfrageformular auf der Webseite nutzen. Wir vereinbaren dann einen Besichtigungstermin und erstellen Ihnen ein unverbindliches Angebot.",
        },
        {
          id: "q4",
          title: "Bieten Sie auch Wartungsverträge an?",
          content: "Ja, wir bieten individuelle Wartungsverträge an, um die Langlebigkeit Ihres Daches zu gewährleisten und frühzeitig Schäden vorzubeugen.",
        },
        {
          id: "q5",
          title: "Arbeiten Sie mit bestimmten Materialien?",
          content: "Wir arbeiten mit einer Vielzahl hochwertiger Materialien namhafter Hersteller, darunter Ziegel, Betondachsteine, Metall, Bitumen und Gründachsysteme. Gerne beraten wir Sie zur besten Wahl für Ihr Projekt.",
        },
      ]}
      sideTitle="Häufig gestellte Fragen"
      sideDescription="Hier finden Sie Antworten auf die gängigsten Fragen zu unseren Dienstleistungen und Abläufen."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="kontakt" data-section="kontakt">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Kontaktieren Sie uns"
      title="Bereit für Ihr Projekt?"
      description="Lassen Sie uns über Ihr nächstes Bauvorhaben sprechen. Wir erstellen Ihnen gerne ein unverbindliches Angebot und beraten Sie umfassend."
      buttons={[
        {
          text: "Angebot anfordern",
          href: "#kontakt",
        },
        {
          text: "Jetzt anrufen",
          href: "tel:+4922418469333",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/modern-architecture-against-sunset-sky_23-2152006122.jpg"
      imageAlt="Dachlandschaft bei Sonnenuntergang"
      logoText="Bauwerk GmbH"
      columns={[
        {
          title: "Leistungen",
          items: [
            {
              label: "Dachsanierung",
              href: "#leistungen",
            },
            {
              label: "Neubau",
              href: "#leistungen",
            },
            {
              label: "Spenglerarbeiten",
              href: "#leistungen",
            },
          ],
        },
        {
          title: "Unternehmen",
          items: [
            {
              label: "Über uns",
              href: "#ueber-uns",
            },
            {
              label: "Referenzen",
              href: "#erfolge",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Kontakt",
          items: [
            {
              label: "Kontaktformular",
              href: "#kontakt",
            },
            {
              label: "Telefon",
              href: "tel:+4922418469333",
            },
            {
              label: "Anfahrt",
              href: "https://www.google.com/maps/dir/?api=1&destination=Lindenstraße+76,+53721+Siegburg",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Bauwerk GmbH. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
