"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Calendar, CheckCircle, Heart, Home, Leaf, MapPin, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Royal Restaurant"
          navItems={[
            { name: "O nas", id: "about" },
            { name: "Opinie", id: "testimonials" },
            { name: "Dlaczego my", id: "features" },
            { name: "Kontakt", id: "contact" }
          ]}
          button={{
            text: "Zarezerwuj stolik",            href: "#contact"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Smak, który zostaje w pamięci. Atmosfera, do której chce się wracać."
          description="Royal Restaurant – wyjątkowe miejsce na kulinarnej mapie Warszawy. Miejsce, gdzie każdy szczegół zadbany z miłością."
          tag="Warszawa"
          tagIcon={MapPin}
          tagAnimation="entrance-slide"
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18589.jpg?_wi=1",              imageAlt: "Elegancki wnętrz restauracji Royal Restaurant"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg?_wi=1",              imageAlt: "Pięknie podane danie deserowe"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg?_wi=1",              imageAlt: "Wino i obiad w Royal Restaurant"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/salad-with-fried-shrimps-juice_140725-44289.jpg?_wi=1",              imageAlt: "Gourmet danie z owoców morza"
            }
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/salad-with-fried-shrimps-juice_140725-44289.jpg?_wi=2",              imageAlt: "Gourmet prezentacja dania"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3426.jpg?_wi=2",              imageAlt: "Eleganckie ustawienie stołu"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-strawberry-cafe_181624-26180.jpg?_wi=2",              imageAlt: "Piękna prezentacja desertu"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-sitting-together-luxury-restaurant_613910-18589.jpg?_wi=2",              imageAlt: "Wnętrze restauracji"
            }
          ]}
          background={{ variant: "plain" }}
          buttons={[
            { text: "Zarezerwuj stolik", href: "#contact" },
            { text: "Poznaj menu", href: "#features" }
          ]}
          buttonAnimation="entrance-slide"
          carouselPosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="O nas"
          tagIcon={Heart}
          tagAnimation="entrance-slide"
          title="Tworzymy doświadczenie, które zapamiętasz na zawsze"
          description="Tworzymy miejsce, w którym jedzenie zachwyca smakiem i formą, a obsługa dba o każdy szczegół. Chcemy, aby każdy Gość czuł się swobodnie, komfortowo i wyjątkowo – od pierwszej minuty. W Royal Restaurant wierzymy, że wspaniały obiad to połączenie doskonałych składników, kunsztu kucharza i gościnności naszego zespołu."
          metrics={[
            { value: "15+", title: "Lat doświadczenia" },
            { value: "5/5", title: "Średnia ocena gości" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg"
          imageAlt="Eleganckie wnętrze Royal Restaurant"
          mediaAnimation="entrance-slide"
          metricsAnimation="entrance-slide"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Co mówią o nas nasi goście"
          description="Opinie naszych gości to dla nas najważniejsza nagroda. Czytaj autentyczne recenzje osób, które dają się porwać naszej atmosferze i daniom."
          tag="Opinie"
          tagIcon={Star}
          tagAnimation="entrance-slide"
          testimonials={[
            {
              id: "1",              name: "Anna Kowalski",              role: "Pacjentka",              company: "Warszawa",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg",              imageAlt: "Anna Kowalski"
            },
            {
              id: "2",              name: "Marcin Lewandowski",              role: "Przedsiębiorca",              company: "Warszawa",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=1",              imageAlt: "Marcin Lewandowski"
            },
            {
              id: "3",              name: "Katarzyna Wiśniewski",              role: "Korespondentka",              company: "Warszawa",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "Katarzyna Wiśniewski"
            },
            {
              id: "4",              name: "Piotr Zajączkowski",              role: "Lekarz",              company: "Warszawa",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageAlt: "Piotr Zajączkowski"
            },
            {
              id: "5",              name: "Ewa Nowak",              role: "Architekt",              company: "Warszawa",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              imageAlt: "Ewa Nowak"
            },
            {
              id: "6",              name: "Tomasz Szymański",              role: "Menedżer",              company: "Warszawa",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=2",              imageAlt: "Tomasz Szymański"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Dlaczego My"
          description="Poznaj cechy, które odróżniają Royal Restaurant od pozostałych restauracji w Warszawie"
          tag="Nasze atuty"
          tagIcon={CheckCircle}
          tagAnimation="entrance-slide"
          features={[
            {
              icon: Users,
              title: "Profesjonalna obsługa",              description: "Nasz zespół to wykwalifikowani profesjonaliści, dbający o każdy szczegół Twojego pobytu. Obsługa orientuje się w menu i potrafi doradzić idealne dopasowanie do Twoich preferencji."
            },
            {
              icon: Leaf,
              title: "Doskonałe składniki",              description: "Pracujemy tylko ze świeżymi, wysokiej jakości produktami pochodzącymi od zaufanych dostawców. Każde danie przygotowywane ze szczególną dbałością o jakość."
            },
            {
              icon: Home,
              title: "Komfortowa przestrzeń",              description: "Nasze wnętrze jest przestronne, dobrze oświetlone i elegancko urządzone. Każda strefa restauracji zapewnia komfort i intymność dla Twoich rozmów."
            },
            {
              icon: MapPin,
              title: "Świetna lokalizacja",              description: "Znajdujemy się w serczu Warszawy, w łatwo dostępnym miejscu. Idealne do szybkiego dojazdu przed wizytą w teatrze lub do spokojnego obiadu po spektaklu."
            },
            {
              icon: Sparkles,
              title: "Atmosfera i elegancja",              description: "Royal Restaurant to miejsce pełne ciepła i elegancji. Każdy element wystroju, od oświetlenia po dekoracje, tworzy magiczną atmosferę sprzyjającą niezapomnianym wspomnieniom."
            }
          ]}
          animationType="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Rezerwacja"
          tagIcon={Calendar}
          title="Zarezerwuj stolik i poczuj królewską atmosferę"
          description="Chcesz spędzić wieczór w naszej restauracji? Skontaktuj się z nami, aby zarezerwować idealny dla Ciebie czas. Jesteśmy dostępni codziennie od 12:00 do 23:00."
          buttons={[
            { text: "Zadzwoń: +48 696 566 633", href: "tel:+48696566633" },
            { text: "Odwiedź Instagram", href: "https://www.instagram.com/royalrestaurant_warsaw/" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Royal Restaurant"
          leftLink={{ text: "Polityka prywatności", href: "#" }}
          rightLink={{ text: "Warunki korzystania", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
