"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function ContactPage() {
  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="contact" data-section="contact">
        <ContactSplit
          tag="Kontakt"
          title="Kostenlose Beratung anfragen"
          description="Füllen Sie das Kontaktformular aus oder rufen Sie uns direkt an. Wir antworten innerhalb von 24 Stunden."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/mature-woman-dialing-phone-number-make-inquiries-about-productivity_482257-120221.jpg"
          imageAlt="Kontakt-Büro"
          mediaPosition="right"
          inputPlaceholder="Ihre E-Mail-Adresse"
          buttonText="Anfrage senden"
          termsText="Wir respektieren Ihre Privatsphäre. Ihre Daten werden vertraulich behandelt."
          mediaAnimation="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Häufig gestellte Fragen"
          description="Finden Sie schnelle Antworten zu unseren Services und Preisen"
          tag="FAQ"
          faqs={[
            { id: "1", title: "Wie schnell sind Sie vor Ort?", content: "Bei Notöffnungen sind wir in der Regel innerhalb von ~30 Minuten in der Deutschschweiz vor Ort. Bei Notfällen können wir auch schneller reagieren. Die genaue Zeit hängt von Ihrer Position und der Verkehrssituation ab." },
            { id: "2", title: "Sind Sie wirklich 24 Stunden verfügbar?", content: "Ja, wir sind rund um die Uhr, 365 Tage im Jahr erreichbar – auch an Wochenenden und Feiertagen. Rufen Sie einfach 079 451 76 06 an, um Hilfe zu erhalten." },
            { id: "3", title: "Wie berechnen Sie die Kosten?", content: "Wir arbeiten mit transparenten Preisen und versteckten Kosten. Vor jeder Arbeit erhalten Sie eine Kostenaufstellung. Notöffnungen kosten zwischen CHF 150–250, abhängig von Uhrzeit und Aufwand. Gerne beraten wir Sie telefonisch." },
            { id: "4", title: "Können Sie jedes Schloss öffnen?", content: "Ja, unser Team ist ausgebildet, die meisten Standard-Schlösser sachgerecht zu öffnen. Bei modernen Sicherheitsschlössern müssen wir manchmal Spezialwerkzeug einsetzen. Kontaktieren Sie uns für Details zu Ihrem Fall." },
            { id: "5", title: "Was soll ich tun, wenn ich meinen Schlüssel verliere?", content: "Rufen Sie uns an! Wir öffnen Ihre Tür und können Ihnen einen neuen Schlüssel anfertigen. Bei Schlüsselverlust ist schnelles Handeln wichtig – wir helfen Ihnen rund um die Uhr." },
            { id: "6", title: "Bieten Sie auch Geschäftskundenservice?", content: "Ja! Wir unterstützen Büros, Gewerbe und Immobilienverwaltungen mit Schliessanlagen, Wartung und Notöffnungen. Kontaktieren Sie uns für ein individuelles Angebot." },
          ]}
          textboxLayout="default"
          faqsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

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