"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Shield, Hammer, Zap, FileCheck, AlertTriangle, DollarSign } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Frankendach"
          navItems={[
            { name: "Leistungen", id: "features" },
            { name: "Über Uns", id: "about" },
            { name: "Projekte", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Kontakt", id: "contact" }
          ]}
          button={{
            text: "Notfall Hotline",            href: "tel:+49361XXXX"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Dächer, die halten Sauber Sicher"
          description="Frankendach ist dein Meisterbetrieb für Dachsanierung, Reparatur und Notfallservice in der Region. Von der Diagnose bis zur Abnahme – transparent, termintreu, dokumentiert."
          tag="Meisterbetrieb seit 1995"
          tagIcon={Shield}
          imageSrc="http://img.b2bpic.net/free-photo/old-rusty-metallic-surface_23-2148846057.jpg"
          imageAlt="Professionelle Dachsanierung"
          mediaAnimation="blur-reveal"
          testimonials={[
            {
              name: "Marcus Weber",              handle: "Hausbesitzer, Nürnberg",              testimonial: "Nach dem Sturm war Frankendach sofort vor Ort. Professionell, schnell und fair.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1"
            },
            {
              name: "Petra Hoffmann",              handle: "Immobilien-Verwalterin, Erlangen",              testimonial: "Zuverlässig, dokumentiert und termintreu. Genau das, was wir brauchen.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=1"
            }
          ]}
          buttons={[
            { text: "Kostenlose Besichtigung anfragen", href: "#contact" },
            { text: "Jetzt anrufen", href: "tel:+49361XXXX" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Deutsche Handwerkskunst trifft Moderne Technik"
          description="Mit über 25 Jahren Erfahrung in der Dachsanierung, Reparatur und Neueindeckung bietet Frankendach lösungsorientierte Services für Privatpersonen, Makler und Facility Manager in Franken."
          tag="Unser Anspruch"
          tagIcon={Hammer}
          textboxLayout="default"
          useInvertedBackground={true}
          imagePosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg"
          imageAlt="Handwerkliche Dachbearbeitung"
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "Meisterhafte Ausführung",              description: "30 Jahre Erfahrung mit traditionellen und modernen Dachsystemen",              icon: Zap
            },
            {
              title: "Dokumentierte Transparenz",              description: "Jeder Schritt dokumentiert, fotografiert und erklärt. Volle Nachvollziehbarkeit.",              icon: FileCheck
            },
            {
              title: "Notfallbereitschaft",              description: "Sturm? Leck? Wir sind in Stunden vor Ort mit sofortigen Schutzmaßnahmen.",              icon: AlertTriangle
            },
            {
              title: "Faire Preisgestaltung",              description: "Kostenloses Angebot vor Ort, ohne versteckte Nebenkosten oder Überraschungen.",              icon: DollarSign
            }
          ]}
          buttons={[
            { text: "Mehr über uns erfahren", href: "#testimonials" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Unser Prozess: Von Diagnose bis Abnahme"
          description="Ein strukturierter Ablauf mit vollständiger Transparenz und professioneller Dokumentation."
          tag="Wie wir arbeiten"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: 1,
              tag: "Schritt 1",              title: "Kostenlose Inspektion",              subtitle: "Genaue Schadensanalyse vor Ort",              description: "Wir analysieren den Zustand Ihres Daches mit professionellen Werkzeugen und dokumentieren alles fotografisch. Sie erhalten eine detaillierte Bewertung und verlässliche Kostenprognose.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-looking-clipboard_23-2148233774.jpg",              imageAlt: "Professionelle Dachinspektion",              buttons: [
                { text: "Termin buchen", href: "#contact" }
              ]
            },
            {
              id: 2,
              tag: "Schritt 2",              title: "Detailliertes Angebot",              subtitle: "Transparente Kostenaufschlüsselung",              description: "Sie bekommen ein schriftliches Angebot mit genauer Materialspezifikation, Timeplan und allen Kosten. Keine versteckten Nebenkosten – Sie wissen genau, was Sie bekommen.",              imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg",              imageAlt: "Reparaturarbeiten in Durchführung",              buttons: [
                { text: "Fragen stellen", href: "#contact" }
              ]
            },
            {
              id: 3,
              tag: "Schritt 3",              title: "Professionelle Ausführung",              subtitle: "Meisterhafte Handwerkskunst",              description: "Unsere zertifizierten Dachdecker führen die Arbeiten mit höchster Qualität durch. Tägliche Dokumentation hält Sie auf dem Laufenden. Bei Sturm oder Wetterbedingnissen passen wir flexibel an.",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg",              imageAlt: "Fertiggestelltes Dachprojekt",              buttons: [
                { text: "Projekte ansehen", href: "#testimonials" }
              ]
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Zertifiziert und anerkannt"
          description="Vertrauen Sie auf bewährte Standards und Zertifikationen der deutschen Dachdeckerbranche."
          tag="Qualitätssiegel"
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Zentralverband Deutsches Dachdeckerhandwerk",            "Dachdeckerinnung Bayern",            "Handwerkskammer Mittelfranken",            "Dachdecker-Fachverband Deutschland",            "Berufsgenossenschaft BG",            "DachClean Zertifizierung",            "ISO 9001 Qualitätsmanagementsystem",            "TÜV zertifiziert"
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-collection_23-2149051482.jpg",            "http://img.b2bpic.net/free-vector/gradient-patented-label-collection_52683-98400.jpg",            "http://img.b2bpic.net/free-photo/standard-quality-control-collage_23-2149631023.jpg",            "http://img.b2bpic.net/free-vector/certified-approved-rubber-stamps-seal-set_1017-25321.jpg",            "http://img.b2bpic.net/free-vector/twenty-four-service_1017-30335.jpg",            "http://img.b2bpic.net/free-photo/business-marketing-planning-trategy-graph_53876-21234.jpg",            "http://img.b2bpic.net/free-photo/fighting-hunger-poverty-together_482257-84897.jpg",            "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595837.jpg"
          ]}
          speed={35}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Das sagen unsere Kunden"
          description="Echte Bewertungen von Hausbesitzern und Eigentümern, die Frankendach vertrauen."
          tag="Kundenerfahrungen"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Marcus Weber, Hausbesitzer aus Nürnberg",              date: "Date: 15 Oktober 2024",              title: "Professionell, schnell und faire Preise",              quote: "Nach dem Sturm hatte unser Dach mehrere Lecks. Frankendach war noch am selben Tag da, hat alles provisorisch gesichert und ein korrektes Angebot gemacht. Die Reparatur war top, und der Preis war fair.",              tag: "Sturmschaden",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Marcus Weber",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "Marcus Weber"
            },
            {
              id: "2",              name: "Petra Hoffmann, Immobilien-Verwalterin aus Erlangen",              date: "Date: 22 September 2024",              title: "Zuverlässig und dokumentiert",              quote: "Wir verwalten mehrere Objekte und brauchen Partner, auf die wir zählen können. Bei Frankendach stimmt einfach alles: Termintreue, Dokumentation, faire Preise und professionelles Team.",              tag: "Facility Management",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",              avatarAlt: "Petra Hoffmann",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=2",              imageAlt: "Petra Hoffmann"
            },
            {
              id: "3",              name: "Thomas Krämer, Makler aus Bamberg",              date: "Date: 08 August 2024",              title: "Kompetent beim Dachkauf-Audit",              quote: "Frankendach hat mehrere Objekte für meine Käufer inspiziert. Die Berichte sind genau, ausführlich und unverzüglich. Das gibt meinen Clients echte Sicherheit beim Hauskauf.",              tag: "Kaufberatung",              avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",              avatarAlt: "Thomas Krämer",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",              imageAlt: "Thomas Krämer"
            },
            {
              id: "4",              name: "Sabine Gerhard, Hausbesitzerin aus Bayreuth",              date: "Date: 20 Juli 2024",              title: "Sanierung vom Feinsten – völlig transparent",              quote: "Unsere Dachsanierung war eine große Investition. Frankendach hat jeden Schritt erklärt, immer wieder Fotos gemacht und war völlig transparent. Das Ergebnis ist wunderbar und hält was es verspricht.",              tag: "Großprojekt",              avatarSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              avatarAlt: "Sabine Gerhard",              imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              imageAlt: "Sabine Gerhard"
            },
            {
              id: "5",              name: "Wolfgang Schäfer, Unternehmer aus Fürth",              date: "Date: 12 Juni 2024",              title: "Emergency-Response hat uns gerettet",              quote: "Hagelsturm über Nacht. Frankendach kam um 6 Uhr morgens! Blitzschnell alles provisorisch geschützt, Versicherungsdokumente. So soll Notfallservice sein.",              tag: "Notfalleinsatz",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Wolfgang Schäfer",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3",              imageAlt: "Wolfgang Schäfer"
            },
            {
              id: "6",              name: "Claudia Müller, Rentnerin aus Coburg",              date: "Date: 28 Mai 2024",              title: "Wie Familie – ehrlich und verlässlich",              quote: "Mit 75 Jahren bin ich froh, dass es noch solche ehrlichen Handwerker gibt. Frankendach hat mir geholfen, kostenlos Förderprogramme zu recherchieren und alles wurde pünktlich fertig.",              tag: "Altersgerechte Beratung",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg",              avatarAlt: "Claudia Müller",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-her-employees-background_1262-20305.jpg?_wi=3",              imageAlt: "Claudia Müller"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Häufig gestellte Fragen"
          description="Alles, was Sie über Dachsanierung, Reparatur und Notfallservice wissen müssen."
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Wie schnell ist Frankendach bei Notfällen erreichbar?",              content: "Bei Sturmschäden, Lecks oder anderen Dachnotfällen versuchen wir, innerhalb von 2-4 Stunden vor Ort zu sein. Anrufen Sie unsere Notfallhotline an – wir dokumentieren sofort und sichern provisorisch ab."
            },
            {
              id: "2",              title: "Bietet ihr Kostenvoranschläge an?",              content: "Ja, völlig kostenlos und unverbindlich. Wir inspizieren Ihr Dach, dokumentieren alles fotografisch und erstellen ein detailliertes Angebot mit Materialspezifikation, Timeline und allen Kosten. Sie erhalten das Angebot innerhalb von 1-2 Werktagen per E-Mail."
            },
            {
              id: "3",              title: "Seid ihr in meiner Region tätig?",              content: "Frankendach ist tätig in der Region Mittelfranken (Nürnberg, Erlangen, Bamberg, Bayreuth, Fürth, Coburg, Ansbach und Umgebung). Für die genaue Verfügbarkeit bei Ihnen vor Ort fragen Sie bitte bei der Anfrage direkt nach."
            },
            {
              id: "4",              title: "Wie lange dauert eine typische Dachsanierung?",              content: "Das hängt von der Größe und Art des Daches ab. Eine kleine Reparatur: 1–2 Tage. Eine mittlere Neueindeckung: 3–7 Tage. Eine komplette Sanierung mit Dämmung: 1–3 Wochen. Im Angebot wird immer ein verbindlicher Timeplan genannt."
            },
            {
              id: "5",              title: "Welche Materialien arbeitet ihr?",              content: "Wir arbeiten mit allen gängigen Dachmaterialien: Ziegel, Dachsteine, Schiefer, Metallbleche, Flachdachabdichtungen und Energiedächer. Für jedes Material empfehlen wir die beste Option je nach Budget, Architektur und Lebensdauer."
            },
            {
              id: "6",              title: "Gibt es eine Garantie auf eure Arbeiten?",              content: "Ja, wir geben 10 Jahre Gewährleistung auf alle Arbeiten und Materialien (gemäß VOB). Bei ordnungsgemäßer Wartung deckt diese auch Sturm- und Witterungsschäden ab. Details im Vertrag."
            },
            {
              id: "7",              title: "Kann ich Fördermittel für Sanierung bekommen?",              content: "Ja! Für energetische Dachsanierungen gibt es KfW- und BAFA-Förderungen. Wir informieren Sie über mögliche Programme und helfen bei der Beantragung. Das spart oft 10–30% der Kosten."
            },
            {
              id: "8",              title: "Wie wird das Dach während der Arbeiten geschützt?",              content: "Wir nutzen Schutzvorkehrungen und -plane, um Regenwasser und Schmutz zu verhindern. Bei mehrtägigen Projekten wird die Baustelle nachts und bei Regen zusätzlich abgedeckt. Sicherheit hat oberste Priorität."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ihr Dach braucht Hilfe? Kontaktieren Sie Frankendach jetzt – kostenlos, unverbindlich und schnell."
          animationType="reveal-blur"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          buttons={[
            { text: "Kostenlose Besichtigung anfragen", href: "#" },
            { text: "Jetzt anrufen +49 361 XXXX", href: "tel:+49361XXXX" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Frankendach"
          copyrightText="© 2025 Frankendach | Meisterbetrieb für Dachsanierung"
          columns={[
            {
              title: "Leistungen",              items: [
                { label: "Dachsanierung", href: "#features" },
                { label: "Dachreparatur", href: "#features" },
                { label: "Notfallservice", href: "#features" },
                { label: "Dachinspektion", href: "#features" }
              ]
            },
            {
              title: "Unternehmen",              items: [
                { label: "Über Frankendach", href: "#about" },
                { label: "Zertifikationen", href: "#social-proof" },
                { label: "Kundenerfahrungen", href: "#testimonials" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Kontakt & Info",              items: [
                { label: "Kostenlose Besichtigung", href: "#contact" },
                { label: "Notfall-Hotline", href: "tel:+49361XXXX" },
                { label: "Impressum", href: "#" },
                { label: "Datenschutz", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
