"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Cog, Droplet, Flame, Leaf, Smile, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="floatingGradient"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Über Uns",
          id: "about",
        },
        {
          name: "Speisekarte",
          id: "menu",
        },
        {
          name: "Bewertungen",
          id: "testimonials",
        },
        {
          name: "Kontakt",
          id: "contact",
        },
      ]}
      brandName="DÖNERWERK"
      button={{
        text: "Jetzt Bestellen!",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars",
      }}
      title="DÖNERWERK: Der Beste Döner Wiens!"
      description="Erleben Sie den Geschmack, der Wien verzaubert hat. Frische Zutaten, handgemachte Saucen und ein Service, der begeistert."
      tag="Top-Bewertet"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Jetzt Speisekarte entdecken",
          href: "#menu",
        },
        {
          text: "Standort finden",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/roasted-peppers-with-vegetables_1157-18.jpg?_wi=1",
          imageAlt: "Ein köstlicher Döner Kebab im Vordergrund",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg?_wi=1",
          imageAlt: "Einladendes Interieur des Dönerwerk Restaurants",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-shish-kebab-with-vegetables-ketchup-mayonnaise_114579-9163.jpg",
          imageAlt: "Chicken shish kebab with vegetables,ketchup,mayonnaise",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cooked-meat-veggies-kebab-long-view_23-2148651054.jpg",
          imageAlt: "Cooked meat and veggies kebab long view",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-serbian-food-arrangement_23-2149358057.jpg",
          imageAlt: "High angle tasty serbian food arrangement",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="4.9 / 5 Sterne (190 Bewertungen)"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Unsere Geschichte: Frische & Leidenschaft"
      description="Bei DÖNERWERK dreht sich alles um authentischen Genuss. Seit unserer Gründung sind wir bekannt für handgemachte Saucen, sorgfältig ausgewählte Zutaten und einen Service, der von Herzen kommt. Wir glauben, dass guter Döner mehr ist als nur eine Mahlzeit – es ist ein Erlebnis."
      bulletPoints={[
        {
          title: "Frische Zutaten",
          description: "Nur die besten, täglich frischen Zutaten finden ihren Weg in unsere Gerichte.",
          icon: Leaf,
        },
        {
          title: "Handgemachte Saucen",
          description: "Unsere einzigartigen Saucen werden täglich mit viel Liebe und nach Geheimrezepten zubereitet.",
          icon: Cog,
        },
        {
          title: "Freundlicher Service",
          description: "Wir nehmen uns Zeit für Sie – probieren Sie unser Fleisch, bevor Sie bestellen!",
          icon: Smile,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-delicious-shawarma-dish_23-2151805408.jpg"
      imageAlt="Ein Koch bereitet frischen Döner vor"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Immer Frisch",
          description: "Unsere Produkte werden täglich frisch geliefert und verarbeitet, um höchste Qualität zu garantieren.",
          bentoComponent: "reveal-icon",
          icon: Sparkles,
          imageSrc: "http://img.b2bpic.net/free-photo/chopped-tomato-cucumber-sanad-cup-with-herbs_114579-75060.jpg",
          imageAlt: "fresh vibrant vegetables herbs",
        },
        {
          title: "Eigene Saucenkreationen",
          description: "Entdecken Sie unsere exklusiven Saucen, die nach traditionellen Familienrezepten von Hand zubereitet werden.",
          bentoComponent: "reveal-icon",
          icon: Droplet,
          imageSrc: "http://img.b2bpic.net/free-photo/roasted-peppers-with-vegetables_1157-18.jpg?_wi=2",
          imageAlt: "fresh vibrant vegetables herbs",
        },
        {
          title: "Unvergesslicher Geschmack",
          description: "Jeder Bissen ist eine Reise – erleben Sie den authentischen, unvergleichlichen DÖNERWERK-Geschmack.",
          bentoComponent: "reveal-icon",
          icon: Flame,
          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg?_wi=2",
          imageAlt: "fresh vibrant vegetables herbs",
        },
      ]}
      title="Was uns Einzigartig macht"
      description="Wir lieben, was wir tun, und das schmeckt man in jedem einzelnen Gericht. Von der sorgfältigen Auswahl der Zutaten bis zur herzlichen Begrüßung – Qualität und Gastfreundschaft sind unsere Versprechen an Sie."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Klassischer Döner",
          price: "€ 6,50",
          imageSrc: "http://img.b2bpic.net/free-photo/street-food-still-life_23-2151535293.jpg",
          imageAlt: "Klassischer Döner Kebab",
        },
        {
          id: "p2",
          name: "Falafel Wrap",
          price: "€ 5,90",
          imageSrc: "http://img.b2bpic.net/free-photo/tortilla-wrap-with-falafel-fresh-salad-vegan-tacos-vegetarian-healthy-food-top-view_2829-14449.jpg",
          imageAlt: "Knuspriger Falafel Wrap",
        },
        {
          id: "p3",
          name: "Dürüm",
          price: "€ 7,50",
          imageAlt: "Großer Dürüm Wrap",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-burrito-with-tomato-cucumber-lettuce-jalapeno-served-with-fries-sauces_141793-2111.jpg",
        },
        {
          id: "p4",
          name: "Vegetarischer Döner",
          price: "€ 6,90",
          imageAlt: "Vegetarischer Döner",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chicken-doner-bread-without-top_140725-8689.jpg",
        },
        {
          id: "p5",
          name: "Iskender Kebab",
          price: "€ 12,90",
          imageAlt: "Iskender Kebab Teller",
          imageSrc: "http://img.b2bpic.net/free-photo/vietnamese-pizza_1339-1076.jpg",
        },
        {
          id: "p6",
          name: "Pommes Frites",
          price: "€ 3,50",
          imageAlt: "Portion Pommes Frites",
          imageSrc: "http://img.b2bpic.net/free-photo/bunch-raw-pasta-wooden-bowl_114579-76283.jpg",
        },
      ]}
      title="Unsere Speisekarte"
      description="Entdecken Sie unsere Vielfalt – von klassischem Döner bis zu vegetarischen Köstlichkeiten. Jedes Gericht ist ein Meisterwerk, frisch zubereitet und mit Liebe serviert."
    />
  </div>

  <div id="ratings" data-section="ratings">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          icon: Star,
          title: "Durchschnittliche Bewertung",
          value: "4.9 / 5",
        },
        {
          id: "m2",
          icon: Users,
          title: "Zufriedene Kunden",
          value: "190+",
        },
        {
          id: "m3",
          icon: Award,
          title: "Ruf",
          value: "Bester Döner Wiens",
        },
      ]}
      title="Was Kunden über uns sagen"
      description="Unsere Leidenschaft für Qualität spiegelt sich in jedem Feedback wider. Erfahren Sie, warum wir immer wieder als Wiens bester Döner bezeichnet werden."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="Der beste Döner, den ich je hatte! Super freundliches Personal, frische Zutaten und einfach unglaublich lecker. Ich komme jedes Mal hierher, wenn ich in Wien bin."
      rating={5}
      author="Sarah M., Indonesien"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-happy-woman-with-long-hair-smiles-gladfully-has-clean-natural-skin-ni-make-up-feels-happy-wears-casual-jumper-poses-against-pink-background-positive-human-face-expressions-feelings_273609-58332.jpg",
          alt: "Avatar von Sarah M.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",
          alt: "Avatar von David K.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-u-smiling-woman-holding-map-taking-selfie-outdoors_23-2148203086.jpg",
          alt: "Avatar von Maria L.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiley-father-posing-with-arms-crossed_23-2148414862.jpg",
          alt: "Avatar von Emre A.",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-male-female-university-students-sitting-staircase-looking-camera_23-2148093052.jpg",
          alt: "Avatar von Lisa P.",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="community" data-section="community">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Globale Feinschmecker",
        "Reiseblogger",
        "Lokale Helden",
        "Food Critics",
        "Internationale Studenten",
        "Wien Besucher",
        "Döner Kenner",
      ]}
      title="Von Gästen weltweit geliebt"
      description="Unsere Fans kommen von überall – aus Indonesien, Irland, der Türkei und der ganzen Welt, um unseren Döner zu genießen. Werden auch Sie Teil unserer globalen Familie der Döner-Liebhaber!"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "Sind alle Zutaten frisch?",
          content: "Ja, wir legen größten Wert auf Frische. Alle unsere Zutaten werden täglich bezogen und sorgfältig verarbeitet, um Ihnen das beste Geschmackserlebnis zu bieten.",
        },
        {
          id: "faq2",
          title: "Gibt es vegetarische und vegane Optionen?",
          content: "Absolut! Neben unserem klassischen Döner bieten wir auch köstliche Falafel-Gerichte und einen speziellen vegetarischen Döner an. Fragen Sie unser Personal nach veganen Alternativen!",
        },
        {
          id: "faq3",
          title: "Kann ich das Fleisch vorher probieren?",
          content: "Ja, das ist bei uns Tradition! Wir möchten, dass Sie sich von der Qualität unseres Fleisches überzeugen, bevor Sie Ihre Bestellung aufgeben.",
        },
        {
          id: "faq4",
          title: "Bieten Sie auch Catering an?",
          content: "Für Catering-Anfragen bitten wir Sie, uns direkt telefonisch oder per E-Mail zu kontaktieren. Wir besprechen gerne Ihre individuellen Wünsche.",
        },
      ]}
      sideTitle="Häufig gestellte Fragen"
      sideDescription="Haben Sie noch Fragen? Wir haben die Antworten zu unseren Zutaten, Öffnungszeiten, vegetarischen Optionen und mehr."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Kontakt & Standort"
      title="Besuchen Sie uns in Wien"
      description="Wir freuen uns auf Ihren Besuch! Finden Sie uns am Julius-Tandler-Platz und erleben Sie den DÖNERWERK-Geschmack. Für Reservierungen oder Fragen rufen Sie uns gerne an."
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-public-transport-arrangement_23-2148967330.jpg"
      imageAlt="Google Maps Ansicht des Dönerwerk Standorts"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Ihre Nachricht"
      buttonText="Nachricht senden"
      termsText="Durch das Senden bestätigen Sie, dass Sie unsere Datenschutzbestimmungen gelesen haben und akzeptieren."
      onSubmit={() => alert('Nachricht gesendet!')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="DÖNERWERK"
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "Über Uns",
              href: "#about",
            },
            {
              label: "Speisekarte",
              href: "#menu",
            },
            {
              label: "Bewertungen",
              href: "#testimonials",
            },
            {
              label: "Kontakt",
              href: "#contact",
            },
          ],
        },
        {
          title: "Öffnungszeiten",
          items: [
            {
              label: "Mo–Do: 11:00–22:00 Uhr",
              href: "#",
            },
            {
              label: "Fr: 11:00–23:00 Uhr",
              href: "#",
            },
            {
              label: "Sa: 12:00–23:00 Uhr",
              href: "#",
            },
            {
              label: "So: 12:00–21:00 Uhr",
              href: "#",
            },
          ],
        },
        {
          title: "Kontakt",
          items: [
            {
              label: "Julius-Tandler-Platz 3",
              href: "#",
            },
            {
              label: "1090 Wien, Österreich",
              href: "#",
            },
            {
              label: "+43 660 2059173",
              href: "tel:+436602059173",
            },
            {
              label: "info@dönerwerk.at",
              href: "mailto:info@dönerwerk.at",
            },
          ],
        },
      ]}
      copyrightText="© 2024 DÖNERWERK. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
