"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Clock, Key, Hammer, AlertCircle, Shield, Zap } from 'lucide-react';

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Dienstleistungen", id: "services" },
    { name: "Standorte", id: "locations" },
    { name: "Über uns", id: "about" },
    { name: "Kontakt", id: "contact" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Dienstleistungen", href: "/services" },
        { label: "Standorte", href: "/locations" },
      ],
    },
    {
      items: [
        { label: "Über uns", href: "/about" },
        { label: "Kontakt", href: "/contact" },
        { label: "FAQ", href: "#faq" },
      ],
    },
    {
      items: [
        { label: "Telefon: 079 451 76 06", href: "tel:+41794517606" },
        { label: "E-Mail: info@24h-schlüsseldienst.ch", href: "mailto:info@24h-schlüsseldienst.ch" },
        { label: "24/7 Notfall-Hotline", href: "tel:+41794517606" },
      ],
    },
    {
      items: [
        { label: "Datenschutz", href: "#" },
        { label: "Impressum", href: "#" },
        { label: "AGBs", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={navItems}
          brandName="24h Schlüsseldienst"
          button={{ text: "079 451 76 06", href: "tel:+41794517606" }}
          buttonClassName="bg-primary-cta text-primary-cta-text font-bold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="24h SCHLÜSSELDIENST"
          description="Schnelle Hilfe in der Deutschschweiz • Innerhalb von ~30 Minuten vor Ort • Faire Preise • 365 Tage im Jahr"
          buttons={[
            { text: "Jetzt anrufen", href: "tel:+41794517606" },
            { text: "Kostenlose Beratung", href: "#contact" },
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/young-man-fixing-door-with-screwdriver_123827-36994.jpg", imageAlt: "Professioneller Schlüsseldienst" },
            { imageSrc: "http://img.b2bpic.net/free-vector/24-hours-open-service-everyday-banner-with-clock-sign_1017-52830.jpg", imageAlt: "24h Notöffnung verfügbar" },
            { imageSrc: "http://img.b2bpic.net/free-photo/little-kids-trick-treating_53876-41124.jpg", imageAlt: "Ausgesperrt? Wir helfen schnell" },
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          title="Unsere Dienstleistungen"
          description="Professionelle Schlösser- und Sicherheitslösungen für alle Ihre Bedürfnisse"
          tag="Services"
          features={[
            { icon: Clock, title: "24h Notöffnung", description: "Rund um die Uhr erreichbar – Notöffnung mit schneller Reaktion innerhalb von ~30 Minuten." },
            { icon: Key, title: "Schlüssel verloren", description: "Schlüsselverlust ist kein Problem. Wir fertigen Ersatzschlüssel an und öffnen Ihre Türe." },
            { icon: Hammer, title: "Schloss defekt", description: "Reparatur oder Austausch von beschädigten Schlössern – schnell und zuverlässig." },
            { icon: AlertCircle, title: "Ausgesperrt", description: "Sie sind ausgesperrt? Unser Team öffnet Ihre Tür sachgerecht ohne Beschädigungen." },
            { icon: Shield, title: "Schliessanlagen", description: "Professionelle Schliessanlagen für Wohnungen, Büros und Gewerbe – mit Sicherheitsgarantie." },
            { icon: Zap, title: "Beratung & Planung", description: "Kostenlose Fachberatung zu Sicherheitslösungen und modernen Schliessanlagen." },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Über uns"
          title="Schweizer Qualität, faire Preise, maximale Transparenz"
          description="Mit jahrelanger Erfahrung im Schlüsseldienst bieten wir in der Deutschschweiz professionelle Lösungen – rund um die Uhr, 365 Tage im Jahr. Unser Team arbeitet nach höchsten Schweizer Qualitätsstandards und legt Wert auf faire Preisgestaltung ohne versteckte Kosten."
          metrics={[
            { value: "24/7/365", title: "Notfall-Verfügbarkeit" },
            { value: "~30min", title: "Durchschnittliche Ankunftszeit" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg"
          imageAlt="Unser professionelles Team"
          useInvertedBackground={true}
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Warum uns wählen?"
          description="Vertrauen Sie auf Schweizer Qualität und Erfahrung"
          tag="Qualitätsmerkmale"
          metrics={[
            { id: "1", value: "Transparent", title: "Faire Preisgestaltung ohne Überraschungen", items: ["Kostenlose Telefon-Beratung", "Vorabquotation vor Arbeitsstart", "Keine versteckten Kosten"] },
            { id: "2", value: "Zuverlässig", title: "24 Stunden, 365 Tage im Einsatz", items: ["Schnelle Ankunftszeiten", "Professionelle Techniker", "Sachgerechte Arbeitsweise"] },
            { id: "3", value: "Erfahren", title: "Langjährige Expertise in der Schliesserbranche", items: ["Zertifizierte Fachkräfte", "Moderne Ausrüstung", "Schweizer Handwerk"] },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Das sagen unsere Kunden"
          description="Echte Bewertungen von zufriedenen Kunden aus der ganzen Schweiz"
          tag="Testimonials"
          testimonials={[
            { id: "1", name: "Maria Keller", role: "Hausbesitzerin", company: "Zürich", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Maria Keller" },
            { id: "2", name: "Thomas Müller", role: "Geschäftsführer", company: "Bern", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Thomas Müller" },
            { id: "3", name: "Sandra Weber", role: "Privatkundin", company: "Basel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Sandra Weber" },
            { id: "4", name: "Peter Schmid", role: "Büro-Administrator", company: "Luzern", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Peter Schmid" },
            { id: "5", name: "Claudia Bruni", role: "Immobilien-Verwalterin", company: "Winterthur", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Claudia Bruni" },
            { id: "6", name: "Johannes Schneider", role: "Restaurant-Betreiber", company: "St. Gallen", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Johannes Schneider" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          columns={footerColumns}
          logoText="24h Schlüsseldienst"
        />
      </div>
    </ThemeProvider>
  );
}