"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Bell, Facebook, Instagram, MapPin, Pizza, Sparkles, Star, Users, X } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "home"},
        {
          name: "Über uns",          id: "about"},
        {
          name: "Speisekarte",          id: "menu"},
        {
          name: "Angebote",          id: "specials"},
        {
          name: "Kundenstimmen",          id: "testimonials"},
        {
          name: "Kontakt",          id: "contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/various-types-pasta-black_23-2147772035.jpg"
      logoAlt="Pizza Haus Logo"
      brandName="Pizza Haus"
      bottomLeftText="Beste Pizza seit 2005"
      bottomRightText="bestellung@pizzahaus.de"
      button={{
        text: "Jetzt bestellen",        href: "#menu"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Die beste Pizza in der Stadt"
      description="Frisch gebacken, knusprig und unwiderstehlich. Direkt zu dir geliefert – jederzeit ein Genuss!"
      buttons={[
        {
          text: "Jetzt bestellen",          href: "#menu"},
        {
          text: "Unsere Speisekarte",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/slice-pizza-board-with-tree-figurine-marble-surface_114579-25594.jpg"
      imageAlt="Köstliche, frisch gebackene Pizza"
      showDimOverlay={true}
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-portrait-charming-unshaved-dark-skinned-guy-holding-tasty-sandwich-while-walking-with-backpack-park-attending-food-festival-laughing-out-loud-expressing-good-mood_176420-19852.jpg",          alt: "Zufriedener Kunde"},
        {
          src: "http://img.b2bpic.net/free-photo/group-diverse-friends-using-mobile-phone-while-enjoying-meal-together-restaurant-friends-concept_58466-16797.jpg",          alt: "Glücklicher Gast"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-joyful-young-woman-carrying-pizza-picnic_74855-2907.jpg",          alt: "Lieferkunde"},
        {
          src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109580.jpg",          alt: "Begeisterter Esser"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-girl-eating-vegetables-while-making-meal-cooking-healthy-vegetarian-food_1258-197053.jpg",          alt: "Stammgast"},
      ]}
      avatarText="Mehr als 150.000 zufriedene Kunden"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Unsere Geschichte: Leidenschaft für Pizza"
      description="Seit unserer Gründung ist es unsere Mission, die authentischsten und leckersten Pizzen zu backen. Mit sorgfältig ausgewählten Zutaten und traditionellen Rezepten bringen wir ein Stück Italien auf deinen Tisch."
      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-delicious-cheesy-pepperoni-pizza-inside-brick-stone-oven_181624-58518.jpg"
      imageAlt="Traditioneller Pizzaofen mit Feuer"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Frische Zutaten",          description: "Wir verwenden nur die frischesten, hochwertigsten und, wo immer möglich, lokalen Zutaten für unsere Pizzen.",          imageSrc: "http://img.b2bpic.net/free-photo/cutter-near-raw-pizza_23-2147772088.jpg",          imageAlt: "Frische Zutaten für Pizza"},
        {
          title: "Handgemacht",          description: "Jede Pizza wird von unseren erfahrenen Pizzabäckern mit viel Liebe und nach traditionellen Rezepten zubereitet.",          imageSrc: "http://img.b2bpic.net/free-photo/hands-kneading-dough-with-flour-wooden-surface_23-2151997686.jpg",          imageAlt: "Hände bereiten Pizzateig zu"},
        {
          title: "Schnelle Lieferung",          description: "Heiss und pünktlich an deine Tür – geniesse deine Lieblingspizza ohne lange Wartezeiten.",          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-blonde-delivery-boy-holds-food-packages-pizza-boxes-isolated-olive-green-wall-with-copy-space_141793-116466.jpg",          imageAlt: "Pizzalieferung per Roller"},
        {
          title: "Vielfältige Auswahl",          description: "Ob klassisch oder kreativ, vegetarisch oder mit Fleisch – unsere Speisekarte bietet für jeden Geschmack die passende Pizza.",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-party_23-2151309473.jpg",          imageAlt: "Verschiedene Pizzasorten"},
      ]}
      title="Warum Pizza Haus?"
      description="Wir lieben Pizza so sehr wie du. Deshalb bieten wir dir nur das Beste."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      products={[
        {
          id: "pizza-1",          name: "Pizza Margherita",          price: "12.50 CHF",          variant: "Klassisch",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-traditional-pizza-arrangement_23-2148921291.jpg",          imageAlt: "Pizza Margherita"},
        {
          id: "pizza-2",          name: "Pizza Salami",          price: "14.00 CHF",          variant: "Würziger Genuss",          imageSrc: "http://img.b2bpic.net/free-photo/various-kind-pizza-slices-wooden-board_114579-88426.jpg",          imageAlt: "Pizza Salami"},
        {
          id: "pizza-3",          name: "Pizza Vegetaria",          price: "13.50 CHF",          variant: "Frisch & Gemüsig",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-uncooked-pizza-pan-with-ingredients_23-2148361349.jpg",          imageAlt: "Pizza Vegetaria"},
        {
          id: "pizza-4",          name: "Pizza Hawaii",          price: "14.50 CHF",          variant: "Exotisch",          imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza-isolated-white-background_123827-20895.jpg",          imageAlt: "Pizza Hawaii"},
        {
          id: "pizza-5",          name: "Pizza Funghi",          price: "13.00 CHF",          variant: "Pilzliebhaber",          imageSrc: "http://img.b2bpic.net/free-photo/goat-cheese-pizza-with-spinach-pesto-recipe-idea_53876-98257.jpg",          imageAlt: "Pizza Funghi"},
        {
          id: "pizza-6",          name: "Pizza Tonno",          price: "15.00 CHF",          variant: "Meeresbrise",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg",          imageAlt: "Pizza Tonno"},
      ]}
      title="Unsere köstliche Speisekarte"
      description="Entdecke unsere vielfältige Auswahl an Pizzen, von klassischen Favoriten bis zu neuen Kreationen."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      uniformGridCustomHeightClasses="min-h-none"
      testimonials={[
        {
          id: "testi-1",          name: "Anna Meier",          role: "Stammkundin",          testimonial: "Die Pizza bei Pizza Haus ist einfach die beste! Immer frisch, heiss und superlecker. Der Service ist auch top!",          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-eat-pizza-outdoor-cafeteria_273609-44914.jpg",          imageAlt: "Anna Meier"},
        {
          id: "testi-2",          name: "Max Huber",          role: "Food-Blogger",          testimonial: "Ich habe schon viele Pizzen probiert, aber Pizza Haus übertrifft alles. Die Qualität der Zutaten ist unschlagbar.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-package-delivered_23-2148964026.jpg",          imageAlt: "Max Huber"},
        {
          id: "testi-3",          name: "Lena Schmidt",          role: "Familienmutter",          testimonial: "Unsere ganze Familie liebt Pizza Haus. Besonders die Vegetaria ist ein Traum und die Lieferung ist immer schnell.",          imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112170.jpg",          imageAlt: "Lena Schmidt"},
        {
          id: "testi-4",          name: "Tom Müller",          role: "Student",          testimonial: "Perfekt für einen gemütlichen Abend. Gutes Preis-Leistungs-Verhältnis und die Pizza schmeckt wie in Italien!",          imageSrc: "http://img.b2bpic.net/free-photo/starving-children_1098-3203.jpg",          imageAlt: "Tom Müller"},
        {
          id: "testi-5",          name: "Sophie Weber",          role: "Unternehmerin",          testimonial: "Pizza Haus ist unser Go-to für Team-Lunches. Unkompliziert, lecker und immer pünktlich.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-baker-with-his-arms-crossed-looking-camera_23-2148189025.jpg",          imageAlt: "Sophie Weber"},
        {
          id: "testi-6",          name: "David Keller",          role: "Reisender",          testimonial: "Auf meiner Durchreise entdeckt und total begeistert! Eine der besten Pizzen, die ich je hatte.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-carefree-delighted-positive-lucky-young-blond-woman-hoodie-close-eyes-joyfully_1258-253940.jpg",          imageAlt: "David Keller"},
      ]}
      title="Was unsere Kunden sagen"
      description="Zufriedene Gesichter sind unser grösstes Lob. Lies, was unsere Gäste über Pizza Haus zu sagen haben."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      metrics={[
        {
          id: "metric-1",          icon: Award,
          title: "Jahre Erfahrung",          value: "19+"},
        {
          id: "metric-2",          icon: Users,
          title: "Zufriedene Kunden",          value: "150.000+"},
        {
          id: "metric-3",          icon: Pizza,
          title: "Gelieferte Pizzen",          value: "500.000+"},
        {
          id: "metric-4",          icon: MapPin,
          title: "Standorte",          value: "5"},
      ]}
      title="Unsere Zahlen sprechen für sich"
      description="Wir sind stolz auf das, was wir erreicht haben – und das ist erst der Anfang!"
    />
  </div>

  <div id="specials" data-section="specials">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      plans={[
        {
          id: "deal-1",          badge: "Beliebt",          badgeIcon: Sparkles,
          price: "22.00 CHF",          name: "Duo-Deal",          buttons: [
            {
              text: "Jetzt bestellen",              href: "#menu"},
          ],
          features: [
            "2 Pizzen (Medium)",            "1 Getränk 1.5L",            "2 Saucen nach Wahl",            "Ideal für Paare"],
        },
        {
          id: "deal-2",          badge: "Top Seller",          badgeIcon: Star,
          price: "38.00 CHF",          name: "Familien-Schmaus",          buttons: [
            {
              text: "Jetzt bestellen",              href: "#menu"},
          ],
          features: [
            "3 Pizzen (Gross)",            "2 Getränke 1.5L",            "4 Saucen nach Wahl",            "Perfekt für Familien"],
        },
        {
          id: "deal-3",          badge: "Neu",          badgeIcon: Bell,
          price: "18.50 CHF",          name: "Einzel-Glück",          buttons: [
            {
              text: "Jetzt bestellen",              href: "#menu"},
          ],
          features: [
            "1 Pizza (Medium)",            "1 Getränk 0.5L",            "1 Sauce nach Wahl",            "Dein Solo-Genuss"],
        },
      ]}
      title="Unsere unwiderstehlichen Angebote"
      description="Profitiere von unseren Deals und Menü-Optionen für jeden Anlass. Mehr Pizza für weniger Geld!"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Wie lange dauert die Lieferung?",          content: "Unsere Lieferzeiten variieren je nach Standort und Bestellaufkommen, liegen aber in der Regel zwischen 30 und 45 Minuten."},
        {
          id: "faq-2",          title: "Kann ich meine Pizza anpassen?",          content: "Ja, du kannst bei der Bestellung zusätzliche Beläge hinzufügen oder entfernen, um deine perfekte Pizza zu kreieren."},
        {
          id: "faq-3",          title: "Welche Zahlungsmethoden werden akzeptiert?",          content: "Wir akzeptieren Barzahlung, Kreditkarten (Visa, Mastercard) und gängige Online-Zahlungsdienste wie Twint oder PayPal."},
        {
          id: "faq-4",          title: "Bietet ihr glutenfreie Pizzen an?",          content: "Ja, wir haben glutenfreie Pizzaböden für die meisten unserer Pizzen. Bitte gib dies bei deiner Bestellung an."},
        {
          id: "faq-5",          title: "Gibt es vegane Optionen?",          content: "Wir bieten eine Auswahl an vegetarischen Pizzen und können auf Wunsch viele Pizzen vegan anpassen (z.B. mit veganem Käse)."},
      ]}
      title="Häufig gestellte Fragen"
      description="Antworten auf die häufigsten Fragen rund um unsere Pizzen, Bestellungen und Lieferung."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Kontaktiere uns"
      title="Lass uns reden!"
      description="Hast du Fragen, Anregungen oder möchtest eine grosse Bestellung aufgeben? Wir freuen uns auf deine Nachricht."
      imageSrc="http://img.b2bpic.net/free-photo/woman-talking-phone-drinking-coffee-outside-street-night_1303-11836.jpg"
      imageAlt="Telefon zur Kontaktaufnahme"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Deine E-Mail Adresse"
      buttonText="Senden"
      termsText="Durch das Klicken auf Senden stimmen Sie unseren Allgemeinen Geschäftsbedingungen zu."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Pizza Haus"
      copyrightText="© 2024 Pizza Haus. Alle Rechte vorbehalten."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram Link"},
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook Link"},
        {
          icon: X,
          href: "#",          ariaLabel: "Twitter (X) Link"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
