"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "القائمة (Menu)",
          id: "#menu",
        },
        {
          name: "العروض (Deals)",
          id: "#deals",
        },
        {
          name: "التوصيل (Delivery)",
          id: "#delivery",
        },
        {
          name: "تواصل (About)",
          id: "#about",
        },
      ]}
      button={{
        text: "اطلب الآن (Order Now)",
        href: "#order",
      }}
      brandName="KFC Kuwait"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars",
      }}
      title="طعم ما ينسى — لحظة ما تتأخر"
      description="وجبتك المفضلة على بابك في أقل من 30 دقيقة. استمتع بالقرمشة الأصلية التي تحبها."
      tag="متوفر الآن"
      buttons={[
        {
          text: "اطلب توصيل",
          href: "#order",
        },
        {
          text: "تصفح القائمة",
          href: "#menu",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qep3qe"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Zinger Burger",
          price: "1.500 KWD",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbo0dd",
        },
        {
          id: "2",
          name: "Hot Wings Bucket",
          price: "3.500 KWD",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7uahko",
        },
        {
          id: "3",
          name: "Crunch Box",
          price: "2.250 KWD",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r17hwv",
        },
        {
          id: "4",
          name: "Family Feast",
          price: "6.000 KWD",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9rzdr1",
        },
        {
          id: "5",
          name: "Original Recipe Strips",
          price: "1.750 KWD",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sss690",
        },
        {
          id: "6",
          name: "Dinner Box",
          price: "2.000 KWD",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j9z3i0",
        },
      ]}
      title="الأكثر طلباً"
      description="اكتشف وجباتنا الأكثر مبيعاً واستمتع بالطعم المقرمش الحقيقي."
    />
  </div>

  <div id="deals" data-section="deals">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "00:24:00",
          description: "وقت متبقي للعرض",
        },
      ]}
      title="عرض اليوم فقط"
      description="توصيل مجاني على كل طلب فوق 3 د.ك! استفد من العرض قبل فوات الأوان."
    />
  </div>

  <div id="app" data-section="app">
      <SplitAbout
      textboxLayout="split-actions"
      useInvertedBackground={false}
      title="حمّل التطبيق واستمتع بعروض حصرية"
      description="لا تفوت العروض الخاصة. احصل على أسرع توصيل وتابع طلبك في كل خطوة."
      buttons={[
        {
          text: "App Store",
          href: "#",
        },
        {
          text: "Google Play",
          href: "#",
        },
      ]}
      bulletPoints={[
        {
          title: "توصيل أسرع",
          description: "خدمة التوصيل الأسرع في الكويت",
        },
        {
          title: "متابعة طلبك",
          description: "تابع طلبك لحظة بلحظة",
        },
        {
          title: "عروض خاصة",
          description: "تنبيهات فورية بالعروض الحصرية",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=txio6c"
    />
  </div>

  <div id="delivery" data-section="delivery">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Talabat",
        "Carriage",
        "Deliveroo",
        "KFC Direct",
        "Kuwait City",
        "Hawally",
        "Farwaniya",
        "Ahmadi",
      ]}
      title="نوصّل لكل الكويت"
      description="شركاؤنا في التوصيل لضمان وصول وجبتك طازجة أينما كنت."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Great Experience",
          quote: "أحسن زنجر في الكويت بدون نقاش 🔥",
          name: "أحمد الكندري",
          role: "عميل دائم",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c52bmm",
        },
        {
          id: "2",
          title: "Fast Delivery",
          quote: "التوصيل وصل في 25 دقيقة وكل شي طازج",
          name: "سارة الملا",
          role: "أم",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=394qiv",
        },
        {
          id: "3",
          title: "Great Deals",
          quote: "عروض التطبيق مو طبيعية، كل أسبوع في جديد",
          name: "خالد العنزي",
          role: "طالب",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hpeqfv",
        },
        {
          id: "4",
          title: "Always Fresh",
          quote: "دائماً طازج ومقرمش، لا يقاوم",
          name: "فاطمة العلي",
          role: "موظفة",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=njpye5",
        },
        {
          id: "5",
          title: "Highly Recommend",
          quote: "أفضل وجبات عائلية في الكويت",
          name: "محمد العجمي",
          role: "أب",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2q07n3",
        },
      ]}
      title="ليش الكويتيين يحبون KFC"
      description="تجارب عملائنا هي سر نجاحنا."
    />
  </div>

  <div id="social" data-section="social">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      title="شاركنا لحظتك #KFCKuwait"
      description="انضم إلى مجتمعنا وشارك صور وجباتك المفضلة."
      blogs={[
        {
          id: "1",
          category: "Social",
          title: "لحظات لا تنسى",
          excerpt: "مشاركات عملائنا الأعزاء",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jrzfz2",
          authorName: "KFC",
          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ajl5nf",
          date: "2026",
        },
        {
          id: "2",
          category: "Social",
          title: "الطعم الأصلي",
          excerpt: "صور من محبي زنجر",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ba6fk",
          authorName: "KFC",
          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vkmoc",
          date: "2026",
        },
        {
          id: "3",
          category: "Social",
          title: "جمعات الأهل",
          excerpt: "شاركنا صور جمعاتكم",
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9ypb8",
          authorName: "KFC",
          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0s0neu",
          date: "2026",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="أقرب فرع منك"
      description="ابحث عن منطقتك واكتشف أقرب فرع لزيارتنا"
      tag="تواصل معنا"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="KFC Kuwait"
      copyrightText="© 2026 KFC Kuwait. Finger Lickin' Good"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
