"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Coffee, Salad, Smile, Sunrise, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLarge"
        background="grid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Über Uns",
          id: "#about",
        },
        {
          name: "Highlights",
          id: "#features",
        },
        {
          name: "Speisekarte",
          id: "#menu",
        },
        {
          name: "Angebote",
          id: "#offers",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Kontakt",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/coffee-pastry-shop-logo-vector-set_53876-61817.jpg"
      logoAlt="Café Noir Logo"
      brandName="Café Noir"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "radial-gradient",
      }}
      title="Café Noir: Dein Zuhause für exquisite Gaumenfreuden"
      description="Entdecke bei uns eine Welt aus aromatischem Kaffee, verlockenden Desserts und einer gemütlichen Atmosphäre, die zum Verweilen einlädt. Rollstuhlgerecht, familienfreundlich und immer einladend."
      buttons={[
        {
          text: "Jetzt Reservieren",
          href: "#contact",
        },
        {
          text: "Unsere Speisekarte",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg"
      imageAlt="Gemütliches Café Noir Interieur"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Qualität und Gastfreundschaft im Herzen von Café Noir"
      metrics={[
        {
          icon: Coffee,
          label: "Kaffeesorten",
          value: "20+",
        },
        {
          icon: Smile,
          label: "Glückliche Gäste",
          value: "Täglich",
        },
        {
          icon: Award,
          label: "Ausgezeichnet",
          value: "5 Sterne",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Guter Kaffee",
          description: "Wir servieren nur sorgfältig ausgewählten, aromatischen Kaffee von höchster Qualität, perfekt zubereitet.",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg",
          imageAlt: "Latte Art in einer Kaffeetasse",
        },
        {
          title: "Große Auswahl an Teesorten",
          description: "Entdecke unsere vielfältige Auswahl an erlesenen Tees, von klassisch bis exotisch – für jeden Geschmack ist etwas dabei.",
          imageSrc: "http://img.b2bpic.net/free-photo/teapot-lemon-tea-dried-chinese-chrysanthemum-flowers-arranged-row-table_23-2148028121.jpg",
          imageAlt: "Verschiedene Teesorten und Teekannen",
        },
        {
          title: "Gute Desserts",
          description: "Unsere hausgemachten Desserts sind eine Sünde wert! Frisch gebacken und unwiderstehlich lecker.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-yummy-cake-with-lemon-slices-candies-cup-tea-dark-background-biscuit-cake-fruit-citrus-sweet-cookie_140725-110254.jpg",
          imageAlt: "Reiche Auswahl an Desserts und Kuchen",
        },
        {
          title: "Rollstuhlgerechte Ausstattung",
          description: "Wir sind stolz darauf, ein Café zu sein, das für alle zugänglich ist – mit rollstuhlgerechten Sitzgelegenheiten, Eingang und WC.",
          imageSrc: "http://img.b2bpic.net/free-photo/place-disabled-frankfurt-germany_1268-20934.jpg",
          imageAlt: "Rollstuhlgerechter Eingang eines Cafés",
        },
        {
          title: "Flexible Serviceoptionen",
          description: "Ob drinnen, draußen, zum Mitnehmen oder vor Ort – genieße deine Bestellung, wie es dir am besten passt.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-hand-holding-coffee-cup-white_140725-19770.jpg",
          imageAlt: "Außensitzplätze eines Cafés",
        },
        {
          title: "Arbeitsfreundliche Umgebung",
          description: "Mit kostenlosem WLAN und einer ruhigen Atmosphäre ist Café Noir der perfekte Ort, um am Laptop zu arbeiten.",
          imageSrc: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991459.jpg",
          imageAlt: "Person arbeitet mit Laptop in einem Café",
        },
      ]}
      title="Unsere Highlights: Qualität in jeder Tasse und auf jedem Teller"
      description="Bei Café Noir legen wir Wert auf erstklassige Produkte und ein unvergessliches Erlebnis für all unsere Gäste."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Französisches Frühstück",
          price: "€12.50",
          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-croissant-white-plate-with-black-coffee_181624-60129.jpg",
          imageAlt: "Kaffee und Croissant für das Frühstück",
        },
        {
          id: "p2",
          name: "Avocado Brunch Toast",
          price: "€14.00",
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-food-arrangement-flat-lay_23-2148941588.jpg",
          imageAlt: "Avocado Toast mit pochiertem Ei",
        },
        {
          id: "p3",
          name: "Schwarzwälder Kirschtorte",
          price: "€6.80",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-cake-topper_23-2149232381.jpg",
          imageAlt: "Stück Schwarzwälder Kirschtorte",
        },
        {
          id: "p4",
          name: "Café Latte Spezial",
          price: "€4.20",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
          imageAlt: "Kaffee Latte mit Kunst",
        },
        {
          id: "p5",
          name: "Vegane Buddha Bowl",
          price: "€13.50",
          imageSrc: "http://img.b2bpic.net/free-photo/salad-fresh-vegetables-tomato-cucumber-feta-cheese-greek-style_2829-4406.jpg",
          imageAlt: "Bunte Vegane Buddha Bowl",
        },
        {
          id: "p6",
          name: "Spätabends Tapas",
          price: "€18.00",
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-composition-with-colorful-vegetables_23-2147992856.jpg",
          imageAlt: "Cocktail und kleine Tapas Teller",
        },
      ]}
      title="Unsere Speisekarte: Für jeden Geschmack etwas dabei"
      description="Vom herzhaften Frühstück bis zu feinen Süßspeisen – entdecke unsere vielfältigen Angebote und täglichen Spezialitäten."
    />
  </div>

  <div id="offers" data-section="offers">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "offer-1",
          badge: "Frühstück",
          badgeIcon: Sunrise,
          price: "Ab €9.90",
          subtitle: "Dein perfekter Start in den Tag",
          buttons: [
            {
              text: "Mehr erfahren",
              href: "#menu",
            },
          ],
          features: [
            "Kaffee oder Tee inklusive",
            "Frische Backwaren",
            "Optionale Extras verfügbar",
            "Täglich bis 11:30 Uhr",
          ],
        },
        {
          id: "offer-2",
          badge: "Mittagstisch",
          badgeIcon: Salad,
          price: "Ab €11.50",
          subtitle: "Gesund & lecker, schnell serviert",
          buttons: [
            {
              text: "Jetzt probieren",
              href: "#menu",
            },
          ],
          features: [
            "Tagesgericht wechselnd",
            "Inklusive Softdrink",
            "Auch als vegane Option",
            "Mo-Fr, 12:00-14:00 Uhr",
          ],
        },
        {
          id: "offer-3",
          badge: "Abend-Special",
          badgeIcon: Wine,
          price: "Ab €15.00",
          subtitle: "Entspannte Abende mit Genuss",
          buttons: [
            {
              text: "Reservieren",
              href: "#contact",
            },
          ],
          features: [
            "Kleine Gerichte zum Teilen",
            "Ausgewählte Weine & Cocktails",
            "Gemütliches Ambiente",
            "Do-Sa, ab 18:00 Uhr",
          ],
        },
      ]}
      title="Entdecke unsere besonderen Angebote"
      description="Genieße unsere saisonalen Spezialitäten und exklusiven Menüpunkte, die deinen Besuch unvergesslich machen."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Anna Schmidt",
          role: "Stammgast",
          company: "München",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drinking-coffee_23-2150378310.jpg",
          imageAlt: "Portrait von Anna Schmidt",
        },
        {
          id: "2",
          name: "Max Mustermann",
          role: "Blogger",
          company: "KaffeeKultur",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-with-dark-curly-hair-white-costume-sitting-table-with-cup-coffee-hands-happily-looking-laptop-while-spending-time-cafe-street_574295-3294.jpg",
          imageAlt: "Portrait von Max Mustermann",
        },
        {
          id: "3",
          name: "Lisa Müller",
          role: "Studentin",
          company: "TUM",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg",
          imageAlt: "Portrait von Lisa Müller",
        },
        {
          id: "4",
          name: "Dr. Klaus Meier",
          role: "Architekt",
          company: "Meier Architekten",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-drinking-coffee_23-2150378256.jpg",
          imageAlt: "Portrait von Dr. Klaus Meier",
        },
        {
          id: "5",
          name: "Sophia Becker",
          role: "Freiberuflerin",
          company: "Kreativagentur",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-summer-city_1157-26215.jpg",
          imageAlt: "Portrait von Sophia Becker",
        },
        {
          id: "6",
          name: "Jonas Weber",
          role: "Koch",
          company: "Restaurant Weber",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/indonesian-businesswoman-with-laptop_1098-21349.jpg",
          imageAlt: "Portrait von Jonas Weber",
        },
      ]}
      kpiItems={[
        {
          value: "5 Sterne",
          label: "Durchschnittliche Bewertung",
        },
        {
          value: "100%",
          label: "Gäste Zufriedenheit",
        },
        {
          value: "Seit 2010",
          label: "Im Herzen der Stadt",
        },
      ]}
      title="Was unsere Gäste sagen"
      description="Echte Bewertungen von zufriedenen Kunden, die die herzliche Atmosphäre und die hervorragenden Angebote im Café Noir genossen haben."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Kann ich einen Tisch reservieren?",
          content: "Ja, wir empfehlen besonders für Brunch-Zeiten und Gruppen, eine Reservierung vorzunehmen. Dies kann telefonisch oder über unser Kontaktformular erfolgen.",
        },
        {
          id: "faq-2",
          title: "Ist das Café rollstuhlgerecht?",
          content: "Absolut! Unser Café verfügt über einen rollstuhlgerechten Eingang, entsprechende Sitzgelegenheiten und ein barrierefreies WC, um allen Gästen Komfort zu bieten.",
        },
        {
          id: "faq-3",
          title: "Sind Hunde erlaubt?",
          content: "Hunde sind in unserem Außenbereich herzlich willkommen. Im Innenbereich bitten wir um Verständnis, dass Haustiere nicht gestattet sind.",
        },
        {
          id: "faq-4",
          title: "Bietet ihr vegane oder vegetarische Optionen an?",
          content: "Ja, wir haben eine vielfältige Auswahl an veganen und vegetarischen Gerichten auf unserer Speisekarte, die regelmäßig aktualisiert wird.",
        },
        {
          id: "faq-5",
          title: "Gibt es kostenloses WLAN?",
          content: "Selbstverständlich! Wir bieten kostenloses WLAN für alle unsere Gäste an, sodass Sie entspannt arbeiten oder surfen können.",
        },
        {
          id: "faq-6",
          title: "Welche Zahlungsmethoden werden akzeptiert?",
          content: "Wir akzeptieren Debitkarten, Kreditkarten und mobile Zahlungen per NFC für Ihre Bequemlichkeit.",
        },
      ]}
      title="Häufig gestellte Fragen"
      description="Finde schnell Antworten auf die gängigsten Fragen zu unseren Services, Angeboten und Richtlinien bei Café Noir."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Kontaktiere Uns"
      title="Besuche uns im Café Noir"
      description="Wir freuen uns darauf, dich in unserem Café willkommen zu heißen. Kontaktiere uns für Reservierungen oder weitere Fragen. Wir sind nur eine Nachricht entfernt!"
      imageSrc="http://img.b2bpic.net/free-photo/sincere-greetings-from-colleagues-birthday-girl-cafe_8353-10073.jpg"
      imageAlt="Gemütlicher Innenbereich des Café Noir"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Deine Nachricht..."
      buttonText="Nachricht senden"
      termsText="Mit dem Absenden der Nachricht stimmen Sie unseren Datenschutzbestimmungen zu."
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Café Noir"
      columns={[
        {
          title: "Entdecken",
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "Speisekarte",
              href: "#menu",
            },
            {
              label: "Highlights",
              href: "#features",
            },
            {
              label: "Über Uns",
              href: "#about",
            },
          ],
        },
        {
          title: "Besuchen",
          items: [
            {
              label: "Kontakt",
              href: "#contact",
            },
            {
              label: "Reservierungen",
              href: "#contact",
            },
            {
              label: "Anfahrt",
              href: "#",
            },
          ],
        },
        {
          title: "Rechtliches",
          items: [
            {
              label: "Datenschutz",
              href: "#",
            },
            {
              label: "Impressum",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Café Noir | Alle Rechte vorbehalten."
      onPrivacyClick={() => console.log('Privacy policy clicked')}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
