"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Wrench, Smartphone, Star, Clock, MapPin, Zap, Leaf, Phone, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="fluid"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Reperstion"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Kontakt", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Gerätereparatur ohne Termin in Wiesbaden"
          description="Schnelle, zuverlässige Reparaturen für Smartphones, Laptops und Tablets. Sofortreparatur. Kein Termin nötig. 5+ Jahre Erfahrung."
          tag="Lokale Reparatur"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          buttons={[
            { text: "Jetzt kontaktieren", href: "contact" },
            { text: "Mehr erfahren", href: "services" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/repairman-uses-magnifier-tweezers-repair-damaged-smartphone-close-up-photo-disassembled-smartphone_613910-20862.jpg"
          imageAlt="Reperstion Reparaturshop Wiesbaden"
          className="hero-section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="Unser Service-Angebot"
          description="Professionelle Reparaturen für alle gängigen Geräte und Hersteller"
          tag="Services"
          tagIcon={Smartphone}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Smartphones & Tablets",              description: "Display-, Akku- und Ladebuchsenreparatur für Samsung, iPhone, Huawei, Xiaomi und Google Pixel",              imageSrc: "http://img.b2bpic.net/free-photo/professional-uses-plastic-opener-tool-unplug-screen-cables-from-motherboard-smarthone-deattach-it-replace_346278-1199.jpg",              imageAlt: "Smartphone Reparatur"
            },
            {
              id: "02",              title: "Laptops & Computer",              description: "Professionelle Wartung und Reparatur für MacBook, Lenovo, HP, Dell und Samsung Geräte",              imageSrc: "http://img.b2bpic.net/free-photo/technician-clearing-circuit-board-disassembled-laptop_1098-13785.jpg",              imageAlt: "Laptop Reparatur Service"
            },
            {
              id: "03",              title: "Software & System",              description: "Betriebssystem-Installation, Virenentfernung, Datenrettung und Systemoptimierung",              imageSrc: "http://img.b2bpic.net/free-photo/serviceman-puts-small-screws-hole-with-angled-tweezers-close-backside-topcase-personal-computer-laptop-after-repairing-cleaning-service-his-lab_346278-1808.jpg",              imageAlt: "Software Reparatur Service"
            }
          ]}
        />
      </div>

      <div id="repair-details" data-section="repair-details">
        <ProductCardOne
          title="Reparaturleistungen im Überblick"
          description="Alle unsere Dienstleistungen im Detail – schnell, professionell, zuverlässig"
          tag="Detaillierte Services"
          tagIcon={Smartphone}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "display",              name: "Displayreparatur",              price: "ab 80€",              imageSrc: "http://img.b2bpic.net/free-photo/professional-uses-plastic-opener-tool-unplug-screen-cables-from-motherboard-smarthone-deattach-it-replace_346278-1199.jpg",              imageAlt: "Display Reparatur"
            },
            {
              id: "battery",              name: "Akkutausch",              price: "ab 60€",              imageSrc: "http://img.b2bpic.net/free-photo/professional-uses-plastic-opener-tool-unplug-screen-cables-from-motherboard-smarthone-deattach-it-replace_346278-1199.jpg",              imageAlt: "Akkutausch Service"
            },
            {
              id: "charging",              name: "Ladebuchse",              price: "ab 70€",              imageSrc: "http://img.b2bpic.net/free-photo/professional-uses-plastic-opener-tool-unplug-screen-cables-from-motherboard-smarthone-deattach-it-replace_346278-1199.jpg",              imageAlt: "Ladebuchsenreparatur"
            },
            {
              id: "water",              name: "Wasserschaden",              price: "auf Anfrage",              imageSrc: "http://img.b2bpic.net/free-photo/professional-uses-plastic-opener-tool-unplug-screen-cables-from-motherboard-smarthone-deattach-it-replace_346278-1199.jpg",              imageAlt: "Wasserschaden Diagnose"
            },
            {
              id: "camera",              name: "Kamera-Reparatur",              price: "ab 90€",              imageSrc: "http://img.b2bpic.net/free-photo/professional-uses-plastic-opener-tool-unplug-screen-cables-from-motherboard-smarthone-deattach-it-replace_346278-1199.jpg",              imageAlt: "Kamera Reparatur"
            },
            {
              id: "software",              name: "Software-Fehler",              price: "ab 50€",              imageSrc: "http://img.b2bpic.net/free-photo/technician-clearing-circuit-board-disassembled-laptop_1098-13785.jpg",              imageAlt: "Softwarereparatur"
            }
          ]}
        />
      </div>

      <div id="trust-metrics" data-section="trust-metrics">
        <AboutMetric
          title="Reperstion – 5+ Jahre Vertrauen und Kompetenz in Wiesbaden"
          useInvertedBackground={false}
          metricsAnimation="slide-up"
          metrics={[
            { icon: Clock, label: "Jahre Erfahrung", value: "5+" },
            { icon: MapPin, label: "Lokale Präsenz", value: "Wiesbaden" },
            { icon: Zap, label: "Sofortreparatur", value: "Ohne Termin" },
            { icon: Leaf, label: "Nachhaltig", value: "Reparatur statt Wegwerfen" }
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardThree
          title="Warum Reperstion?"
          description="Wir sind mehr als nur eine Reparaturwerkstatt – wir sind Ihr lokaler Experte für Gerätereparaturen"
          tag="Unser Vorteil"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Keine Termine nötig",              description: "Sofortreparatur: Bringen Sie Ihr Gerät vorbei und wir reparieren es direkt. Einfach und unkompliziert.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg",              imageAlt: "Reparaturshop Wiesbaden"
            },
            {
              id: "02",              title: "Lokale Expertise",              description: "5+ Jahre Erfahrung in der Gerätereparatur. Wir kennen jeden Hersteller und jedes Modell genau.",              imageSrc: "http://img.b2bpic.net/free-photo/technician-clearing-circuit-board-disassembled-laptop_1098-13785.jpg",              imageAlt: "Professionelle Reparaturtechniker"
            },
            {
              id: "03",              title: "Transparente Kommunikation",              description: "Direkter Kontakt per Telefon, WhatsApp oder persönlich. Kein Mittelmann, keine versteckten Gebühren.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-screw-cutting-machine-factory-that-makes-metal-details_645730-52.jpg",              imageAlt: "Kundenservice Betreuung"
            }
          ]}
        />
      </div>

      <div id="sustainability" data-section="sustainability">
        <FeatureCardThree
          title="Nachhaltigkeit & Verantwortung"
          description="Reparieren statt wegwerfen – wir reduzieren Elektroschrott und fördern ein nachhaltiges Konsumverhalten"
          tag="Umwelt-bewusst"
          tagIcon={Leaf}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="two-columns-alternating-heights"
          features={[
            {
              id: "01",              title: "Zweitleben für Geräte",              description: "Durch fachgerechte Reparaturen verlängern wir die Lebensdauer Ihrer Geräte erheblich und reduzieren Elektromüll.",              imageSrc: "http://img.b2bpic.net/free-photo/creative-student-making-photo-shell-via-smartphone-while-sitting-her-workplace_613910-3126.jpg",              imageAlt: "Nachhaltiges Reparaturkonzept"
            },
            {
              id: "02",              title: "Fachgerechte Entsorgung",              description: "Nicht reparierbare Komponenten werden fachgerecht recycelt oder entsorgt – umweltschonend und verantwortungsvoll.",              imageSrc: "http://img.b2bpic.net/free-photo/creative-student-making-photo-shell-via-smartphone-while-sitting-her-workplace_613910-3126.jpg",              imageAlt: "Fachgerechte Entsorgung"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Kontakt"
          title="Kontaktieren Sie uns jetzt"
          description="Wiesbaden | Keine Termine nötig | Sofortreparatur | Telefon, WhatsApp oder direkt vorbeikommen"
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Ihre E-Mail"
          buttonText="Newsletter abonnieren"
          termsText="Wir respektieren Ihre Privatsphäre. Sie können sich jederzeit abmelden."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Reperstion"
          copyrightText="© 2025 Reperstion. Reparaturservice Wiesbaden. Alle Rechte vorbehalten."
          socialLinks={[
            { icon: Phone, href: "tel:+496118123456", ariaLabel: "Telefon" },
            { icon: MessageCircle, href: "https://wa.me/49611812345", ariaLabel: "WhatsApp" },
            { icon: MapPin, href: "https://maps.google.com", ariaLabel: "Google Maps" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
