"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
import AboutMetric from "@/components/sections/about/AboutMetric";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Clock, Leaf, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="KING KEBAP"
          navItems={[
            { name: "Speisekarte", id: "menu" },
            { name: "Über uns", id: "about" },
            { name: "Bewertungen", id: "reviews" },
            { name: "Standort", id: "location" }
          ]}
          button={{ text: "Jetzt anrufen", href: "tel:+4923899038216" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Frischer Döner in Werne"
          description="Frisches Fleisch. Knackiger Salat. Hausgemachte Soßen."
          tag="🏆 4,4 Sterne • 265 Bewertungen"
          imageSrc="http://img.b2bpic.net/free-photo/delicious-sandwiches-rolled-wood_1147-339.jpg"
          imageAlt="Frischer Döner mit saftigen Fleisch und knackigem Salat"
          buttons={[
            { text: "Route planen", href: "https://maps.google.com?q=KING+KEBAP+Werne+Bonenstrasse+40" },
            { text: "Jetzt anrufen", href: "tel:+4923899038216" }
          ]}
          showDimOverlay={true}
          showBlur={true}
          ariaLabel="Hero section with fresh döner image"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Warum KING KEBAP Werne?"
          metrics={[
            { icon: Star, label: "Google Bewertung", value: "4,4 ⭐" },
            { icon: Users, label: "Kundenbewertungen", value: "265+" },
            { icon: Leaf, label: "Frische Zutaten", value: "Täglich" },
            { icon: Clock, label: "Schnell & Freundlich", value: "Service" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Trust metrics and highlights"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Unsere Spezialitäten"
          description="Die beliebtesten Gerichte aus unserem Sortiment"
          products={[
            {
              id: "1",              name: "Dönertasche",              price: "5,50 €",              imageSrc: "http://img.b2bpic.net/free-photo/cooked-meat-veggies-kebab-wooden-board_23-2148651049.jpg",              imageAlt: "Leckere Dönertasche mit frischem Gemüse"
            },
            {
              id: "2",              name: "Lahmacun",              price: "4,50 €",              imageSrc: "http://img.b2bpic.net/free-photo/turkish-lahmajun-with-stuffed-meat-slice-lemon-herbs_140725-5560.jpg",              imageAlt: "Reichhaltiger Lahmacun mit Fleisch und Kräutern"
            },
            {
              id: "3",              name: "Dönersalat",              price: "7,50 €",              imageSrc: "http://img.b2bpic.net/free-photo/green-salad-with-crutones-table_140725-779.jpg",              imageAlt: "Frischer Dönersalat mit knackigem Gemüse"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Popular dishes showcase"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Das sagen unsere Kunden"
          description="Echte Bewertungen von echten Kunden aus Werne"
          testimonials={[
            {
              id: "1",              title: "Absolut lecker!",              quote: "Fleisch sehr lecker, Salat super frisch und das Brot genial. Kann ich nur jedem empfehlen!",              name: "Markus S.",              role: "Stammkunde",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg",              imageAlt: "Zufriedener Kunde"
            },
            {
              id: "2",              title: "Sauber und freundlich",              quote: "Freundliches Personal, super lecker und sehr sauber. Komme gerne wieder!",              name: "Sarah K.",              role: "Stammkunde",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-pleased-woman-smiling-as-seeing-something-tempting-want-try_176420-26133.jpg",              imageAlt: "Zufriedene Kundin"
            },
            {
              id: "3",              title: "Beste Döner in Werne",              quote: "Leckere Döner und reichhaltiger Lahmacun. Das ist mein Lieblingsladen!",              name: "Thomas M.",              role: "Stammkunde",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg",              imageAlt: "Zufriedener Kunde"
            },
            {
              id: "4",              title: "Preis-Leistung Top",              quote: "Für den Preis ungeschlagen. Schnell, lecker und immer frisch. Sehr zu empfehlen!",              name: "Julia L.",              role: "Stammkunde",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",              imageAlt: "Zufriedene Kundin"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Häufig gestellte Fragen"
          sideDescription="Antworten zu Öffnungszeiten, Preisen und Service"
          faqs={[
            {
              id: "1",              title: "Welche Öffnungszeiten habt ihr?",              content: "KING KEBAP in Werne ist täglich geöffnet und schließt um 21:00 Uhr. Wir freuen uns auf deinen Besuch!"
            },
            {
              id: "2",              title: "Bietet ihr einen Lieferservice an?",              content: "Derzeit bieten wir keinen Lieferdienst an. Du kannst dich aber gerne persönlich bei uns melden oder vorbeikommen. Speisen vor Ort oder zum Mitnehmen sind immer möglich!"
            },
            {
              id: "3",              title: "Wie viel kostet ein Döner?",              content: "Unsere Preise liegen zwischen 1 € und 10 € pro Person. Die Dönertasche kostet 5,50 €, Lahmacun 4,50 € und der Dönersalat 7,50 €."
            },
            {
              id: "4",              title: "Könnt ihr Vorbellstellungen entgegennehmen?",              content: "Ja! Ruf uns gerne an unter 02389 9038216 und reservier dein Lieblingsessen. Wir bereiten es frisch für dich vor!"
            },
            {
              id: "5",              title: "Sind die Zutaten frisch?",              content: "Selbstverständlich! Wir nutzen täglich frische Zutaten. Frisches Fleisch, knackiges Gemüse und hausgemachte Soßen sind unser Standard."
            },
            {
              id: "6",              title: "Wo befindet sich KING KEBAP?",              content: "Wir sind in der Bonenstraße 40 in Werne (59368) zu finden. Das ist zentral in der Innenstadt, leicht erreichbar und gut sichtbar!"
            }
          ]}
          buttons={[{ text: "Jetzt anrufen", href: "tel:+4923899038216" }]}
          faqsAnimation="slide-up"
          useInvertedBackground={true}
          showCard={true}
          textPosition="left"
          ariaLabel="Frequently asked questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="02389 9038216"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Anrufen", href: "tel:+4923899038216" },
            { text: "Route planen", href: "https://maps.google.com?q=KING+KEBAP+Werne+Bonenstrasse+40" }
          ]}
          useInvertedBackground={false}
          ariaLabel="Contact information and call to action"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="KING KEBAP Werne"
          columns={[
            {
              items: [
                { label: "Speisekarte", href: "#menu" },
                { label: "Über uns", href: "#about" },
                { label: "Bewertungen", href: "#reviews" }
              ]
            },
            {
              items: [
                { label: "Standort", href: "#location" },
                { label: "Öffnungszeiten", href: "#contact" },
                { label: "Kontakt", href: "tel:+4923899038216" }
              ]
            },
            {
              items: [
                { label: "Bonenstraße 40", href: "https://maps.google.com?q=KING+KEBAP+Werne+Bonenstrasse+40" },
                { label: "59368 Werne", href: "#" },
                { label: "Telefon: 02389 9038216", href: "tel:+4923899038216" }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}