"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Speisekarte",          id: "#speisekarte"},
        {
          name: "Rezensionen",          id: "#rezensionen"},
        {
          name: "Kontakt",          id: "#kontakt"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/abstract-blue-natural-label_1284-50375.jpg"
      logoAlt="Taverne Santorini Logo"
      brandName="Taverne Santorini"
      button={{
        text: "Tisch reservieren",        href: "#kontakt"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Willkommen in der Taverne Santorini"
      description="Erleben Sie authentische griechische Gastfreundschaft und genießen Sie unsere köstlichen Spezialitäten in Kirn. Ein Geschmack Griechenlands, direkt vor Ihrer Haustür."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chicken-breast-with-cheese-arugula-grilled-vegetables_141793-1150.jpg",          imageAlt: "Authentic Greek Gyros Plate"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-feast-table-first-day-passover-seder_23-2150247732.jpg",          imageAlt: "Cozy Greek Restaurant Interior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/window-greek-mykonos-summer-mediterranean_1203-4553.jpg",          imageAlt: "Santorini Sunset View"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-seafood-side-dish-plates-with-shrimp-crab-meat-anchovy_140725-5179.jpg",          imageAlt: "Delicious Greek seafood platter"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-meals-pan-with-salad-pickles-flowers-wooden-surface_176474-6464.jpg",          imageAlt: "Fresh Greek appetizers plate"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/classic-greek-salad-fresh-vegetables-cucumber-tomato-sweet-pepper-lettuce-red-onion-feta-cheese-olives-with-olive-oil-healthy-food-top-view_1150-44959.jpg",          imageAlt: "Fresh Greek Salad"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mediterranean-diet-with-mussels_23-2148234889.jpg",          imageAlt: "Crispy Calamari Fritti"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/waffles-with-cream-syrup-served-with-cup-tea-green-table_114579-4242.jpg",          imageAlt: "Delicious Greek Baklava"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699922.jpg",          imageAlt: "Traditional Greek village with blue domes"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-gulas-dish-arrangement_23-2149072605.jpg",          imageAlt: "Cozy Greek restaurant outdoor seating"},
      ]}
      tag="Ihr griechisches Erlebnis"
      buttons={[
        {
          text: "Unsere Speisekarte",          href: "#speisekarte"},
        {
          text: "Tisch reservieren",          href: "#kontakt"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5060.jpg",          alt: "Smiling customer enjoying Greek food"},
        {
          src: "http://img.b2bpic.net/free-photo/young-african-american-man-waiting-lunch-while-sitting-restaurant_58466-16034.jpg",          alt: "Happy man eating at a restaurant"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459208.jpg",          alt: "Satisfied woman with delicious meal"},
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-outdoors_23-2148613033.jpg",          alt: "Person profile picture happy"},
        {
          src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575121.jpg",          alt: "Guest at Greek taverna smiling"},
      ]}
      avatarText="Über 500 begeisterte Gäste"
      marqueeItems={[
        {
          type: "text",          text: "Gastfreundschaft"},
        {
          type: "text",          text: "Qualität"},
        {
          type: "text",          text: "Tradition"},
        {
          type: "text",          text: "Genuss"},
        {
          type: "text",          text: "Herzlichkeit"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Über die Taverne Santorini"},
      ]}
      buttons={[
        {
          text: "Unsere Geschichte",          href: "#"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "dine-in",          title: "Speisen vor Ort",          tags: [
            "Restaurant",            "Gemütlich",            "Service"],
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-seafood-wine_23-2149410733.jpg",          imageAlt: "Gäste speisen im Restaurant"},
        {
          id: "takeaway",          title: "Zum Mitnehmen",          tags: [
            "Abholung",            "Bequem",            "Frisch"],
          imageSrc: "http://img.b2bpic.net/free-photo/nice-shy-girl-with-long-hair-looks-bakery-bag-standing-outdoor-restaraunt-front-old-building-pretty-stylish-lady-glasses-straightening-her-hair-posing-after-food-shopping_197531-3496.jpg",          imageAlt: "Griechisches Essen zum Mitnehmen"},
      ]}
      title="Ihre Griechischen Genussmomente"
      description="Ob gemütlich vor Ort oder bequem zum Mitnehmen – wir bieten Ihnen flexible Optionen, um unsere griechischen Spezialitäten zu genießen."
      tag="Ihr Genuss"
    />
  </div>

  <div id="speisekarte" data-section="speisekarte">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "prod-1",          name: "Gyros Teller",          price: "14,50 €",          variant: "Mit Pommes & Salat",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-lunch-setup-with-soup-kebab-rice-side-dishes_140725-2002.jpg",          imageAlt: "Gyros Teller"},
        {
          id: "prod-2",          name: "Moussaka",          price: "13,90 €",          variant: "Traditioneller Auflauf",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-2109.jpg",          imageAlt: "Moussaka"},
        {
          id: "prod-3",          name: "Souvlaki Spieß",          price: "15,80 €",          variant: "2 Spieße mit Reis & Salat",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-skewers-parchment-paper-with-tomatoes_23-2148699116.jpg",          imageAlt: "Souvlaki Spieß"},
        {
          id: "prod-4",          name: "Calamari Fritti",          price: "12,90 €",          variant: "Knusprig gebacken",          imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-smoked-salmon-cream-cheese-dill_114579-11404.jpg",          imageAlt: "Calamari Fritti"},
        {
          id: "prod-5",          name: "Griechischer Salat",          price: "9,50 €",          variant: "Horiatiki Salata",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-sliced-cucumbers-tomatoes-olive-white-cheese-inside-plate-with-tomatoes-grey-surface-vegetable-food-salad-meal-snack_140725-38004.jpg",          imageAlt: "Griechischer Salat"},
        {
          id: "prod-6",          name: "Ouzo",          price: "3,50 €",          variant: "Der Klassiker",          imageSrc: "http://img.b2bpic.net/free-photo/view-mexican-sotol-drink-glass_23-2150987522.jpg",          imageAlt: "Ouzo"},
      ]}
      title="Unsere Spezialitäten"
      description="Entdecken Sie eine Vielfalt an authentischen griechischen Gerichten, frisch zubereitet mit den besten Zutaten. Von klassischen Mezedes bis zu herzhaften Hauptspeisen."
    />
  </div>

  <div id="rezensionen" data-section="rezensionen">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          title: "Super lecker und Preislich top!",          quote: "\"Super leckeres Essen und Preislich gesehen total in Ordnung.\"",          name: "Anonym",          role: "Gast",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25268.jpg",          imageAlt: "Kunde 1"},
        {
          id: "t-2",          title: "Reichlich Fleisch mit tollen Beilagen",          quote: "\"Essen reichlich Fleisch mit Pommes + Tomatenreis + Salat, Dressing gut.\"",          name: "Anonym",          role: "Gast",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-food_23-2148125004.jpg",          imageAlt: "Kunde 2"},
        {
          id: "t-3",          title: "Unschlagbares Preis-Leistungs-Verhältnis",          quote: "\"Preis-Leistungsverhältnis (Achtung>riesengroße Portionen) ist mehr als korrekt.\"",          name: "Anonym",          role: "Gast",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-shrugging-while-his-boyfriend-giving-her-engagement-ring_23-2147891252.jpg",          imageAlt: "Kunde 3"},
        {
          id: "t-4",          title: "Sehr lecker und reichlich",          quote: "\"Essen war sehr lecker und reichlich. Bedienung super nett und zuvorkommend. Gemütlich eingerichtet und auch super zum Essen. Uns seht ihr wieder macht weiter so.\"",          name: "Marcel Heinrich",          role: "Local Guide",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-male-cook-chef-uniform-holding-plate-vegetables-trying-eat-them-isolated-pink-wall-with-copy-space_141793-101739.jpg",          imageAlt: "Marcel Heinrich"},
        {
          id: "t-5",          title: "10 Sterne mindestens!",          quote: "\"Sehr leckeres Essen,sind auf der ,Durchreise,am nächsten Tag nochmal hin.Nette Bedienung alles was das Herz begehrt Dankeschön für alles 10 Sterne mindestens .Preis Leistung unschlagbar,ein sehr sauberes Lokal\"",          name: "Monsel",          role: "Local Guide",          imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-lunch-restaurant_329181-11902.jpg",          imageAlt: "Monsel"},
      ]}
      title="Was unsere Gäste sagen"
      description="Ihre Zufriedenheit ist unser größtes Lob. Lesen Sie, was unsere Kunden über die Taverne Santorini berichten."
      tag="Kundenstimmen"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Wie sind die Öffnungszeiten der Taverne Santorini?",          content: "Wir öffnen donnerstags um 11:00 Uhr und sind bis 22:00 Uhr für Sie da. Für die genauen Öffnungszeiten an anderen Wochentagen, rufen Sie uns bitte an oder besuchen Sie unsere Google Maps Seite."},
        {
          id: "faq-2",          title: "Muss ich einen Tisch reservieren?",          content: "Eine Reservierung ist besonders an Wochenenden und Feiertagen empfehlenswert, um Wartezeiten zu vermeiden. Sie können bequem über unser Kontaktformular oder telefonisch reservieren."},
        {
          id: "faq-3",          title: "Bieten Sie auch Gerichte zum Mitnehmen an?",          content: "Ja, alle Gerichte unserer Speisekarte können Sie gerne zum Mitnehmen bestellen. Kommen Sie einfach vorbei oder rufen Sie uns im Voraus an."},
        {
          id: "faq-4",          title: "Kann ich bei Ihnen mit Kreditkarte bezahlen?",          content: "Ja, wir akzeptieren alle gängigen Kreditkarten sowie EC-Karten."},
      ]}
      title="Häufig gestellte Fragen"
      description="Hier finden Sie Antworten auf die wichtigsten Fragen rund um Ihren Besuch in der Taverne Santorini."
      tag="Informationen"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m-1",          value: "4.4 / 5",          title: "Google Bewertung",          items: [
            "Hervorragende Küche",            "Freundlicher Service",            "Gemütliches Ambiente"],
        },
        {
          id: "m-2",          value: "270+",          title: "Positive Rezensionen",          items: [
            "Essen ist sehr lecker",            "Reichliche Portionen",            "Unschlagbares Preis-Leistungs-Verhältnis"],
        },
        {
          id: "m-3",          value: "10+",          title: "Jahre Erfahrung",          items: [
            "Traditionelle Rezepte",            "Frische Zutaten",            "Griechische Gastfreundschaft"],
        },
      ]}
      title="Unsere Werte"
      description="Qualität, Zufriedenheit und Gastfreundschaft – das sind die Säulen der Taverne Santorini, die uns von Herzen wichtig sind."
      animationType="slide-up"
    />
  </div>

  <div id="kontakt" data-section="kontakt">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Besuchen Sie uns oder reservieren Sie!"
      description="Wir freuen uns darauf, Sie in der Taverne Santorini begrüßen zu dürfen. Kontaktieren Sie uns für Reservierungen oder Fragen."
      inputs={[
        {
          name: "Name",          type: "text",          placeholder: "Ihr Name",          required: true,
        },
        {
          name: "Email",          type: "email",          placeholder: "Ihre E-Mail-Adresse",          required: true,
        },
        {
          name: "Telefon",          type: "tel",          placeholder: "Ihre Telefonnummer"},
      ]}
      textarea={{
        name: "Nachricht",        placeholder: "Ihre Nachricht / Besondere Wünsche (z.B. Reservierungsdatum und -zeit, Anzahl Personen)"}}
      imageSrc="http://img.b2bpic.net/free-photo/hand-person-pointing-map_23-2147654154.jpg"
      imageAlt="Karte von Kirn mit Restaurant Standort"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Anfrage senden"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Taverne Santorini"
      columns={[
        {
          title: "Entdecken",          items: [
            {
              label: "Home",              href: "#home"},
            {
              label: "Speisekarte",              href: "#speisekarte"},
            {
              label: "Rezensionen",              href: "#rezensionen"},
          ],
        },
        {
          title: "Öffnungszeiten",          items: [
            {
              label: "Donnerstag: 11:00 - 22:00",              href: "#"},
            {
              label: "Andere Tage: Bitte anrufen",              href: "#"},
          ],
        },
        {
          title: "Kontakt",          items: [
            {
              label: "Marktpl 2, 55606 Kirn",              href: "https://www.google.com/maps/search/Marktpl+2,+55606+Kirn"},
            {
              label: "06752 1375700",              href: "tel:+4967521375700"},
            {
              label: "Tisch reservieren",              href: "#kontakt"},
          ],
        },
      ]}
      copyrightText="© 2024 Taverne Santorini. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
