"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Coffee, Flame, Instagram, Popcorn } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Willkommen",          id: "#welcome"},
        {
          name: "Angebot",          id: "#offerings"},
        {
          name: "Impressionen",          id: "#impressions"},
        {
          name: "Bewertungen",          id: "#reviews"},
        {
          name: "FAQs",          id: "#faqs"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="ROOM 6 Lounge"
      button={{
        text: "Tisch reservieren",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient"}}
      title="Deine Shisha-Bar in Großkrotzenburg."
      description="Premium Hookah, ausgewählte Drinks und entspannte Lounge-Vibes – jeden Abend."
      buttons={[
        {
          text: "Tisch reservieren",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwDMZkRuTgXDivPZ0vlmkm1AL5/uploaded-1781081068483-3tup4xfh.jpg",          imageAlt: "Shisha lounge interior"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwDMZkRuTgXDivPZ0vlmkm1AL5/uploaded-1781081068484-qk2nyq7y.jpg",          imageAlt: "Premium hookah with smoke"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwDMZkRuTgXDivPZ0vlmkm1AL5/uploaded-1781081068484-72s2jaav.jpg",          imageAlt: "Colorful cocktails on bar"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/friends-shisha_23-2148421879.jpg",          imageAlt: "Friends enjoying shisha"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lounge-seating_23-2148421877.jpg",          imageAlt: "Cozy lounge seating area"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fruit-shisha_23-2148421885.jpg",          imageAlt: "Shisha with fruit and drinks"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="welcome" data-section="welcome">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Dein neuer Lieblingsplatz"
      description={[
        "In der ROOM 6 Lounge trifft moderne Bar-Atmosphäre auf orientalisches Lounge-Feeling. Frisch umgebaut, stilvoll eingerichtet und mit einem Team, das weiß, wie man Abende zu Erinnerungen macht. Komm vorbei, entspann dich, genieße – wir kümmern uns um den Rest."]}
    />
  </div>

  <div id="offerings" data-section="offerings">
      <FeatureHoverPattern
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Flame,
          title: "Premium Shisha",          description: "Premium Tabake & frische Kohle – täglich neue Sorten zum Entdecken."},
        {
          icon: Coffee,
          title: "Ausgewählte Drinks",          description: "Signature Cocktails, Longdrinks und Softdrinks an unserer Bar."},
        {
          icon: Popcorn,
          title: "Kleine Snacks",          description: "Kleine Köstlichkeiten – perfekt zur Shisha & zum geselligen Abend."},
      ]}
      title="Unser Angebot"
      description="Drinks · Shisha · Snacks"
    />
  </div>

  <div id="impressions" data-section="impressions">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "product-impression-1",          brand: "ROOM 6",          name: "Elegante Shisha",          price: "€15",          rating: 4.8,
          reviewCount: "120",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwDMZkRuTgXDivPZ0vlmkm1AL5/uploaded-1781081068484-xf05qr6w.jpg",          imageAlt: "Elegant shisha setup"},
        {
          id: "product-impression-2",          brand: "ROOM 6",          name: "Signature Cocktails",          price: "€12",          rating: 4.9,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/colorful-cocktails_23-2148421882.jpg",          imageAlt: "Colorful cocktails"},
        {
          id: "product-impression-3",          brand: "ROOM 6",          name: "Entspannte Lounge",          price: "ab €10",          rating: 4.7,
          reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/lounge-area_23-2148421883.jpg",          imageAlt: "Lounge interior"},
        {
          id: "product-impression-4",          brand: "ROOM 6",          name: "Gesellige Abende",          price: "variabel",          rating: 4.9,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-lounge_23-2148421887.jpg",          imageAlt: "Friends enjoying the lounge"},
        {
          id: "product-impression-5",          brand: "ROOM 6",          name: "Exotische Aromen",          price: "€18",          rating: 4.8,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/exotic-shisha_23-2148421881.jpg",          imageAlt: "Shisha with fruit bowl"},
        {
          id: "product-impression-6",          brand: "ROOM 6",          name: "Kleine Köstlichkeiten",          price: "ab €5",          rating: 4.6,
          reviewCount: "70",          imageSrc: "http://img.b2bpic.net/free-photo/bar-snacks_23-2148421888.jpg",          imageAlt: "Bar snacks"},
      ]}
      title="Entdecke die ROOM 6 Atmosphäre"
      description="Ein visueller Einblick in unsere Lounge, Shisha-Kreationen und erfrischende Drinks."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah M.",          handle: "@shisha_lover",          testimonial: "Die beste Shisha-Bar in der Gegend! Super entspannte Atmosphäre und immer neue, leckere Tabaksorten.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EwDMZkRuTgXDivPZ0vlmkm1AL5/uploaded-1781081068484-ngydzmlm.jpg"},
        {
          id: "2",          name: "Dennis K.",          handle: "@dennis.k_lounge",          testimonial: "Exzellente Cocktails und ein sehr freundliches Team. Hier verbringe ich meine Abende am liebsten.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_23-2148421890.jpg"},
        {
          id: "3",          name: "Lisa G.",          handle: "@lisa_goes_out",          testimonial: "Der perfekte Ort für einen entspannten Abend mit Freunden. Die Snacks sind auch sehr zu empfehlen!",          imageSrc: "http://img.b2bpic.net/free-photo/friends-reunion_23-2149215773.jpg"},
        {
          id: "4",          name: "Max P.",          handle: "@max_chill",          testimonial: "Modernes Ambiente trifft auf orientalisches Flair – eine wirklich einzigartige Shisha-Lounge. Immer wieder gerne!",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman_197531-1118.jpg"},
        {
          id: "5",          name: "Julia H.",          handle: "@julia.happy",          testimonial: "Seit dem Umbau noch schöner und stilvoller. Das Team sorgt für unvergessliche Abende.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-friends_23-2148421891.jpg"},
      ]}
      title="Was unsere Gäste sagen"
      description="Unsere Kunden lieben die entspannte Atmosphäre und den erstklassigen Service – 4.8 Sterne bei 78 Rezensionen."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "Wie sind die Öffnungszeiten?",          content: "Montag – Donnerstag: 17:00 – 01:00 Uhr, Freitag & Samstag: 15:00 – 03:00 Uhr, Sonntag: 15:00 – 01:00 Uhr."},
        {
          id: "faq-2",          title: "Ist eine Reservierung notwendig?",          content: "Eine Reservierung wird dringend empfohlen, besonders an Wochenenden und für größere Gruppen, um Wartezeiten zu vermeiden."},
        {
          id: "faq-3",          title: "Kann man bei Ihnen auch Essen bestellen?",          content: "Wir bieten eine Auswahl an kleinen Köstlichkeiten und Snacks an, die perfekt zu Shisha und Drinks passen. Eine vollständige Speisekarte mit Hauptgerichten gibt es nicht."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/lounge-sofa_74190-3673.jpg"
      imageAlt="Cozy lounge area"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Häufig gestellte Fragen"
      description="Antworten auf die wichtigsten Fragen rund um deinen Besuch bei ROOM 6."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Reservierung"
      title="Bereit für deinen Abend?"
      description="Sichere dir deinen Tisch in der ROOM 6 Lounge – wir freuen uns auf dich. Ruf uns an oder besuche uns."
      imageSrc="http://img.b2bpic.net/free-photo/couple-coffeeshop_23-2148422418.jpg"
      imageAlt="Exterior of ROOM 6 Lounge at night"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Deine Nachricht"
      buttonText="Senden"
      termsText="Telefon: 06186 9154433 | Schulstraße 2, 63538 Großkrotzenburg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="ROOM 6 Lounge"
      copyrightText="© 2026 ROOM 6 Lounge · Schulstraße 2, Großkrotzenburg"
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/room_6_lounge",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
