"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            navItems={[
              {
                name: "المنيو",                id: "#menu"
              }
            ]}
            logoSrc="http://img.b2bpic.net/free-psd/hand-drawn-indian-menu-youtube-cover-template_23-2149544984.jpg"
            logoAlt="شعار مطعم بم بم"
            brandName="بم بم"
            button={{
              text: "اطلب الآن على الماسنجر",              href: "https://www.facebook.com/share/1BPs26p5KQ/"
            }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitKpi
            background={{
              variant: "radial-gradient"
            }}
            title="الطعم اللي ينسيك تعبك!"
            description="منيو بم بم يقدملك وجبات كنتاكي وبركر على طريقة أهل بغداد، أكل مرتب وسريع يوصلك لباب البيت."
            buttons={[
              {
                text: "اطلب الآن على الماسنجر",                href: "https://www.facebook.com/share/1BPs26p5KQ/"
              },
              {
                text: "تصفح المنيو",                href: "#menu"
              }
            ]}
            kpis={[
              { value: "100+", label: "وجبات متنوعة" },
              { value: "5", label: "سنوات خبرة" },
              { value: "آلاف", label: "زبائن راضين" }
            ]}
            enableKpiAnimation={true}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ELqm5NN6fwRfObOKhwsm0KQhPf/uploaded-1779969266766-2sp40ukz.jpg"
            imageAlt="وجبة أكل فاخرة من بم بم"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="menu" data-section="menu">
          <PricingCardOne
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            plans={[
              {
                id: "kentucky-meals",                badge: "وجبات مميزة",                price: "تبدأ من 6,000 د.ع",                subtitle: "استمتع بوجبات الكنتاكي الطازجة",                features: [
                  "وجبة كنتاكي صغير — 6,000 د.ع",                  "وجبة كنتاكي وسط — 12,000 د.ع",                  "وجبة كنتاكي عائلي — 25,000 د.ع",                  "مع كل الوجبات: صلصات + فنكر + بيبسي + صمون"
                ]
              },
              {
                id: "rice",                badge: "الأكثر طلباً",                price: "5,000 د.ع",                subtitle: "نكهات الريزو الفريدة",                features: [
                  "ريزو مدخن — 5,000 د.ع",                  "ريزو اعشاب — 5,000 د.ع",                  "ريزو سبايسي — 5,000 د.ع",                  "ريزو جبن — 5,000 د.ع",                  "ريزو كلاسك — 5,000 د.ع"
                ]
              },
              {
                id: "twister",                badge: "خفيف ولذيذ",                price: "3,000 د.ع",                subtitle: "تويستر بمذاق لا يقاوم",                features: [
                  "تويستر بيبسي — 3,000 د.ع",                  "تويستر باربكيو — 3,000 د.ع",                  "تويستر سبايسي — 3,000 د.ع",                  "تويستر مدخن — 3,000 د.ع"
                ]
              },
              {
                id: "burger",                badge: "بركر فاخر",                price: "تبدأ من 2,000 د.ع",                subtitle: "بركرات اللحم والدجاج الشهية",                features: [
                  "بركر لحم كلاسك — 2,000 د.ع",                  "بركر لحم مدخن — 2,000 د.ع",                  "بركر لحم بالجبن — 2,000 د.ع",                  "بركر لحم بم بم — 3,000 د.ع",                  "بركر دجاج — 2,000 د.ع"
                ]
              },
              {
                id: "caesar",                badge: "خيار صحي",                price: "3,000 د.ع",                subtitle: "سيزر منعش ولذيذ",                features: [
                  "وجبة سيزر عادي — 3,000 د.ع",                  "وجبة سيزر دايت — 3,000 د.ع"
                ]
              },
              {
                id: "add-ons",                badge: "إضافات مكملة",                price: "تبدأ من 1,000 د.ع",                subtitle: "أضف المزيد من المتعة لوجبتك",                features: [
                  "فلر + صلصات — 3,000 د.ع",                  "فنكر + بيبسي — 12,000 د.ع",                  "قدح فنكر بجميع الصلصات — 1,000 د.ع"
                ]
              }
            ]}
            title="منيو بم بم: الطعم الأصلي هنا"
            description="استكشف قائمتنا المتنوعة من الوجبات الشهية والمحضّرة بعناية لتلبية جميع الأذواق. الجوع ماله حل غير بم بم."
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterLogoReveal
            logoText="بم بم"
            leftLink={{
              text: "سياسة الخصوصية",              href: "#"
            }}
            rightLink={{
              text: "تم انشاء الموقع بواسطة محمد باقر q7z_o انستا",              href: "https://www.instagram.com/q7z_o"
            }}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
