"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="aurora"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Shop",
          id: "#products",
        },
        {
          name: "So funktioniert's",
          id: "#how-it-works",
        },
        {
          name: "Über uns",
          id: "#about",
        },
      ]}
      brandName="BananaHats"
      button={{
        text: "Warenkorb",
        href: "#cart",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Nie wieder braune Bananen wegwerfen."
      description="Der innovative BananaHat aus BPA-freiem Silikon verlangsamt den Reifeprozess Ihrer Bananen um bis zu 10 Tage. Eine nachhaltige Lösung gegen Lebensmittelverschwendung, ganz ohne Plastik."
      testimonials={[
        {
          name: "Lea Schuster",
          handle: "@freshfruitlover",
          testimonial: "Ich bin absolut begeistert! Meine Bananen halten jetzt doppelt so lange. Der BananaHat ist super praktisch und sieht auch noch lustig aus.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
          imageAlt: "Portrait von Lea Schuster",
        },
        {
          name: "Jan Richter",
          handle: "@eco_living",
          testimonial: "Eine fantastische Erfindung für alle, die Lebensmittelverschwendung reduzieren wollen. Einfach anzuwenden und sehr effektiv. Bin rundum zufrieden!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
          imageAlt: "Portrait von Jan Richter",
        },
        {
          name: "Carla Wegener",
          handle: "@healthylife",
          testimonial: "Als Sportlerin brauche ich immer frische Bananen. Der BananaHat hat meine Erwartungen übertroffen. Nie wieder unreife oder überreife Früchte!",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
          imageAlt: "Portrait von Carla Wegener",
        },
        {
          name: "Tom Baum",
          handle: "@zerowasteguy",
          testimonial: "Endlich eine stylische und funktionale Lösung für Bananen. Der Magnet ist genial und hält bombenfest. Klare Kaufempfehlung!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
          imageAlt: "Portrait von Tom Baum",
        },
        {
          name: "Mara Klein",
          handle: "@fruit_fanatic",
          testimonial: "Ich war erst skeptisch, aber der BananaHat funktioniert wirklich! Meine Bananen bleiben länger gelb und fest. Ein Must-Have für jeden Haushalt.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
          imageAlt: "Portrait von Mara Klein",
        },
      ]}
      buttons={[
        {
          text: "Jetzt sichern",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/banana-themed-school-supplies-forming-round-frame_23-2147843318.jpg"
      imageAlt="Ein BananaHat auf einer Banane"
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
          alt: "Avatar von Kunde 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
          alt: "Avatar von Kunde 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-businessman_23-2149153863.jpg",
          alt: "Avatar von Kunde 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-cheerful-young-woman-with-blonde-curly-bushy-hair-has-glad-expression-keeps-palms-raised-towards-camera-dressed-casual-shirt-isolated-brown-background-human-emotions-concept_273609-61660.jpg",
          alt: "Avatar von Kunde 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-happy-woman-outdoors_23-2149042138.jpg",
          alt: "Avatar von Kunde 5",
        },
      ]}
      avatarText="Mehr als 10.000 zufriedene Kunden"
    />
  </div>

  <div id="benefits" data-section="benefits">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "benefit-1",
          title: "BPA-frei & plastikfrei",
          tags: [
            "Umweltfreundlich",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737667.jpg",
          imageAlt: "BPA-frei und Plastikfrei Icon",
        },
        {
          id: "benefit-2",
          title: "Bis zu 10 Tage länger frisch",
          tags: [
            "Längere Haltbarkeit",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cruelty-free-badge-collection_23-2148825267.jpg",
          imageAlt: "Bananen bleiben länger frisch Icon",
        },
        {
          id: "benefit-3",
          title: "Magnet hält fest am Stiel",
          tags: [
            "Praktisch",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/lock-front-side-with-white-background_187299-39892.jpg",
          imageAlt: "Magnetverschluss Icon",
        },
      ]}
      title="Intelligentes Design für frische Bananen"
      description="Der BananaHat ist mehr als nur ein Hut – er ist Ihre Geheimwaffe gegen Lebensmittelverschwendung und für länger haltbare Bananen."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "step-1",
          title: "1. Hat aufsetzen",
          tags: [
            "Einfache Anwendung",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-cuts-banana-cutting-board_169016-43831.jpg",
          imageAlt: "Hand setzt BananaHat auf Bananenstiel",
        },
        {
          id: "step-2",
          title: "2. Reifung stoppen",
          tags: [
            "Natürlicher Schutz",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/bunch-bananas-kitchen-table-close-up_169016-45019.jpg",
          imageAlt: "Bananen mit BananaHat hängen am Ständer",
        },
        {
          id: "step-3",
          title: "3. Frische genießen",
          tags: [
            "Weniger Verschwendung",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-trash-cooking-concept_23-2149056473.jpg",
          imageAlt: "Person isst eine frische Banane",
        },
      ]}
      title="So einfach funktioniert's"
      description="Mit drei simplen Schritten genießen Sie länger frische Bananen – nachhaltig und mühelos."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "product-1",
          name: "BananaHat Classic Gelb",
          price: "9,99 €",
          variant: "Einzelpackung",
          imageSrc: "http://img.b2bpic.net/free-photo/sweet-chocolate-cake-with-slices-banana_114579-50789.jpg",
          imageAlt: "Gelber BananaHat",
        },
        {
          id: "product-2",
          name: "BananaHat Modern Braun",
          price: "9,99 €",
          variant: "Einzelpackung",
          imageSrc: "http://img.b2bpic.net/free-photo/peeled-sliced-banana-wooden-board_114579-48603.jpg",
          imageAlt: "Brauner BananaHat",
        },
        {
          id: "product-3",
          name: "BananaHat Fresh Grün",
          price: "9,99 €",
          variant: "Einzelpackung",
          imageSrc: "http://img.b2bpic.net/free-photo/green-unripe-whole-banana-bright-studio-background-tasty-appetizing-tropical-fruit-clean-eating-healthy-nutritious-dietary-snack-top-view-flat-lay-horizontal-shot-food-concept_273609-38022.jpg",
          imageAlt: "Grüner BananaHat",
        },
        {
          id: "product-4",
          name: "BananaHat Dreierpack",
          price: "24,99 €",
          variant: "3er-Set",
          imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-bananas_23-2147654579.jpg",
          imageAlt: "Drei BananaHats in verschiedenen Farben",
        },
        {
          id: "product-5",
          name: "BananaHat Geschenk-Set",
          price: "14,99 €",
          variant: "1 Hat + 1 Reinigungsbürste",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-banana-shaped-sweets_23-2149066171.jpg",
          imageAlt: "Gelber BananaHat mit Reinigungsbürste",
        },
        {
          id: "product-6",
          name: "BananaHat Family Pack",
          price: "39,99 €",
          variant: "5er-Set",
          imageSrc: "http://img.b2bpic.net/free-photo/assortment-stylish-fedora-hats_23-2150711554.jpg",
          imageAlt: "Fünf BananaHats in verschiedenen Farben",
        },
      ]}
      title="Ihr BananaHat wartet!"
      description="Entdecken Sie den BananaHat – die clevere Lösung für jeden Haushalt, der Wert auf Frische und Nachhaltigkeit legt."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "testimonial-1",
          title: "Endlich keine braunen Bananen mehr!",
          quote: "Der BananaHat ist eine geniale Erfindung! Meine Bananen bleiben tatsächlich viel länger frisch, und ich werfe kaum noch welche weg. Absolut empfehlenswert!",
          name: "Sarah Müller",
          role: "Zufriedene Hausfrau",
          imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
          imageAlt: "Portrait von Sarah Müller",
        },
        {
          id: "testimonial-2",
          title: "Nachhaltigkeit leicht gemacht",
          quote: "Ich war auf der Suche nach einer umweltfreundlichen Alternative zu Frischhaltefolie und habe sie im BananaHat gefunden. Er funktioniert perfekt und ist super einfach zu handhaben.",
          name: "Max Schmidt",
          role: "Umweltbewusster Haushalt",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg",
          imageAlt: "Portrait von Max Schmidt",
        },
        {
          id: "testimonial-3",
          title: "Perfekt für Familien!",
          quote: "Mit Kindern bleiben Bananen selten lange liegen, aber der BananaHat hat das geändert. Jetzt haben wir immer frische Bananen, wenn der Heißhunger kommt. Top Produkt!",
          name: "Lena Fischer",
          role: "Mutter von zwei",
          imageSrc: "http://img.b2bpic.net/free-photo/pleased-thoughtful-beautiful-european-woman-with-short-hairstyle-keeps-index-fingers-together-schemes-something-something-wears-green-jumper-isolated-pink-background-has-tricky-plan_273609-57850.jpg",
          imageAlt: "Portrait von Lena Fischer",
        },
        {
          id: "testimonial-4",
          title: "Kleines Detail, große Wirkung",
          quote: "Ich hätte nie gedacht, dass so ein kleiner Hut einen so großen Unterschied machen kann. Die Bananen sind merklich länger gelb und knackig. Ich bin begeistert!",
          name: "David Keller",
          role: "Singlehaushalt",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg",
          imageAlt: "Portrait von David Keller",
        },
        {
          id: "testimonial-5",
          title: "Spart Geld und schont die Umwelt",
          quote: "Weniger Lebensmittelverschwendung bedeutet weniger Geld ausgeben. Der BananaHat ist eine Investition, die sich schnell bezahlt macht und dabei auch noch gut für den Planeten ist.",
          name: "Anna Meier",
          role: "Studentin",
          imageSrc: "http://img.b2bpic.net/free-photo/miling-mature-woman_1398-1619.jpg",
          imageAlt: "Portrait von Anna Meier",
        },
        {
          id: "testimonial-6",
          title: "Liebevolles Design und Top-Funktion",
          quote: "Neben der tollen Funktion finde ich das verspielte Design einfach zuckersüß. Er ist ein echter Hingucker in meiner Küche und hält, was er verspricht.",
          name: "Sophie Richter",
          role: "Design-Liebhaberin",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-confident-female-model-with-long-healthy-hair-natural-makeup-smiling-looking-assertive-camera-standing-green-hoodie-against-white-background_176420-54977.jpg",
          imageAlt: "Portrait von Sophie Richter",
        },
      ]}
      title="Was unsere Kunden sagen"
      description="Echte Meinungen von Haushalten, die den BananaHat lieben und nie wieder darauf verzichten wollen."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Wie genau funktioniert der BananaHat?",
          content: "Der BananaHat wird auf den Stiel einer Bananenstaude gesetzt. Er deckt die Schnittstelle ab, durch die das Reifegas Ethylen entweicht. Indem das Ethylen eingeschlossen wird, verlangsamt sich der Reifeprozess der Bananen erheblich.",
        },
        {
          id: "faq-2",
          title: "Aus welchem Material ist der BananaHat?",
          content: "Der BananaHat besteht aus hochwertigem, lebensmittelechtem und BPA-freiem Silikon. Er ist eine sichere und nachhaltige Alternative zu herkömmlichen Methoden der Bananenlagerung.",
        },
        {
          id: "faq-3",
          title: "Wie reinige ich meinen BananaHat?",
          content: "Der BananaHat ist spülmaschinenfest und sehr pflegeleicht. Sie können ihn einfach unter fließendem Wasser abspülen oder in die Spülmaschine geben.",
        },
        {
          id: "faq-4",
          title: "Für welche Bananenarten ist der Hat geeignet?",
          content: "Der BananaHat ist für die meisten gängigen Bananenstauden geeignet, die im Handel erhältlich sind. Das flexible Silikon passt sich gut an verschiedene Stielgrößen an.",
        },
      ]}
      title="Häufig gestellte Fragen"
      description="Wir haben die Antworten auf Ihre Fragen rund um den BananaHat und frische Bananen."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="newsletter" data-section="newsletter">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Exklusive Angebote"
      title="Nie wieder ein Angebot verpassen!"
      description="Melden Sie sich für unseren Newsletter an und erhalten Sie 10 % Rabatt auf Ihre erste Bestellung. Bleiben Sie auf dem Laufenden über neue Produkte und nachhaltige Tipps."
      buttons={[
        {
          text: "Jetzt anmelden",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/transparent-green-creativity-modern-art-ink-colors-are-amazingly-bright-luminous-translucent-freeflowing-dry-quickly-natural-pattern-luxury-abstract-artwork-trendy-style_1258-103538.jpg"
      imageAlt="Stylisierte Bananenblätter im Hintergrund des Footers"
      logoText="BananaHats"
      columns={[
        {
          title: "BananaHats",
          items: [
            {
              label: "Shop",
              href: "#products",
            },
            {
              label: "Über uns",
              href: "#about",
            },
            {
              label: "So funktioniert's",
              href: "#how-it-works",
            },
          ],
        },
        {
          title: "Rechtliches",
          items: [
            {
              label: "Impressum",
              href: "#impressum",
            },
            {
              label: "AGB",
              href: "#agb",
            },
            {
              label: "Widerrufsrecht",
              href: "#widerruf",
            },
            {
              label: "Datenschutz",
              href: "#datenschutz",
            },
          ],
        },
        {
          title: "Hilfe & Kontakt",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Kontakt",
              href: "#contact",
            },
            {
              label: "Versand & Rückgabe",
              href: "#versand",
            },
          ],
        },
      ]}
      copyrightText="© 2024 BananaHats. Alle Rechte vorbehalten."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
