"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Calendar, Car, CheckCircle, CreditCard, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmall"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Über Uns",          id: "#about"},
        {
          name: "Vorteile",          id: "#features"},
        {
          name: "Fahrzeuge",          id: "#products"},
        {
          name: "Kundenstimmen",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="AB Autohandel"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      imagePosition="right"
      title="Finden Sie Ihr Traumauto bei AB Autohandel"
      description="Ihr vertrauenswürdiger Partner für hochwertige Gebrauchtwagen und erstklassigen Service in der Region. Entdecken Sie unsere breite Auswahl an geprüften Fahrzeugen."
      testimonials={[
        {
          name: "Markus S.",          handle: "@markus.s.reviews",          testimonial: "Der Service bei AB Autohandel war hervorragend! Ich habe mein Wunschauto gefunden und die Abwicklung war super schnell und unkompliziert. Absolut empfehlenswert!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21755.jpg",          imageAlt: "Markus S."},
        {
          name: "Anna K.",          handle: "@anna_k_cars",          testimonial: "Kompetente Beratung und eine ehrliche Abwicklung. Hier fühlt man sich als Kunde wirklich wertgeschätzt. Mein nächstes Auto kaufe ich definitiv wieder hier.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-looking-camera-medium-shot_23-2148266200.jpg",          imageAlt: "Anna K."},
        {
          name: "Thomas L.",          handle: "@thomas_l_auto",          testimonial: "Ich war auf der Suche nach einem zuverlässigen Familienwagen und wurde bei AB Autohandel fündig. Die Qualität des Fahrzeugs und der Service sind top!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193162.jpg",          imageAlt: "Thomas L."},
        {
          name: "Sophie M.",          handle: "@sophie.m.drives",          testimonial: "Von der ersten Kontaktaufnahme bis zur Schlüsselübergabe war alles perfekt. Das Team ist super freundlich und hilfsbereit. Fünf Sterne!",          imageSrc: "http://img.b2bpic.net/free-photo/women-introducing-themselves-car-showroom_23-2148266159.jpg",          imageAlt: "Sophie M."},
        {
          name: "David R.",          handle: "@david_r_motors",          testimonial: "Professionell, transparent und kundenorientiert. AB Autohandel hat meine Erwartungen übertroffen. Bin sehr zufrieden mit meinem neuen Gebrauchtwagen.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-seller-asking-sign-some-car-purchase-documents_651396-2410.jpg",          imageAlt: "David R."},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Alle Fahrzeuge entdecken",          href: "#products"},
        {
          text: "Finanzierungsoptionen",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",          alt: "Markus S."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",          alt: "Anna K."},
        {
          src: "http://img.b2bpic.net/free-photo/blonde-curly-woman-man-sitting-trunk-car-autumn-forest-with-thermo-cup_1157-50990.jpg",          alt: "Thomas L."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-curly-hair-wearing-shirt_273609-19786.jpg",          alt: "Sophie M."},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",          alt: "Ein weiterer zufriedener Kunde"},
      ]}
      avatarText="Mehr als 1.000+ zufriedene Kunden"
      imageSrc="http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746564.jpg"
      imageAlt="Luxuriöses schwarzes Auto im Showroom"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Top-Bewertungen"},
        {
          type: "text-icon",          text: "Zertifizierte Fahrzeuge",          icon: CheckCircle,
        },
        {
          type: "text",          text: "Persönliche Beratung"},
        {
          type: "text-icon",          text: "Flexible Finanzierung",          icon: CreditCard,
        },
        {
          type: "text",          text: "Kundenzufriedenheit"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Über AB Autohandel – Ihr zuverlässiger Partner"
      description={[
        "Seit über 20 Jahren sind wir Ihr zuverlässiger Partner beim Autokauf in der Region. Wir stehen für Transparenz, Fairness und eine breite Auswahl an sorgfältig geprüften Gebrauchtwagen.",        "Unser erfahrenes Team ist darauf spezialisiert, Ihnen ein individuelles und zufriedenstellendes Kauferlebnis zu bieten. Wir nehmen uns Zeit für Ihre Wünsche und beraten Sie umfassend zu allen Modellen, Finanzierungsmöglichkeiten und Garantieleistungen. Bei AB Autohandel finden Sie nicht nur ein Auto, sondern ein komplettes Servicepaket, das Sie auf jeder Fahrt begleitet und Ihnen Sicherheit gibt."]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Geprüfte Qualität",          description: "Jedes unserer Fahrzeuge durchläuft eine strenge Qualitätskontrolle, um Ihnen höchste Zuverlässigkeit zu garantieren.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1359.jpg",              imageAlt: "Automechaniker überprüft Motor"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-little-son-by-car_1303-31629.jpg",              imageAlt: "Sauberes Auto in der Sonne"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/smooth-driving-vibrant-sports-car-illuminated-success-generative-ai_188544-46342.jpg",              imageAlt: "Lenkrad eines modernen Autos"},
          ]
        },
        {
          title: "Flexible Finanzierung",          description: "Wir finden die passende Finanzierungslösung für Ihr Budget, damit Ihr Traumauto schnell Wirklichkeit wird.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/analyst-office_1098-14665.jpg",              imageAlt: "Person unterschreibt Finanzierungsdokumente"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-view-off-road-car-with-nature-terrain-weather-conditions_23-2151430048.jpg",              imageAlt: "Autoschlüssel auf Vertrag"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-tablet-outside-drinking-coffee_23-2149318503.jpg",              imageAlt: "Glückliches Paar im Autohaus"},
          ]
        },
        {
          title: "Umfassender Service",          description: "Von der Beratung bis zur Übergabe und darüber hinaus – wir sind für Sie da, mit Leidenschaft und Expertise.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-laughing-car_23-2148320269.jpg",              imageAlt: "Kunde erhält Autoschlüssel"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-try-fix-car-engine-problem-local-road-chiang-mai-thailand_1150-10486.jpg",              imageAlt: "Auto wird gereinigt"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/car-highway-wind-energy-highway-eco-transport-modern-landscape_169016-68558.jpg",              imageAlt: "Kundengespräch im Autohaus"},
          ]
        },
      ]}
      title="Ihre Vorteile bei AB Autohandel"
      description="Wir bieten Ihnen mehr als nur Fahrzeuge. Profitieren Sie von unserem Rundum-Service und der Sicherheit, die Sie beim Autokauf verdienen."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "car-1",          name: "Mercedes-Benz C-Klasse",          price: "€ 28.500",          imageSrc: "http://img.b2bpic.net/free-photo/mom-daughter-having-fun_624325-128.jpg",          imageAlt: "Eleganter Mercedes-Benz C-Klasse Limousine"},
        {
          id: "car-2",          name: "BMW 3er Touring",          price: "€ 26.900",          imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg",          imageAlt: "Sportlicher BMW 3er Touring Kombi"},
        {
          id: "car-3",          name: "Audi A4 Avant",          price: "€ 27.200",          imageSrc: "http://img.b2bpic.net/free-photo/husband-with-pregnant-wife-their-son-sitting-car_1303-11096.jpg",          imageAlt: "Geräumiger Audi A4 Avant Diesel"},
        {
          id: "car-4",          name: "VW Golf 8",          price: "€ 19.800",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-helping-man_23-2149901395.jpg",          imageAlt: "Effizienter VW Golf 8 Benziner"},
        {
          id: "car-5",          name: "Ford Kuga",          price: "€ 23.000",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-adventure-time-with-off-road-vehicle-rough-terrain_23-2151476230.jpg",          imageAlt: "Robuster Ford Kuga SUV Allrad"},
        {
          id: "car-6",          name: "Skoda Octavia Combi",          price: "€ 17.500",          imageSrc: "http://img.b2bpic.net/free-photo/two-charging-electric-cars-charge-station-city_1268-17712.jpg",          imageAlt: "Praktischer Skoda Octavia Combi mit viel Stauraum"},
      ]}
      title="Unser aktuelles Fahrzeugangebot für Sie"
      description="Durchstöbern Sie unsere sorgfältig ausgewählten Gebrauchtwagen. Jedes Fahrzeug wurde umfassend geprüft und ist bereit für Ihre nächste Fahrt. Qualität, die überzeugt."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      animationType="slide-up"
      metrics={[
        {
          id: "m1",          value: "20+",          title: "Jahre Erfahrung",          description: "Seit über zwei Jahrzehnten Ihr vertrauenswürdiger Partner im professionellen Autohandel.",          icon: Calendar,
        },
        {
          id: "m2",          value: "5000+",          title: "Zufriedene Kunden",          description: "Tausende Kunden haben bereits erfolgreich ihr Wunschauto bei uns gefunden.",          icon: Users,
        },
        {
          id: "m3",          value: "250+",          title: "Fahrzeuge auf Lager",          description: "Eine große und stets aktuelle Auswahl an geprüften Gebrauchtwagen erwartet Sie.",          icon: Car,
        },
      ]}
      title="Unsere Erfolgszahlen sprechen für sich"
      description="Vertrauen Sie auf unsere langjährige Expertise und die hohe Zufriedenheit unserer Kunden. Wir sind stolz auf unsere Leistungen."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Stefan Maier",          role: "Vertriebsleiter",          company: "TechSolutions GmbH",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-portrait-happy-man-driving-car_158595-4181.jpg",          imageAlt: "Stefan Maier",          testimonial: "Der Service bei AB Autohandel war hervorragend! Mein neues Auto fährt sich traumhaft und die Beratung war erstklassig. Absolut empfehlenswert."
        },
        {
          id: "t2",          name: "Lena Fischer",          role: "Marketing Managerin",          company: "KreativWerk AG",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-sitting-front-car_23-2148384976.jpg",          imageAlt: "Lena Fischer",          testimonial: "Ich bin begeistert von meinem neuen Gebrauchtwagen. AB Autohandel hat meine Erwartungen übertroffen – top Qualität und professionelle Abwicklung."
        },
        {
          id: "t3",          name: "Jan Becker",          role: "Softwareentwickler",          company: "CodeFlow UG",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dealership-salesman-showing-clients-components-car-hood_482257-113640.jpg",          imageAlt: "Jan Becker",          testimonial: "Das Team von AB Autohandel ist äußerst kompetent und freundlich. Der gesamte Kaufprozess verlief reibungslos und transparent. Gerne wieder!"
        },
        {
          id: "t4",          name: "Claudia Schmidt",          role: "Architektin",          company: "DesignKonzept",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117144.jpg",          imageAlt: "Claudia Schmidt",          testimonial: "Vom ersten Kontakt bis zur Abholung meines Traumautos – alles perfekt organisiert. AB Autohandel bietet wirklich einen Premium-Service."
        },
        {
          id: "t5",          name: "Felix Wagner",          role: "Unternehmensberater",          company: "StrategiePlus",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434335.jpg",          imageAlt: "Felix Wagner",          testimonial: "Ich schätze die ehrliche Beratung und die fairen Preise bei AB Autohandel. Mein neues Fahrzeug ist genau das, was ich gesucht habe. Top!"
        },
      ]}
      title="Das sagen unsere zufriedenen Kunden"
      description="Ihre Zufriedenheit ist unser größter Ansporn und Erfolg. Lesen Sie hier authentische Erfahrungsberichte unserer geschätzten Kunden."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Bieten Sie Finanzierungsmöglichkeiten an?",          content: "Ja, wir arbeiten mit renommierten Banken zusammen und erstellen maßgeschneiderte Finanzierungslösungen, die perfekt auf Ihr Budget abgestimmt sind. Kontaktieren Sie uns für eine persönliche Beratung!"},
        {
          id: "q2",          title: "Kann ich mein aktuelles Fahrzeug in Zahlung geben?",          content: "Selbstverständlich! Wir bewerten Ihr aktuelles Fahrzeug transparent und fair und unterbreiten Ihnen gerne ein attraktives Angebot für die Inzahlungnahme bei einem Neukauf."},
        {
          id: "q3",          title: "Wie wird die Qualität der Fahrzeuge sichergestellt?",          content: "Alle unsere Gebrauchtfahrzeuge durchlaufen eine strenge, mehrstufige Qualitätskontrolle und werden von erfahrenen Technikern geprüft und gewartet, um höchste Sicherheit und Zuverlässigkeit zu gewährleisten."},
        {
          id: "q4",          title: "Bieten Sie Garantien auf Gebrauchtwagen an?",          content: "Ja, wir bieten verschiedene umfangreiche Garantiepakete für unsere Gebrauchtwagen an, die Ihnen zusätzliche Sicherheit und Schutz bieten. Die Details besprechen wir gerne persönlich."},
        {
          id: "q5",          title: "Kann ich eine Probefahrt vereinbaren?",          content: "Absolut! Eine Probefahrt ist bei uns jederzeit möglich und ausdrücklich erwünscht. Bitte vereinbaren Sie vorab einen Termin, damit wir Ihr Wunschfahrzeug optimal vorbereiten können."},
        {
          id: "q6",          title: "Wo finde ich Ihr Autohaus?",          content: "Sie finden uns in der Musterstraße 123, 12345 Autostadt. Unsere Öffnungszeiten sind Montag bis Freitag von 9:00 - 18:00 Uhr und Samstag von 10:00 - 14:00 Uhr."
        }
      ]}
      title="Häufig gestellte Fragen zu AB Autohandel"
      description="Hier finden Sie schnelle und präzise Antworten auf die wichtigsten Fragen rund um den Autokauf, unsere Services und AB Autohandel."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      text="Bereit für Ihr nächstes Fahrzeugerlebnis? Kontaktieren Sie AB Autohandel noch heute!"
      buttons={[
        {
          text: "Jetzt anrufen",          href: "tel:+49123456789"},
        {
          text: "E-Mail senden",          href: "mailto:info@abautohandel.de"},
        {
          text: "Route planen",          href: "https://www.google.com/maps/dir/?api=1&destination=Musterstraße+123,12345+Autostadt",          target: "_blank"
        }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Fahrzeuge",          items: [
            {
              label: "Alle Fahrzeuge",              href: "#products"},
            {
              label: "Limousinen",              href: "#products"},
            {
              label: "SUVs",              href: "#products"},
            {
              label: "Kombis",              href: "#products"},
          ],
        },
        {
          title: "Service",          items: [
            {
              label: "Finanzierung",              href: "#contact"},
            {
              label: "Inzahlungnahme",              href: "#about"},
            {
              label: "Garantie",              href: "#faq"},
            {
              label: "Werkstatt",              href: "#contact"},
          ],
        },
        {
          title: "Unternehmen",          items: [
            {
              label: "Über uns",              href: "#about"},
            {
              label: "Kontakt",              href: "#contact"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Impressum",              href: "#"},
            {
              label: "Datenschutz",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 AB Autohandel. Alle Rechte vorbehalten."
      bottomRightText="Mit Leidenschaft für Automobile in Deutschland entwickelt."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
