"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { MessageCircle } from "lucide-react";

export default function FAQPage() {
  const navItems = [
    { name: "Startseite", id: "/" },
    { name: "Dienstleistungen", id: "/dienstleistungen" },
    { name: "Über uns", id: "/uber-uns" },
    { name: "FAQ", id: "/faq" },
    { name: "Kontakt", id: "/kontakt" },
  ];

  const footerColumns = [
    {
      title: "Dienstleistungen",      items: [
        { label: "Unfallgutachten", href: "/dienstleistungen" },
        { label: "Wertermittlung", href: "/dienstleistungen" },
        { label: "Oldtimer-Gutachten", href: "/dienstleistungen" },
        { label: "Flotten-Gutachten", href: "/dienstleistungen" },
      ],
    },
    {
      title: "Unternehmen",      items: [
        { label: "Über uns", href: "/uber-uns" },
        { label: "Unser Team", href: "/uber-uns" },
        { label: "Blog", href: "#" },
        { label: "Karriere", href: "#" },
      ],
    },
    {
      title: "Kontakt",      items: [
        { label: "Kontaktformular", href: "/kontakt" },
        { label: "Tel: 030 - 123 456 789", href: "tel:+493012345789" },
        { label: "Email: info@kfz-gutachter-berlin.de", href: "mailto:info@kfz-gutachter-berlin.de" },
        { label: "Adresse", href: "#" },
      ],
    },
    {
      title: "Rechtliches",      items: [
        { label: "Impressum", href: "#" },
        { label: "Datenschutz", href: "#" },
        { label: "AGB", href: "#" },
        { label: "Disclaimer", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItems.map((item) => ({
            name: item.name,
            id: item.id,
          }))}
          button={{
            text: "Jetzt anfragen",            href: "/kontakt"}}
          brandName="KFZ Gutachter Berlin"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Häufig gestellte Fragen"
          description="Antworten auf die wichtigsten Fragen rund um unsere Gutachtendienstleistungen."
          faqs={[
            {
              id: "1",              title: "Wie lange dauert ein Gutachten?",              content: "Die Vor-Ort-Besichtigung dauert normalerweise 1-2 Stunden. Die vollständige Berichterstellung erfolgt in der Regel innerhalb von 24-48 Stunden nach Besichtigung. Bei Eilanträgen können wir schnellere Lösungen anbieten."},
            {
              id: "2",              title: "Was kostet ein KFZ-Gutachten?",              content: "Die Kosten richten sich nach Gutachtenart und Fahrzeugtyp. Unfallgutachten beginnen ab 150 Euro. Eine detaillierte Kostenaufstellung erfolgt vor Leistungserbringung. Alle Preise sind nach BEMA-Gebührenordnung kalkuliert."},
            {
              id: "3",              title: "Kommt ihr zu mir nach Hause?",              content: "Ja, wir kommen gerne zu Ihnen. Die Fahrtkosten sind kostenlos in ganz Berlin und dem näheren Umland. Bei Werkstätten oder Versicherungen führen wir die Besichtigung vor Ort durch."},
            {
              id: "4",              title: "Sind eure Gutachten gerichtsfest?",              content: "Ja, alle unsere Gutachten sind gerichtsfest und von Gerichten anerkannt. Wir arbeiten nach den höchsten Standards und sind jederzeit bereit, unsere Ergebnisse vor Gericht zu vertreten."},
            {
              id: "5",              title: "Welche Gutachtenarten bietet ihr an?",              content: "Wir bieten an: Unfallschadengutachten, Wertermittlungen, Oldtimer- und Klassiker-Gutachten, Kaufberatungsgutachten, Gewerbliche Flottengutachten, Weiterschadenprognosen und Schadensersatzgutachten."},
            {
              id: "6",              title: "Wer bezahlt das Gutachten?",              content: "Bei Versicherungsfällen trägt in der Regel die Versicherung die Kosten. Bei privaten Ankäufen oder Verkäufen können wir flexible Lösungen finden. Klären Sie dies am besten vorher mit Ihrer Versicherung oder dem jeweiligen Partner."},
            {
              id: "7",              title: "Wie kann ich ein Gutachten beauftragen?",              content: "Kontaktieren Sie uns per Telefon, E-Mail oder nutzen Sie unser Online-Anfrageformular. Wir vereinbaren dann einen Termin zur Besichtigung. Eine schriftliche Bestätigung erhalten Sie per E-Mail mit allen wichtigen Informationen."},
            {
              id: "8",              title: "Seid ihr auch außerhalb Berlins tätig?",              content: "Ja, wir bieten Dienstleistungen in Berlin und dem näheren Umland an. Für Anfragen außerhalb unseres Standardbereichs kontaktieren Sie uns bitte direkt – wir prüfen gerne eine Lösung."}
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Weitere Fragen?"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          title="Wir helfen Ihnen gerne weiter"
          description="Haben Sie noch Fragen, die nicht beantwortet wurden? Kontaktieren Sie uns direkt – unser Team ist schnell und freundlich für Sie erreichbar."
          buttons={[
            { text: "Kontakt aufnehmen", href: "/kontakt" },
            { text: "Angebot anfordern", href: "/dienstleistungen" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="KFZ Gutachter Berlin"
          columns={footerColumns}
          copyrightText="© 2025 KFZ Gutachter Berlin. Alle Rechte vorbehalten."
        />
      </div>
    </ThemeProvider>
  );
}