"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmall"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Bosh sahifa",          id: "#hero"},
        {
          name: "Menyu",          id: "#menu"},
        {
          name: "Sharhlar",          id: "#testimonials"},
        {
          name: "Aloqa",          id: "#contact"},
      ]}
      brandName="PINGVIN"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain"}}
      title="PINGVIN — Har doim yoningizda bo'lgan ta'm"
      description="Jarkorg'ondagi eng yaxshi fast-fud. Issiq burgerlar, tiniq kartoshka va tetiklantiruvchi ichimliklar sizni har kuni 08:00 dan 22:00 gacha kutmoqda."
      buttons={[
        {
          text: "Menyuni ko'rish",          href: "#menu"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-student-using-laptop-while-sitting-cafe-concentrated-young-woman-freelancer-work_146671-19749.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-smiling_23-2148431276.jpg",          alt: "Baxtli mijoz 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-nice-young-man-with-stylish-hairstyle-blue-eyes-beard-light-cool-shirt-looking-away-smiling-orange-wall_197531-23055.jpg",          alt: "Baxtli mijoz 2"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-cheerful-young-black-man-grey-t-shirt-smiling-broadly_273609-430.jpg",          alt: "Baxtli mijoz 3"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-jeans-fashion-hipster-male-posing-near-white-wall-studio-isolated_158538-26713.jpg",          alt: "Baxtli mijoz 4"},
        {
          src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",          alt: "Baxtli mijoz 5"},
      ]}
      avatarText="5000+ dan ortiq mamnun mijozlar"
      marqueeItems={[
        {
          type: "text",          text: "Yangi go'sht"},
        {
          type: "text",          text: "Tezkor yetkazib berish"},
        {
          type: "text",          text: "Tabiiy sabzavotlar"},
        {
          type: "text",          text: "Eng yaxshi narx"},
        {
          type: "text",          text: "Yoqimli muhit"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="PINGVIN Fast-Food haqida"
      description="Biz har bir mehmon o'zini uyidagidek his qiladigan muhitni yaratamiz. Mahsulotlarimiz doimo yangi, xizmat ko'rsatish tezligimiz esa eng yuqori standartlarga mos keladi."
      bulletPoints={[
        {
          title: "Yangi mahsulotlar",          description: "Faqat tabiiy go'sht va sabzavotlardan foydalanamiz."},
        {
          title: "Tezkor yetkazib berish",          description: "Buyurtmangiz juda qisqa vaqt ichida tayyor bo'ladi."},
        {
          title: "Qulay maskan",          description: "Do'stlar va oila bilan ovqatlanish uchun eng yaxshi joy."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/white-open-sign-hanging_23-2149168996.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Ikki qavatli burger",          price: "25,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-hamburger-menu-arrangement-close-up_23-2148614057.jpg"},
        {
          id: "2",          name: "Fri (O'rtacha)",          price: "10,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/gray-bowl-crispy-crackers-placed-stone-background_114579-74786.jpg"},
        {
          id: "3",          name: "Kola 0.5l",          price: "8,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/iced-cola-table_1339-4078.jpg"},
        {
          id: "4",          name: "Chiken roll",          price: "22,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-bacon-burgers_23-2148784482.jpg"},
        {
          id: "5",          name: "Naggets (6 dona)",          price: "15,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/snack-party-friends-with-delicious-homemade-chips-potato-gray-background_140725-91827.jpg"},
        {
          id: "6",          name: "Limonad",          price: "12,000 UZS",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151432854.jpg"},
      ]}
      title="Bizning menyu"
      description="Sevgi bilan tayyorlangan maxsus taomlarimizni tatib ko'ring."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Nega bizni tanlashadi?"
      description="PINGVIN — sifat va vaqtni qadrlaydiganlarning tanlovi."
      accordionItems={[
        {
          id: "a1",          title: "Ish vaqti",          content: "Har kuni 08:00 dan 22:00 gacha ishlaymiz."},
        {
          id: "a2",          title: "Qulaylik",          content: "Jarkorg'on markazida joylashganmiz."},
        {
          id: "a3",          title: "Sifat",          content: "Taom tayyorlashda qat'iy sifat nazorati."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "500+",          title: "Kuniga burgerlar",          description: "Har kuni shuncha porsiya tayyorlaymiz.",          imageSrc: "http://img.b2bpic.net/free-photo/hamburger_74190-1655.jpg"},
        {
          id: "m2",          value: "100%",          title: "Yangi",          description: "Muzlatilgan mahsulotlar yo'q.",          imageSrc: "http://img.b2bpic.net/free-photo/bowl-sweet-potato-fries-trivet-marble-background_114579-74518.jpg"},
        {
          id: "m3",          value: "4.9/5",          title: "Mehmonlar bahosi",          description: "Mijozlarimiz sharhlari asosida.",          imageSrc: "http://img.b2bpic.net/free-photo/champagne-bubbles-sparkles-new-year-party_23-2148339659.jpg"},
      ]}
      title="Raqamlar o'z so'zini aytadi"
      description="Bizning muvaffaqiyatimiz mehmonlarimizning quvonchi bilan o'lchanadi."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      animationType="slide-up"
      testimonials={[
        {
          id: "t1",          name: "Sarvar",          role: "Mehmon",          company: "Jarkorg'on",          rating: 5,
          imageSrc: "https://img.freepik.com/free-photo/portrait-young-uzbek-man-traditional-clothing_23-2148903254.jpg"},
        {
          id: "t2",          name: "Aziz",          role: "Mehmon",          company: "Jarkorg'on",          rating: 5,
          imageSrc: "https://img.freepik.com/free-photo/young-man-smiling-looking-camera-outdoor_23-2148816480.jpg"},
        {
          id: "t3",          name: "Madina",          role: "Mehmon",          company: "Jarkorg'on",          rating: 5,
          imageSrc: "https://img.freepik.com/free-photo/young-woman-smiling-happy-face-portrait_23-2148816488.jpg"},
        {
          id: "t4",          name: "Farhod",          role: "Mehmon",          company: "Jarkorg'on",          rating: 5,
          imageSrc: "https://img.freepik.com/free-photo/happy-young-uzbek-man-outdoors_23-2148903248.jpg"},
        {
          id: "t5",          name: "Ziyoda",          role: "Mehmon",          company: "Jarkorg'on",          rating: 5,
          imageSrc: "https://img.freepik.com/free-photo/smiling-young-uzbek-woman-portrait_23-2148816492.jpg"},
      ]}
      title="Mehmonlarimiz nima deydi"
      description="Mijozlarimizning ishonchidan faxrlanamiz."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Yetkazib berish xizmati bormi?",          content: "Ha, batafsil ma'lumot uchun telefon raqamimizga murojaat qiling."},
        {
          id: "q2",          title: "Plastik kartalar qabul qilinadimi?",          content: "Ha, barcha turdagi to'lovlarni qabul qilamiz."},
        {
          id: "q3",          title: "Siz qayerdasiz?",          content: "Jarkorg'on markazida joylashganmiz."},
      ]}
      sideTitle="Tez-tez so'raladigan savollar"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Yordam kerakmi? Biz bilan bog'laning: +998 97 243 01 97. Takliflaringizni kutamiz!"
      buttons={[
        {
          text: "Hozir qo'ng'iroq qilish",          href: "tel:+998972430197"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="PINGVIN"
      columns={[
        {
          title: "Navigatsiya",          items: [
            {
              label: "Bosh sahifa",              href: "#hero"},
            {
              label: "Menyu",              href: "#menu"},
            {
              label: "Sharhlar",              href: "#testimonials"},
          ],
        },
        {
          title: "Aloqa",          items: [
            {
              label: "+998 97 243 01 97",              href: "tel:+998972430197"},
            {
              label: "Jarkorg'on, O'zbekiston",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 PINGVIN Fast-Food. Barcha huquqlar himoyalangan."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}