"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="fluid"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="BAD- UND KÜCHENDESIGN"
          navItems={[
            { name: "Leistungen", id: "services" },
            { name: "Warum wir?", id: "why-us" },
            { name: "Referenzen", id: "references" },
            { name: "Kontakt", id: "contact" },
          ]}
          button={{ text: "Jetzt anrufen", href: "tel:+4917634559959" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Ihr Fliesenleger in Leipzig für hochwertige Bad- und Küchensanierungen"
          description="Professionelle Beratung. Saubere Ausführung. Faire Preise. Direkter Ansprechpartner vom Inhaber Jens Elsel."
          tag="⭐ 5,0 Bewertung"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg",              imageAlt: "Moderne Badsanierung mit professionellen Fliesen"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/center-cooktop-blue-modules-stone-backdrop_169016-69293.jpg",              imageAlt: "Hochwertige Küchenfliesen Installation"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg",              imageAlt: "Professionelle Duschsanierung"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg",              imageAlt: "Fliesenarbeiten im Wohnbereich"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-boy-how-shave_23-2149588744.jpg",              imageAlt: "Referenzbadezimmer nach Sanierung"},
          ]}
          buttons={[
            { text: "📞 Jetzt anrufen", href: "tel:+4917634559959" },
            { text: "📩 Kostenlose Anfrage", href: "#contact" },
          ]}
          background={{ variant: "fluid" }}
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
          tagAnimation="opacity"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          features={[
            {
              id: 1,
              title: "Badsanierung",              description: "Komplette Badsanierungen mit modernem Design, hochwertigen Materialien und präziser Handwerksarbeit",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg",              imageAlt: "Badsanierung"},
            {
              id: 2,
              title: "Küchenfliesen",              description: "Backsplash und Bodenfliesen für Ihre Traumküche – funktional, ästhetisch und langlebig",              imageSrc: "http://img.b2bpic.net/free-photo/center-cooktop-blue-modules-stone-backdrop_169016-69293.jpg",              imageAlt: "Küchenfliesen"},
            {
              id: 3,
              title: "Fliesenarbeiten",              description: "Flur, Garderobe und Wohnbereich – hochwertige Fliesenarbeiten überall im Haus",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg",              imageAlt: "Fliesenarbeiten"},
            {
              id: 4,
              title: "Duschsanierung",              description: "Moderne Duschsysteme mit dichter Verarbeitung und zeitlosem Design für maximalen Komfort",              imageSrc: "http://img.b2bpic.net/free-photo/minimal-bathroom-authentic-interior-design_53876-126793.jpg",              imageAlt: "Duschsanierung"},
          ]}
          title="Unsere Leistungen"
          description="Professionelle Fliesenarbeiten für Bad, Küche und Wohnbereich – mit Qualität und Zuverlässigkeit"
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="opacity"
          buttonAnimation="slide-up"
          mediaAnimation="opacity"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Warum BAD- UND KÜCHENDESIGN LEIPZIG?"},
          ]}
          buttons={[{ text: "Projekt anfragen", href: "#contact" }]}
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="references" data-section="references">
        <ProductCardTwo
          products={[
            {
              id: "ref-1",              brand: "Badsanierung",              name: "Modernes Badezimmer Leipzig",              price: "Professionell",              rating: 5,
              reviewCount: "Referenz",              imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-boy-how-shave_23-2149588744.jpg",              imageAlt: "Modernes Badezimmer nach Sanierung"},
            {
              id: "ref-2",              brand: "Küchenfliesen",              name: "Hochwertige Küchen-Installation",              price: "Professionell",              rating: 5,
              reviewCount: "Referenz",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-indoors_23-2149721881.jpg",              imageAlt: "Moderne Küche mit Fliesenarbeiten"},
            {
              id: "ref-3",              brand: "Duschsanierung",              name: "Luxus Dusche im Bad",              price: "Professionell",              rating: 5,
              reviewCount: "Referenz",              imageSrc: "http://img.b2bpic.net/free-photo/minimal-bathroom-authentic-interior-design_53876-126793.jpg",              imageAlt: "Moderne Duschanlage mit Fliesen"},
            {
              id: "ref-4",              brand: "Fliesenarbeiten",              name: "Flur- und Bodenarbeiten",              price: "Professionell",              rating: 5,
              reviewCount: "Referenz",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg",              imageAlt: "Professionelle Fliesenarbeiten im Flur"},
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          title="Unsere Referenzen"
          description="Saubere, präzise und hochwertige Fliesenarbeiten – schauen Sie sich unsere Projekte an"
          buttonAnimation="slide-up"
          tagAnimation="opacity"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Sehr angenehmer Kontakt, gute Beratung, saubere Ausführung und Termintreue. Jens Elsel ist zuverlässig und bietet faire Preise – ein echter Profi!"
          rating={5}
          author="Zufriedene Kunden aus Leipzig"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              alt: "Kundenfoto"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              alt: "Kundenfoto"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              alt: "Kundenfoto"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              alt: "Kundenfoto"},
          ]}
          ratingAnimation="opacity"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Bereit für Ihr nächstes Projekt? Kontaktieren Sie uns noch heute für eine unverbindliche Beratung."
          animationType="entrance-slide"
          buttons={[
            { text: "Jetzt Anfrage stellen", href: "#contact-form" },
            { text: "WhatsApp schreiben", href: "https://wa.me/4917634559959" },
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Startseite", href: "#" },
                { label: "Leistungen", href: "#services" },
                { label: "Referenzen", href: "#references" },
                { label: "Kontakt", href: "#contact" },
              ],
            },
            {
              title: "Kontakt",              items: [
                { label: "Telefon: 0176 34559959", href: "tel:+4917634559959" },
                { label: "Großmannstraße 17", href: "#" },
                { label: "04177 Leipzig", href: "#" },
                { label: "Deutschland", href: "#" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Badsanierung", href: "#services" },
                { label: "Küchenfliesen", href: "#services" },
                { label: "Fliesenarbeiten", href: "#services" },
                { label: "Duschsanierung", href: "#services" },
              ],
            },
            {
              title: "Rechtliches",              items: [
                { label: "Datenschutz", href: "#" },
                { label: "Impressum", href: "#" },
                { label: "AGB", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 BAD- UND KÜCHENDESIGN LEIPZIG. Alle Rechte vorbehalten."
          bottomRightText="Professionelle Fliesenarbeiten in Leipzig"
        />
      </div>
    </ThemeProvider>
  );
}
