"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Sparkles, Star, Users, Zap, Leaf, Facebook, Instagram, MapPin, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Taumi"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Taumi"
          description="Najlepšie ázijské chute v Košiciach – bez kompromisov. Autentické jedlo, veľké porcie, nádherná príprava. 4.5★ od 1000+ spokojných hostí."
          buttons={[
            { text: "Rezervuj si miesto ešte dnes", href: "#contact" },
            { text: "Pozri menu", href: "#menu" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sprinkles-tomato-soup-grated-cheese-crackers_141793-3856.jpg", imageAlt: "Taumi signature pho bowl" },
            { imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-chicken-lettuce-tomato-parmesan-anchovies-side-view_141793-3707.jpg?_wi=1", imageAlt: "Crispy roasted duck specialty" },
            { imageSrc: "http://img.b2bpic.net/free-photo/salmon-dish-decorated-with-orange-slice-strawberries-chia-seeds_181624-44859.jpg?_wi=1", imageAlt: "Premium salmon teriyaki" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Naše fajnové jedlá"
          description="Každé jedlo je pripravené s najčerstvejšími surovinami a tradičnými receptúrami. Veľké porcie, ktoré vás uspokoja."
          tag="MENU HIGHLIGHTS"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            { id: "pho", name: "Pho Premium", price: "€9,90", imageSrc: "http://img.b2bpic.net/free-photo/fish-salad-with-lime-chili-lemongrass-onions-red-onions-parsley-kaffir-lime-leaves-plate_1150-27119.jpg", imageAlt: "Pho - Vietnamese noodle soup" },
            { id: "duck", name: "Peking Duck", price: "€14,50", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-chicken-lettuce-tomato-parmesan-anchovies-side-view_141793-3707.jpg?_wi=2", imageAlt: "Crispy roasted duck" },
            { id: "salmon", name: "Teriyaki Salmon", price: "€16,90", imageSrc: "http://img.b2bpic.net/free-photo/salmon-dish-decorated-with-orange-slice-strawberries-chia-seeds_181624-44859.jpg?_wi=2", imageAlt: "Grilled salmon teriyaki glaze" }
          ]}
          buttons={[
            { text: "Objednej si teraz", href: "#contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Čo hovoria naši hostia"
          description="Tisícky spokojných zákazníkov už skúšali Taumi. Pozri ich pravé recenzie."
          tag="CUSTOMER REVIEWS"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            { id: "1", title: "Brutálne chutné!", quote: "Pho je jednoznačne najlepšia v meste. Čerstvé suroviny, autentická chuť. Objem jedla je úžasný za cenu.", name: "Ján K.", role: "Košice", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg", imageAlt: "Ján K. profile" },
            { id: "2", title: "Nádherné servírovanie", quote: "Kačica bola dokonalá. Prezentácia jedla je ako v luxusnej reštaurácii. Teraz tu chodím každý mesiac.", name: "Mária H.", role: "Košice", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Mária H. profile" },
            { id: "3", title: "Veľké porcie, plná chvíľa", quote: "Losos teriyaki je presne, ako som chcel. Porcie sú obrovské. Cena je férová za kvalitu.", name: "Peter Š.", role: "Košice", imageSrc: "http://img.b2bpic.net/free-photo/dremy-blue-eyed-male-with-positive-expression-broad-smile-shows-white-teeth-looks-into-distance-thinks-about-something-wears-elegant-shirt-isolated-white-wall-with-blank-space_176532-6511.jpg", imageAlt: "Peter Š. profile" },
            { id: "4", title: "Personál je milý", quote: "Pracovníci sú vždy priateľskí a pomôcť. Atmosféra je útulná. Vrátim sa určite.", name: "Eva L.", role: "Košice", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg", imageAlt: "Eva L. profile" },
            { id: "5", title: "Pomer cena-kvalita top", quote: "Ako sa dá podať také jedlo za takúto cenu? Taumi je hitem. Všetci moji priatelia sú tam teraz.", name: "Lukáš V.", role: "Košice", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-macho-boy-black-jacket-posed-outdoor-street-amazing-model-man_627829-6172.jpg", imageAlt: "Lukáš V. profile" },
            { id: "6", title: "Najlepšie ázijské jedlo", quote: "Skúšal som množstvo ázijských reštaurácií. Taumi je v top 3. Kvalita a konzistencia sú amazing.", name: "Katarína Z.", role: "Košice", imageSrc: "http://img.b2bpic.net/free-photo/friendly-tender-feminine-kind-redhead-woman-blue-eyes-pointing-thumb-left-showing-location-where_1258-228600.jpg", imageAlt: "Katarína Z. profile" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="PREČO PRÁVE TAUMI"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Viac ako len reštaurácia"
          description="V Taumi dôverujú ľudia kvôli našej prísnosti pri kvalite. Každé jedlo je starostlivo pripravené a podávané s úsmevom."
          subdescription="Čerstvé suroviny, autentické recepty, veľké porcie. Pracujeme neustále na tom, aby bol váš zážitok vždy dokonalý."
          icon={Award}
          imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg?_wi=1"
          imageAlt="Taumi modern luxury restaurant interior"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Naša história úspechu"
          description="Reálne čísla od reálnych ľudí. Taumi vám dôveruje."
          tag="SOCIAL PROOF"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          metrics={[
            { id: "1", value: "4.5★", title: "Priemerné hodnotenie", description: "Od 1000+ spokojných hostí", icon: Star },
            { id: "2", value: "1000+", title: "Hostí mesačne", description: "A číslo rastie každý mesiac", icon: Users },
            { id: "3", value: "10+", title: "Rokov skúsenosti", description: "V ázijskej kuchyni", icon: Zap },
            { id: "4", value: "100%", title: "Čerstvosť", description: "Suroviny každý deň", icon: Leaf }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Časte otázky"
          sideDescription="Všetko, čo potrebuješ vedieť o Taumi. Transparentnosť a úprimnosť."
          textPosition="left"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            { id: "1", title: "Ako dlho trvá príprava jedla?", content: "Pho a ostatné jedlá sa pripravujú svieže na objednávku. Obyčajne 12-18 minút. Počítajte s tým prosím pri rezervácii. Vieme si ceniť kvalitu viac ako rýchlosť." },
            { id: "2", title: "Sú porcie naozaj také veľké?", content: "Áno! Naše porcie sú výrazne väčšie ako v typickej ázijskej reštaurácii. Väčšina ľudí nemôže zjesť všetko. To je naša filozofia - hodnota za vaše peniaze." },
            { id: "3", title: "Aké máte možnosti pre alergikov?", content: "Máme jasný zoznam ingrediencií pre každé jedlo. Naš personál je školený pre bezpečnosť. Prosím, informujte nás o alergiách vopred." },
            { id: "4", title: "Ako sa vyhýbate nekonzistentnosti?", content: "Pracujeme s tým istým čoľom šéfkuchárov. Každé jedlo je kontrolované kvalitou. Ak niečo nie je dokonalé, my to napravíme bez otázok." },
            { id: "5", title: "Je možné rezervovať stôl online?", content: "Áno! Môžete si rezervovať priamo v kontaktnom formulári nižšie alebo nás volať. Odporúčame rezerváciu počas víkendov pre lepší čas čakania." },
            { id: "6", title: "Máte možnosť donášky?", content: "Áno, pracujeme s najväčšími donáškovými platformami v Košiciach. Objednajte si priamo v aplikáciách alebo nás kontaktujte." }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Rezervovať stôl"
          title="Objednej si najlepší zážitok"
          description="Rezervuj si miesto alebo sa kontaktuj s nami. Odpovieme ti v priebehu 2 hodín."
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8729.jpg?_wi=2"
          imageAlt="Taumi restaurant contact"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          inputPlaceholder="Tvoj e-mail alebo telefón"
          buttonText="Kontaktuj nás"
          termsText="Súčasným kliknutím súhlasíš s nášimi Podmienkami. Nebudeme ťa spammovať."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Taumi"
          copyrightText="© 2025 Taumi | Najlepšie ázijské chute v Košiciach"
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/taumi", ariaLabel: "Taumi Facebook" },
            { icon: Instagram, href: "https://instagram.com/taumi", ariaLabel: "Taumi Instagram" },
            { icon: MapPin, href: "https://maps.google.com/taumi", ariaLabel: "Taumi Location" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
