"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="medium"
        background="grid"
        cardStyle="soft-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Domov",          id: "#hero"},
        {
          name: "O Nás",          id: "#about"},
        {
          name: "Ponuka",          id: "#features"},
        {
          name: "Produkty",          id: "#products"},
        {
          name: "Klienti",          id: "#social-proof"},
        {
          name: "Referencie",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      brandName="2JA Kafé"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Vitajte v 2JA Kafé"
      description="Moderná kaviareň s dušou v srdci Žiliny. Objavte výberovú kávu, domáce koláče a jedinečnú atmosféru pre každého."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg",          alt: "Zákazníčka 1"},
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",          alt: "Zákazník 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-blond-man-cafe-sits-chair-enjoys-taste-delicious-freshly-brewed_1258-245418.jpg",          alt: "Zákazníčka 3"},
        {
          src: "http://img.b2bpic.net/free-photo/attractive-young-man-with-beard-curly-blond-hairstyle-shows-thumbs-up-with-proud-satisfied-face-smiling-pleased-praising-complimenting-say-yes-like-smth-white-background_176420-49359.jpg",          alt: "Zákazník 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-blond-model-dressed-summer-hipster-clothes-trendy-girl-posing-street-background-funny-positive-woman_158538-5479.jpg",          alt: "Spokojná zákazníčka 5"},
      ]}
      avatarText="Pridajte sa k našim spokojným zákazníkom"
      buttons={[
        {
          text: "Objavte Menu",          href: "#features"},
        {
          text: "Rezervovať Stôl",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Čerstvá káva každý deň"},
        {
          type: "text",          text: "Domáce koláče a dobroty"},
        {
          type: "text",          text: "Priateľská atmosféra pre všetkých"},
        {
          type: "text",          text: "Detský kútik pre zábavu"},
        {
          type: "text",          text: "Dog-friendly priestory"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Naše Srdce Kaviarní"
      description="V 2JA Kafé sme vytvorili priestor, kde sa snúbi moderný dizajn s útulnou atmosférou. Či už hľadáte pokojné miesto na prácu, príjemné posedenie s rodinou, alebo zastávku s vaším štvornohým miláčikom, u nás ste vždy vítaní. Sme hrdí na detský kútik a našu dog-friendly politiku."
      imageSrc="http://img.b2bpic.net/free-photo/students-having-lunch-canteen_23-2149402917.jpg"
      imageAlt="Moderný interiér kaviarne 2JA Kafé"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Výberová Káva",          description: "Užite si bohatú arómu a dokonalú chuť našej starostlivo vybranej kávy, pripravenej s láskou našimi baristami.",          imageSrc: "http://img.b2bpic.net/free-photo/frothy-coffee-steam-rises-from-elegant-mug-generated-by-ai_188544-29670.jpg",          imageAlt: "Šálka kávy s latte art",          titleImageSrc: "http://img.b2bpic.net/free-photo/woman-having-iced-coffee-break-outside_23-2149567205.jpg",          buttonText: "Pozri kávu"},
        {
          title: "Čerstvé Koláče a Pečivo",          description: "Každý deň pre Vás pečieme čerstvé koláče, cookies, veterníky a osie hniezda. Sladké potešenie pre každého.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cake-sweet-snacks_181624-27093.jpg",          imageAlt: "Výber čerstvých koláčov",          titleImageSrc: "http://img.b2bpic.net/free-photo/pancake-chocolate-cake-with-fresh-raspberries-pink-background_127032-3556.jpg",          buttonText: "Objav koláče"},
        {
          title: "Osviežujúce Nápoje",          description: "Vychutnajte si naše domáce limonády, horúce čokolády, sezónne špeciality ako Bombardino či vianočný punč, a čapované pivo Svijany.",          imageSrc: "http://img.b2bpic.net/free-photo/ice-cream-balls-bowl-near-sunglasses-glass-with-ornamental-wand-straws_23-2148109379.jpg",          imageAlt: "Pohár domácej limonády",          titleImageSrc: "http://img.b2bpic.net/free-photo/alcoholic-beverage-cocktail-copy-space_23-2148722563.jpg",          buttonText: "Pozri nápoje"},
      ]}
      title="Čím Vás Potešíme"
      description="Ponúkame široký výber kvalitných nápojov a čerstvých lahôdok, aby každý našiel to svoje. Od výberovej kávy po domáce limonády a pečivo."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "p1",          brand: "2JA Kafé",          name: "Pistáciové Latté",          price: "€4.50",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/green-tea-matcha-latte-white-cup_74190-918.jpg",          imageAlt: "Pistáciové latté"},
        {
          id: "p2",          brand: "Pekáreň u Nás",          name: "Čerstvý Croissant",          price: "€2.00",          rating: 4,
          reviewCount: "90",          imageSrc: "http://img.b2bpic.net/free-photo/croissants-with-coffee-plaster-picnic-cloth-flat-lay_176474-8235.jpg",          imageAlt: "Čerstvý croissant"},
        {
          id: "p3",          brand: "Svijany",          name: "Čapované Pivo 11°",          price: "€3.00",          rating: 5,
          reviewCount: "75",          imageSrc: "http://img.b2bpic.net/free-photo/nonalcoholic-cocktails-are-table-beautiful-photo-drink-from-restaurant_132075-14708.jpg",          imageAlt: "Čapované pivo"},
        {
          id: "p4",          brand: "Domáca Výroba",          name: "Čokoládový Koláč",          price: "€3.80",          rating: 5,
          reviewCount: "110",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-tea-waffles-pink_140725-78156.jpg",          imageAlt: "Kúsok čokoládového koláča"},
        {
          id: "p5",          brand: "2JA Kafé",          name: "Horúca Čokoláda",          price: "€3.50",          rating: 4,
          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/hot-cacao-with-marshmallows-cup_23-2147955797.jpg",          imageAlt: "Horúca čokoláda"},
        {
          id: "p6",          brand: "Sezónna Ponuka",          name: "Vianočné Perníčky",          price: "€2.50",          rating: 5,
          reviewCount: "60",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-christmas-sweets_23-2151898765.jpg",          imageAlt: "Vianočné perníčky"},
      ]}
      title="Naše Obľúbené Lahôdky"
      description="Objavte bestsellery z našej ponuky, ktoré si naši zákazníci zamilovali a ktoré musíte ochutnať."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Žilina City Guide",        "Solinky Residents",        "Local Foodies Žilina",        "Kultúra Žiliny",        "Máme Radi Žilinu",        "Dog Lovers Žilina",        "Rodiny so psíkmi",        "Gurmáni Považie"]}
      title="Kaviareň, Ktorú Miluje Žilina"
      description="Sme hrdí na to, že sme sa stali obľúbeným miestom pre komunitu v Žiline a okolí."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Anna Nováková",          role: "Miestna podnikateľka",          company: "Kvetinárstvo Anna",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/daily-routine-lifestyle-young-beautiful-woman-bathrobe-standing-kitchen-with-cup-coffee_1258-193509.jpg",          imageAlt: "Anna Nováková"},
        {
          id: "t2",          name: "Marek Hric",          role: "Softvérový inžinier",          company: "Tech Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",          imageAlt: "Marek Hric"},
        {
          id: "t3",          name: "Zuzana Kováčová",          role: "Učiteľka",          company: "Základná Škola Žilina",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",          imageAlt: "Zuzana Kováčová"},
        {
          id: "t4",          name: "Peter Mráz",          role: "Študent",          company: "Žilinská Univerzita",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/group-asia-young-creative-people-smart-casual-wear-smiling-arms-crossed-creative-office-workplace-diverse-asian-male-female-stand-together-startup-coworker-teamwork-concept_7861-2570.jpg",          imageAlt: "Peter Mráz"},
        {
          id: "t5",          name: "Jana Veselá",          role: "Matka na materskej",          company: "Maminky Žiliny",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",          imageAlt: "Jana Veselá"},
      ]}
      title="Čo Hovoria Naši Zákazníci"
      description="Prečítajte si, prečo sa k nám radi vracajú a prečo nás považujú za svoje obľúbené miesto v Žiline."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "Ste dog-friendly kaviareň?",          content: "Áno, vaši štvornohí miláčikovia sú u nás srdečne vítaní! Máme pre nich pripravené aj misky s vodou."},
        {
          id: "faq2",          title: "Máte detský kútik?",          content: "Samozrejme! Pre najmenších návštevníkov máme pripravený útulný detský kútik, kde sa môžu zahrať, zatiaľ čo si Vy vychutnáte kávu."},
        {
          id: "faq3",          title: "Ponúkate aj rastlinné alebo bezlaktózové mlieko?",          content: "Áno, v našej ponuke nájdete široký výber rastlinných a bezlaktózových alternatív k mlieku pre všetky naše kávové nápoje."},
        {
          id: "faq4",          title: "Robíte aj sezónne ponuky?",          content: "Áno, pravidelne obmieňame našu ponuku o sezónne špeciality, ako sú napríklad zimné Bombardino alebo vianočný punč. Sledujte nás na sociálnych sieťach pre aktuálne novinky!"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/barista-using-cup-coffee-machine_23-2148523053.jpg"
      imageAlt="Barista pripravujúci kávu"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Najčastejšie Otázky"
      description="Máte otázky o našej kaviarni, ponuke alebo službách? Pozrite si naše odpovede, alebo nás kontaktujte priamo."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Kontaktujte nás"
      title="Radi Vás Privítame"
      description="Navštívte nás v Žiline na sídlisku Solinky, alebo nám napíšte. Tešíme sa na Vašu návštevu!"
      inputPlaceholder="Vaša správa alebo otázka"
      buttonText="Odoslať správu"
      termsText="Odoslaním správy súhlasíte s našimi Podmienkami ochrany osobných údajov."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="2JA Kafé"
      columns={[
        {
          title: "Rýchle odkazy",          items: [
            {
              label: "Domov",              href: "#hero"},
            {
              label: "O Nás",              href: "#about"},
            {
              label: "Ponuka",              href: "#features"},
          ],
        },
        {
          title: "Naša ponuka",          items: [
            {
              label: "Káva",              href: "#products"},
            {
              label: "Koláče",              href: "#products"},
            {
              label: "Nápoje",              href: "#products"},
          ],
        },
        {
          title: "Kontakt",          items: [
            {
              label: "Telefón: 0948 215 442",              href: "tel:0948215442"},
            {
              label: "Email: chapteronesro@gmail.com",              href: "mailto:chapteronesro@gmail.com"},
            {
              label: "Adresa: Lenčova ulica 3, 010 01 Žilina",              href: "https://www.google.com/maps/search/Len%C4%8Dova+ulica+3,+010+01+%C5%BDilina"},
          ],
        },
        {
          title: "Otváracie Hodiny",          items: [
            {
              label: "Pondelok – Nedeľa: 10:00 – 18:00",              href: "#"},
          ],
        },
        {
          title: "Sledujte nás",          items: [
            {
              label: "Facebook",              href: "https://www.facebook.com/2jakafe/"},
            {
              label: "Instagram",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 2JA Kafé. Všetky práva vyhradené."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}