"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Cake, Coffee, Egg, Milk, Salad, Sandwich, Soup, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Über Uns",
          id: "#about",
        },
        {
          name: "Speisekarte",
          id: "#menu",
        },
        {
          name: "Highlights",
          id: "#highlights",
        },
        {
          name: "Rezensionen",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Kontakt",
          id: "#contact",
        },
      ]}
      brandName="Backstübchen Seestraße"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Willkommen im Backstübchen Seestraße"
      description="Ihr gemütliches Café in Zeuthen – hausgemachte Kuchen, frischer Kaffee und herzhafte Spezialitäten direkt am See."
      tagAnimation="none"
      buttons={[
        {
          text: "Unsere Speisekarte",
          href: "#menu",
        },
        {
          text: "Jetzt Reservieren",
          href: "#contact",
        },
      ]}
      buttonAnimation="none"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg?_wi=1",
          imageAlt: "Gemütliches Café Interieur",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-pours-from-one-cup-coffee-into-another-full-cup-coffee-spills-from-edges_140725-9169.jpg?_wi=1",
          imageAlt: "Barista bei der Kaffeezubereitung",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-pops-with-colorful-sprinkles-macaroons-display-cabinet_23-2148028046.jpg?_wi=1",
          imageAlt: "Auslage mit frischem Gebäck",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-tea-cup-white-table_23-2148067066.jpg",
          imageAlt: "Reichhaltiges Frühstücksangebot",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/patio-with-stone-table-chairs-with-view-lake_181624-18481.jpg",
          imageAlt: "Außenbereich mit Seeblick",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cookies_7502-5086.jpg",
          imageAlt: "Künstlerische Latte Art",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Unsere Geschichte & Leidenschaft"
      description="Seit über 20 Jahren ist das Backstübchen Seestraße ein Ort der Begegnung und des Genusses. Mit viel Liebe zum Detail backen wir täglich frische Kuchen und bereiten exquisite Kaffeespezialitäten zu. Entdecken Sie unser gemütliches Ambiente direkt am See."
      tagAnimation="none"
      buttonAnimation="none"
      bulletPoints={[
        {
          title: "Hausgemachte Qualität",
          description: "Alle unsere Produkte werden täglich frisch und mit hochwertigen Zutaten zubereitet.",
        },
        {
          title: "Lokale Zutaten",
          description: "Wir setzen auf regionale Lieferanten, um Frische und Qualität zu garantieren.",
        },
        {
          title: "Herzliche Gastfreundschaft",
          description: "Fühlen Sie sich bei uns wie zu Hause – unser Team verwöhnt Sie mit Freude.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cup-coffee-cookie-put-windowsill_181624-22130.jpg"
      imageAlt="Gemütlicher Innenbereich des Backstübchen Cafés"
      mediaAnimation="none"
    />
  </div>

  <div id="highlights" data-section="highlights">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Frühstücksglück",
          description: "Starten Sie perfekt in den Tag mit unserem reichhaltigen Frühstück.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/oat-flakes-bowls-with-nuts-apricot-berries-pear-cherry-orange_176474-6873.jpg",
            imageAlt: "Reichhaltiges Frühstücksglück",
          },
          items: [
            {
              icon: Coffee,
              text: "Frisches Brot & Brötchen",
            },
            {
              icon: Milk,
              text: "Käse- und Wurstauswahl",
            },
            {
              icon: Egg,
              text: "Rührei & Spiegelei",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg?_wi=2",
          imageAlt: "full breakfast platter eggs",
        },
        {
          title: "Kaffee & Kuchen",
          description: "Genießen Sie handgemachten Kaffee und eine Auswahl an Kuchenklassikern.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/condensed-nut-dessert-sprinkled-with-powdered-sugar_140725-6600.jpg",
            imageAlt: "Kaffee und Kuchen im Backstübchen",
          },
          items: [
            {
              icon: Coffee,
              text: "Barista-Qualität Kaffee",
            },
            {
              icon: Cake,
              text: "Täglich frischer Kuchen",
            },
            {
              icon: Sparkles,
              text: "Saisonale Spezialitäten",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/man-pours-from-one-cup-coffee-into-another-full-cup-coffee-spills-from-edges_140725-9169.jpg?_wi=2",
          imageAlt: "full breakfast platter eggs",
        },
        {
          title: "Mittagsleckereien",
          description: "Leichte und herzhafte Gerichte für Ihre Mittagspause.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-bread-cheese-tomato-cucumber-sausage-greens-flat-lay-wooden-table_176474-8299.jpg",
            imageAlt: "Herzhafte Mittagsleckereien",
          },
          items: [
            {
              icon: Salad,
              text: "Frische Salate der Saison",
            },
            {
              icon: Soup,
              text: "Hausgemachte Suppe des Tages",
            },
            {
              icon: Sandwich,
              text: "Knusprige belegte Brötchen",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-pops-with-colorful-sprinkles-macaroons-display-cabinet_23-2148028046.jpg?_wi=2",
          imageAlt: "full breakfast platter eggs",
        },
      ]}
      title="Unsere Spezialitäten"
      description="Entdecken Sie die beliebtesten Kreationen, die unsere Gäste immer wieder begeistern. Frisch zubereitet und mit Liebe serviert."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "espresso",
          name: "Espresso",
          price: "2,80 €",
          imageSrc: "http://img.b2bpic.net/free-photo/beverage-leaf-cloth_23-2147885990.jpg",
          imageAlt: "Espresso",
        },
        {
          id: "cappuccino",
          name: "Cappuccino",
          price: "3,80 €",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-onion-soup-wooden-table_123827-19762.jpg",
          imageAlt: "Cappuccino",
        },
        {
          id: "apple-cake",
          name: "Apfelkuchen",
          price: "4,50 €",
          imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-apple-pie-with-jam_114579-65545.jpg",
          imageAlt: "Apfelkuchen",
        },
        {
          id: "cheesecake",
          name: "Käsekuchen",
          price: "4,70 €",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-kiwi-dessert-with-white-cream-candies-white-background-dessert-candy-cream-cake-fruit_140725-96527.jpg",
          imageAlt: "Käsekuchen",
        },
        {
          id: "scrambled-eggs",
          name: "Rührei mit Speck",
          price: "8,90 €",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-truffle-recipe_23-2149525125.jpg",
          imageAlt: "Rührei mit Speck",
        },
        {
          id: "sandwich",
          name: "Belegtes Brötchen",
          price: "5,50 €",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-toast-sandwich-with-cheese-ham-inside-along-with-flour-blue_140725-20950.jpg",
          imageAlt: "Belegtes Brötchen",
        },
      ]}
      title="Unsere komplette Speisekarte"
      description="Eine große Auswahl an Köstlichkeiten, die keine Wünsche offen lässt. Vom herzhaften Frühstück bis zum süßen Dessert."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "years",
          value: "20+",
          description: "Jahre Erfahrung",
        },
        {
          id: "coffee-cups",
          value: "5000+",
          description: "Tassen Kaffee jährlich",
        },
        {
          id: "homemade",
          value: "100%",
          description: "Hausgemachte Qualität",
        },
      ]}
      title="Das Backstübchen in Zahlen"
      description="Unsere Freude am Backen und Servieren spiegelt sich in der Zufriedenheit unserer Gäste wider."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sabine M.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5048.jpg",
        },
        {
          id: "2",
          name: "Thomas K.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg",
        },
        {
          id: "3",
          name: "Julia P.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pretty-woman-cafe-talking-phone_1262-14968.jpg",
        },
        {
          id: "4",
          name: "Michael S.",
          imageSrc: "http://img.b2bpic.net/free-photo/great-coffee-is-only-this-place_329181-2889.jpg",
        },
        {
          id: "5",
          name: "Heike B.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
        },
      ]}
      cardTitle="Was unsere Gäste sagen"
      cardTag="Stimmen der Zufriedenheit"
      buttonAnimation="none"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Haben Sie auch glutenfreie oder vegane Optionen?",
          content: "Ja, wir bieten eine Auswahl an glutenfreien Kuchen und veganen Snacks an. Bitte fragen Sie unser Personal nach den aktuellen Angeboten.",
        },
        {
          id: "2",
          title: "Kann man bei Ihnen reservieren?",
          content: "Gerne nehmen wir Reservierungen für Gruppen ab 6 Personen entgegen. Für kleinere Tische ist eine Reservierung in der Regel nicht notwendig.",
        },
        {
          id: "3",
          title: "Was sind Ihre Öffnungszeiten?",
          content: "Wir haben von Dienstag bis Sonntag von 9:00 bis 18:00 Uhr für Sie geöffnet. Montags ist Ruhetag.",
        },
        {
          id: "4",
          title: "Bieten Sie auch Speisen und Getränke zum Mitnehmen an?",
          content: "Selbstverständlich! Alle unsere Kuchen, Speisen und Getränke können Sie auch bequem mit nach Hause nehmen.",
        },
      ]}
      title="Häufig gestellte Fragen"
      description="Hier finden Sie Antworten auf die wichtigsten Fragen rund um Ihren Besuch bei uns."
      tagAnimation="none"
      buttonAnimation="none"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Besuchen Sie uns"
      title="Wir freuen uns auf Sie!"
      description="Das Backstübchen Seestraße befindet sich in idyllischer Lage direkt an der Seestraße in Zeuthen. Kommen Sie vorbei und genießen Sie eine Auszeit am See."
      tagAnimation="none"
      inputPlaceholder="Ihre E-Mail-Adresse"
      buttonText="Newsletter abonnieren"
      termsText="Mit der Anmeldung bestätigen Sie, dass Sie unsere Datenschutzbestimmungen gelesen und akzeptiert haben."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/provencal-style-house_1147-423.jpg"
      imageAlt="Außenansicht Backstübchen Seestraße"
      videoAriaLabel="Footer video"
      logoText="Backstübchen Seestraße"
      columns={[
        {
          title: "Öffnungszeiten",
          items: [
            {
              label: "Di - Fr: 9:00 - 18:00 Uhr",
              href: "#",
            },
            {
              label: "Sa - So: 9:00 - 18:00 Uhr",
              href: "#",
            },
            {
              label: "Montag: Ruhetag",
              href: "#",
            },
          ],
        },
        {
          title: "Anfahrt",
          items: [
            {
              label: "Seestraße 1, 15738 Zeuthen",
              href: "https://maps.app.goo.gl/example",
            },
            {
              label: "Route berechnen",
              href: "https://maps.app.goo.gl/example",
            },
          ],
        },
        {
          title: "Kontakt",
          items: [
            {
              label: "Telefon: 033762 12345",
              href: "tel:+493376212345",
            },
            {
              label: "E-Mail: info@backstuebchen.de",
              href: "mailto:info@backstuebchen.de",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Backstübchen Seestraße. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
