"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, Clock, Flame, MapPin, Utensils } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Domů",
          id: "#hero",
        },
        {
          name: "Menu",
          id: "#menu",
        },
        {
          name: "Lokalita",
          id: "#location",
        },
        {
          name: "Akce",
          id: "#promotions",
        },
      ]}
      button={{
        text: "View Menu",
        href: "#menu",
      }}
      brandName="Popeyes"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "gradient-bars",
      }}
      title="Nejlepší kuře v Praze – přímo na Muzeu!"
      description="Zažijte autentickou chuť Louisiany přímo v srdci Prahy na Václavském náměstí. Čerstvé, šťavnaté a pořádně pálivé."
      kpis={[
        {
          value: "100%",
          label: "Louisiana chuť",
        },
        {
          value: "Fresh",
          label: "Vždy čerstvé",
        },
        {
          value: "Fast",
          label: "Rychlá obsluha",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "View Menu",
          href: "#menu",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/chicken-burger-with-ketchup-mayonnaise-french-fries-wooden-tray_140725-3930.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-businesswoman-eating-while-using-desktop-pc-office_637285-5457.jpg",
          alt: "Happy businessman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-businessman-using-laptop-while-having-lunch-break-office_637285-8682.jpg",
          alt: "Happy businessman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6822.jpg",
          alt: "Fashionable hipster",
        },
        {
          src: "http://img.b2bpic.net/free-photo/winsome-brunette-girl-wears-elegant-jacket-jeans-posing-beautiful-city-background_197531-6954.jpg",
          alt: "Elegant girl",
        },
        {
          src: "http://img.b2bpic.net/free-photo/summer-lifestyle-portrait-cute-woman-walking-sunny-riverfront-bangkok_273443-2212.jpg",
          alt: "Cute woman",
        },
      ]}
      avatarText="Již přes 10 000 spokojených strávníků v Praze."
      marqueeItems={[
        {
          type: "text-icon",
          text: "Pálivé",
          icon: Flame,
        },
        {
          type: "text-icon",
          text: "Křupavé",
          icon: Utensils,
        },
        {
          type: "text-icon",
          text: "Čerstvé",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Louisiana",
          icon: MapPin,
        },
        {
          type: "text-icon",
          text: "Rychlé",
          icon: Clock,
        },
      ]}
    />
  </div>

  <div id="location" data-section="location">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Najdete nás přímo u Muzea"
      description={[
        "Václavské náměstí 808/66, 110 00 Praha 1 – Nové Město.",
        "Otevřeno denně pro vaši rychlou svačinu i pořádný oběd. Google Maps widget bude k dispozici v aplikaci.",
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "m1",
          name: "Spicy Chicken Sandwich",
          price: "149 Kč",
          variant: "Spicy",
          imageSrc: "http://img.b2bpic.net/free-photo/two-mini-chicken-nuggets-burgers-served-with-french-fries-paper-box_141793-2458.jpg",
        },
        {
          id: "m2",
          name: "Cajun Fries",
          price: "49 Kč",
          variant: "Regular",
          imageSrc: "http://img.b2bpic.net/free-photo/potato-fries-plastic-bowl_23-2148501624.jpg",
        },
        {
          id: "m3",
          name: "Buttermilk Biscuits",
          price: "39 Kč",
          variant: "Original",
          imageSrc: "http://img.b2bpic.net/free-photo/bundle-various-cookies-board-marble_114579-46277.jpg",
        },
        {
          id: "m4",
          name: "Classic Chicken Strips",
          price: "129 Kč",
          variant: "Classic",
          imageSrc: "http://img.b2bpic.net/free-photo/turkey-sandwich-with-cranberry-sauce-thanksgiving_123827-34858.jpg",
        },
        {
          id: "m5",
          name: "Cajun Rice",
          price: "59 Kč",
          variant: "Spicy",
          imageSrc: "http://img.b2bpic.net/free-photo/french-fries-served-plate-table_1220-7853.jpg",
        },
        {
          id: "m6",
          name: "Popeyes Mashed Potatoes",
          price: "49 Kč",
          variant: "Gravy",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-cookies-with-milk-horizontal_176474-1060.jpg",
        },
      ]}
      title="Naše menu"
      description="To nejlepší z Louisiany pro vás."
    />
  </div>

  <div id="promotions" data-section="promotions">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Studentská sleva 15 %"
      description={[
        "Ukažte platný průkaz ISIC a získejte 15% slevu na celý nákup.",
        "Nabídka platí pouze na pobočce Muzeum.",
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Petr Novák",
          imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-being-happy-after-buying-street-food_23-2148952838.jpg",
        },
        {
          id: "t2",
          name: "Jana Svobodová",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-businessman-eating-hamburger-while-working-cafe_1163-1643.jpg",
        },
        {
          id: "t3",
          name: "Martin Dvořák",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-laptop-computer-coffee-walking-street_171337-19676.jpg",
        },
        {
          id: "t4",
          name: "Lucie Černá",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
        },
        {
          id: "t5",
          name: "Tomáš Kučera",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-red-uniform-holding-paper-food-package-pink-background-service-job-delivery-uniform-company_140725-39098.jpg",
        },
      ]}
      cardTitle="Co říkají fanoušci v Praze"
      cardTag="Recenze"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Mají studenti slevu?",
          content: "Ano, při předložení ISIC získáte 15% slevu.",
        },
        {
          id: "q2",
          title: "Kde přesně sídlíte?",
          content: "Přímo u stanice metra Muzeum na Václavském náměstí.",
        },
        {
          id: "q3",
          title: "Je jídlo halal?",
          content: "Informace o alergenech a původu surovin najdete na pokladně.",
        },
      ]}
      title="Často kladené dotazy"
      description="Zde najdete odpovědi na nejčastější otázky."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "gradient-bars",
      }}
      tag="Kontakt"
      title="Zůstaňte v obraze"
      description="Přihlaste se k odběru novinek a získejte kupony přímo do emailu."
      imageSrc="http://img.b2bpic.net/free-photo/travel-composition-with-slate_23-2147982057.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Popeyes Muzeum"
      columns={[
        {
          title: "Kontakt",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
            {
              label: "TikTok",
              href: "https://tiktok.com",
            },
          ],
        },
        {
          title: "Otevírací doba",
          items: [
            {
              label: "Po-Ne: 10:00 - 23:00",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
