"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Flame } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSmall"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "O nas",
          id: "about",
        },
        {
          name: "Opinie",
          id: "testimonials",
        },
        {
          name: "Kontakt",
          id: "contact",
        },
      ]}
      brandName="Friks Burger"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="Friks Burger – Prawdziwa moc smaku"
      description="Klasyczne burgery, ostre kompozycje i chrupiące smash burgery przygotowywane na bieżąco. Najlepsze burgery w Twoim mieście."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/yummy-burger-with-tomatoes-salad_23-2148374923.jpg",
          imageAlt: "Klasyczny burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beef-burger-with-bacon_23-2148784485.jpg",
          imageAlt: "Menu Friks Burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-holds-burger-with-hands-potato-chip_1150-1863.jpg",
          imageAlt: "Smash burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/street-food-still-life_23-2151535236.jpg",
          imageAlt: "Street food still life",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-veggies-meat_23-2148868241.jpg",
          imageAlt: "Front view burger with veggies and meat",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="O nas"
      title="Pasja do burgerów od podstaw"
      description="Przygotowujemy każdy posiłek na bieżąco, na miejscu. U nas znajdziesz świeżość, której nie znajdziesz nigdzie indziej."
      subdescription="Zapraszamy na odbiór osobisty lub skorzystaj z naszej dostawy."
      icon={Flame}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-meat-fries_140725-82161.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Classic Burger",
          price: "24 zł",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-hamburger-with-french-fries-table_181624-44598.jpg",
        },
        {
          id: "p2",
          name: "Spicy Monster",
          price: "28 zł",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg",
        },
        {
          id: "p3",
          name: "Smash Classic",
          price: "26 zł",
          imageSrc: "http://img.b2bpic.net/free-photo/home-made-chicken-burger-with-champagne-french-fries-lettuce-tomato-onion-wooden-board_1150-1856.jpg",
        },
        {
          id: "p4",
          name: "Zestaw Premium",
          price: "35 zł",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-french-fries-along-with-hamburger-grey-wall_140725-14420.jpg",
        },
        {
          id: "p5",
          name: "Cheeseburger Deluxe",
          price: "29 zł",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-menu-composition_23-2148614045.jpg",
        },
        {
          id: "p6",
          name: "Veggie Burger",
          price: "27 zł",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-vegan-burgers-wooden-board_23-2148305745.jpg",
        },
      ]}
      title="Nasze Menu"
      description="Sprawdź naszą ofertę klasyków, ostrych burgerów i zestawów."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Świeżość",
          subtitle: "Przygotowane na miejscu",
          category: "Jakość",
          value: "100%",
        },
        {
          id: "f2",
          title: "Sport",
          subtitle: "Dobre do oglądania meczów",
          category: "Atmosfera",
          value: "Matchday",
        },
        {
          id: "f3",
          title: "Lokalizacja",
          subtitle: "Dostępne dla wózków",
          category: "Dostępność",
          value: "Pełna",
        },
      ]}
      title="Dlaczego Friks Burger?"
      description="Nasze atuty, które sprawiają, że klienci do nas wracają."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Kamil",
          date: "10.05.2024",
          title: "Najlepszy smash",
          quote: "Smash burger po prostu obłędny!",
          tag: "Regularny",
          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-eating-french-fries-burger-restaurant_169016-21816.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/yummy-burger-with-tomatoes-salad_23-2148374923.jpg",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t2",
          name: "Anna",
          date: "12.05.2024",
          title: "Super miejsce",
          quote: "Fajny klimat, dobre WiFi.",
          tag: "Rodzina",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-talking-each-other-lunch-time-restaurant-focus-is-woman-eating-sandwich_637285-1962.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beef-burger-with-bacon_23-2148784485.jpg",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t3",
          name: "Marek",
          date: "15.05.2024",
          title: "Polecam",
          quote: "Zestawy z frytkami w dobrej cenie.",
          tag: "Student",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67445.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-meat-fries_140725-82161.jpg",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t4",
          name: "Karolina",
          date: "18.05.2024",
          title: "Smacznie",
          quote: "Ostra kompozycja to mistrzostwo.",
          tag: "Nowy klient",
          avatarSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-hamburger-with-french-fries-table_181624-44598.jpg",
          imageAlt: "happy customer eating burger",
        },
        {
          id: "t5",
          name: "Piotr",
          date: "20.05.2024",
          title: "Szybko",
          quote: "Bardzo miła obsługa przy ladzie.",
          tag: "Regularny",
          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-burger-with-knife-bowl-sauce-french-fries-wooden-food-tray-restaurant_176474-3023.jpg",
          imageAlt: "happy customer eating burger",
        },
      ]}
      title="Co mówią nasi klienci?"
      description="Opinie osób, które pokochały nasze burgery."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Czy oferujecie dostawę?",
          content: "Tak, oferujemy szybką dostawę do Twojego domu.",
        },
        {
          id: "q2",
          title: "Jakie metody płatności akceptujecie?",
          content: "Akceptujemy karty, płatności NFC, Apple Pay i inne.",
        },
        {
          id: "q3",
          title: "Jakie są godziny otwarcia?",
          content: "Od piątku do niedzieli jesteśmy otwarci od 12:00 do 21:00 (niedziela do 20:00).",
        },
      ]}
      sideTitle="Najczęstsze pytania"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "12:00",
          title: "Godziny otwarcia",
          items: [
            "Piątek - Niedziela",
          ],
        },
        {
          id: "m2",
          value: "10+",
          title: "Rodzaje burgerów",
          items: [
            "Premium",
            "Smash",
          ],
        },
        {
          id: "m3",
          value: "100%",
          title: "Świeżość",
          items: [
            "Składniki lokalne",
          ],
        },
      ]}
      title="Friks w liczbach"
      description="Nasza oferta w pigułce."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Kontakt"
      title="Skontaktuj się z nami"
      description="Zadzwoń: 800 077 450. Zamów online lub odwiedź nas osobiście."
      imageSrc="http://img.b2bpic.net/free-photo/young-happy-woman-street-cafe-smiling-laughs-drinking-coffee-terrace_1321-1404.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Friks Burger"
      columns={[
        {
          title: "O nas",
          items: [
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Kontakt",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legalne",
          items: [
            {
              label: "Polityka prywatności",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Friks Burger. Wszystkie prawa zastrzeżone."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
