"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "الرئيسية",
          id: "#hero",
        },
        {
          name: "عنّا",
          id: "#about",
        },
        {
          name: "القائمة",
          id: "#menu",
        },
        {
          name: "تواصل معنا",
          id: "#contact",
        },
      ]}
      brandName="Burger House"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="أفضل برغر في المدينة"
      description="طعم لا يُقاوم ومكونات طازجة يومياً"
      buttons={[
        {
          text: "اطلب الآن",
          href: "#contact",
        },
        {
          text: "تصفح القائمة",
          href: "#menu",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-sundried-tomato-tasty-snack-concept_185193-109436.jpg",
          imageAlt: "Hero Burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-light-effect_23-2147695733.jpg",
          imageAlt: "Classic Burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hamburger-burger-with-beef-tomato-pickled-cucumber-fried-bacon_2829-11184.jpg",
          imageAlt: "Double Burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-bun-with-sesame-seeds-table_140725-8139.jpg",
          imageAlt: "Chicken Burger",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-realistic-burger_23-2150902396.jpg",
          imageAlt: "Vegan Burger",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "من نحن",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727959.jpg",
          alt: "About Burger",
        },
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "كلاسيك برغر",
          price: "650",
          variant: "لحم بقري",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg",
        },
        {
          id: "2",
          name: "برغر الجبن",
          price: "750",
          variant: "جبن ذائب",
          imageSrc: "http://img.b2bpic.net/free-photo/ultimate-breakfast-burger_23-2151950793.jpg",
        },
        {
          id: "3",
          name: "برغر الدجاج",
          price: "700",
          variant: "متبل بخلطة خاصة",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-burger-ingredients_23-2148235086.jpg",
        },
        {
          id: "4",
          name: "برغر نباتي",
          price: "800",
          variant: "بديل صحي",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-sandwich-with-french-fries-board_140725-13933.jpg",
        },
        {
          id: "5",
          name: "برغر دبل باتي",
          price: "950",
          variant: "ضعف اللذة",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-burgers-basket-with-copy-space-kitchen-towel_23-2148784467.jpg",
        },
      ]}
      title="قائمة الطعام"
      description="تذوق تشكيلة واسعة من أشهى أنواع البرغر"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "مكونات طازجة",
          description: "نختار خضرواتنا ولحومنا بعناية يومياً",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-veggies-salad_23-2148758835.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-beef-steak-tartar_52683-122024.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-sundried-tomato-tasty-snack-concept_185193-109436.jpg",
          imageAlt: "fresh organic lettuce burger component",
        },
        {
          title: "وصفات خاصة",
          description: "سر الطعم في خلطاتنا الحصرية",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-garlic-with-carrots-peeler_23-2148622442.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/freshly-cut-meat_24972-889.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727959.jpg",
          imageAlt: "fresh organic lettuce burger component",
        },
        {
          title: "خدمة سريعة",
          description: "نحرص على وصول طلبك ساخناً",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/top-view-carrots-with-garden-tool-copy-space_23-2148622440.jpg",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-chef-squeezing-lemon-fish-slices-knife-cutting-board-vegetables-wood-serving-board-kitchen-table_179666-44303.jpg",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/hamburger-with-light-effect_23-2147695733.jpg",
          imageAlt: "fresh organic lettuce burger component",
        },
      ]}
      showStepNumbers={true}
      title="لماذا تختارنا؟"
      description="نحن نهتم بأدق التفاصيل لتقديم تجربة لا تُنسى"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "أحمد علي",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-5658.jpg",
        },
        {
          id: "2",
          name: "سارة محمد",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-girl-with-red-hat-leather-jacket-posed-against-brick-wall_627829-8902.jpg",
        },
        {
          id: "3",
          name: "خالد عمر",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-home-comfort_23-2149134396.jpg",
        },
        {
          id: "4",
          name: "ليلى حسين",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-tasty-croissant-hands-pretty-girl_651396-1072.jpg",
        },
        {
          id: "5",
          name: "ياسين إبراهيم",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg",
        },
      ]}
      cardTitle="ماذا يقول عملاؤنا؟"
      cardTag="آراء الزوار"
      cardAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "مزارع الريف",
        "مطاحن الأصالة",
        "دواجن الوطنية",
        "مصنع الأجبان",
        "توابل العطار",
      ]}
      title="شركاء النجاح"
      description="فخورون بالتعاون مع أفضل الموردين"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "هل اللحوم طازجة؟",
          content: "نعم، نستخدم لحوم طازجة 100% يومياً.",
        },
        {
          id: "2",
          title: "هل توجد خيارات نباتية؟",
          content: "نعم، نقدم برغر نباتي لذيذ ومغذي.",
        },
        {
          id: "3",
          title: "كيف يمكنني الطلب؟",
          content: "يمكنك الطلب عبر الهاتف أو الموقع الإلكتروني.",
        },
        {
          id: "4",
          title: "هل توجد خدمة توصيل؟",
          content: "نعم، نوفر خدمة توصيل سريعة لجميع المناطق.",
        },
        {
          id: "5",
          title: "هل يمكن تعديل المكونات؟",
          content: "بالتأكيد، يمكنك تخصيص طلبك حسب رغبتك.",
        },
      ]}
      title="أسئلة شائعة"
      description="كل ما تحتاج معرفته عن برغر هاوس"
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="تواصل معنا"
      title="جاهز للطلب؟"
      description="تفضل بزيارتنا أو اطلب الآن عبر الأرقام المتاحة"
      buttons={[
        {
          text: "اتصل الآن",
          href: "tel:12345678",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7mhmk5"
      logoText="Burger House"
      columns={[
        {
          title: "روابط سريعة",
          items: [
            {
              label: "الرئيسية",
              href: "#hero",
            },
            {
              label: "القائمة",
              href: "#menu",
            },
          ],
        },
        {
          title: "معلومات",
          items: [
            {
              label: "سياسة الخصوصية",
              href: "#",
            },
            {
              label: "الشروط والأحكام",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
