"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, CheckCircle, Flame } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "الرئيسية",          id: "hero"},
        {
          name: "عن المطعم",          id: "about"},
        {
          name: "القائمة",          id: "products"},
        {
          name: "اتصل بنا",          id: "contact"},
      ]}
      brandName="بيت الكفتة - عدلي"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars"}}
      title="أصالة المطبخ المصري في كل لقمة"
      description="نقدم لكم كفتة عدلي الأصلية، محضرة على الطريقة التقليدية بأجود أنواع اللحوم الطازجة والخلطات السرية."
      testimonials={[
        {
          name: "أحمد علي",          handle: "@ahmed",          testimonial: "أفضل كفتة أكلتها في حياتي، طعم زمان الأصلي.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-female-has-curly-hair-chats-online-social-networks-with-friends-uses-modern-electronic-gadget-internet-sits-coffee-shop-with-exotic-drink-dish-technology-concept_273609-2193.jpg"},
        {
          name: "منى حسن",          handle: "@mona",          testimonial: "خدمة ممتازة وأكل نظيف جداً، أنصح به بشدة.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg"},
        {
          name: "خالد محمود",          handle: "@khaled",          testimonial: "الطعم المصري الحقيقي موجود هنا.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-review_23-2151952995.jpg"},
        {
          name: "سارة إبراهيم",          handle: "@sara",          testimonial: "تجربة رائعة وتعودت دائماً على هذا المستوى.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg"},
        {
          name: "محمد فهمي",          handle: "@mohamed",          testimonial: "الخدمة سريعة والكفتة تذوب في الفم.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-mother-girl-with-good-reviews_23-2149394415.jpg"},
      ]}
      buttons={[
        {
          text: "اطلب الآن",          href: "#products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers-veggies-plate_23-2148651119.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg",          alt: "happy guest"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-sitting-room-watching-videos-laptop-eating-lunch-breakfast_1258-254353.jpg",          alt: "happy guest"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5046.jpg",          alt: "happy guest"},
        {
          src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg",          alt: "happy guest"},
        {
          src: "http://img.b2bpic.net/free-photo/man-making-ok-sign-white-background_1368-4167.jpg",          alt: "happy guest"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "لحوم طازجة"},
        {
          type: "text",          text: "شواء على الفحم"},
        {
          type: "text",          text: "خدمة ممتازة"},
        {
          type: "text",          text: "تجربة أصيلة"},
        {
          type: "text",          text: "جودة عالية"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="قصة مطعم عدلي"
      description="منذ سنوات، وضعنا نصب أعيننا تقديم أفضل تجربة كفتة مصرية. نختار اللحوم بعناية ونتبع وصفات الأجداد لضمان النكهة التي تميزنا في قلب المدينة."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cooking_23-2150980298.jpg"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: CheckCircle,
          title: "لحوم طازجة",          description: "نستخدم أجود أنواع اللحوم المحلية الطازجة يومياً."},
        {
          icon: Flame,
          title: "شواء على الفحم",          description: "نستخدم الفحم الطبيعي للحصول على طعم أصيل."},
        {
          icon: Award,
          title: "وصفات أصلية",          description: "توابلنا خاصة ومستوحاة من التراث المصري العريق."},
      ]}
      title="سر تميزنا"
      description="ما يجعلنا الخيار الأول لعشاق المشويات."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "كفتة عدلي",          price: "120 ج.م",          variant: "مشوي",          imageSrc: "http://img.b2bpic.net/free-photo/lule-kebab-with-side-onion-ketchup_140725-1810.jpg"},
        {
          id: "2",          name: "شيش طاووق",          price: "130 ج.م",          variant: "مشوي",          imageSrc: "http://img.b2bpic.net/free-photo/turkish-delicious-kebab-sandwich-top-view_23-2148651033.jpg"},
        {
          id: "3",          name: "مشكل مشويات",          price: "250 ج.م",          variant: "مشوي",          imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-grilled-vegetables-barbecque-sauce_114579-2870.jpg"},
        {
          id: "4",          name: "محشي ورق عنب",          price: "60 ج.م",          variant: "جانبي",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-leaf-dolma-with-yogurt-dark-surface_140725-75421.jpg"},
        {
          id: "5",          name: "سلطة خضراء",          price: "25 ج.م",          variant: "مقبلات",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-greek-saladlettuce-tomatoes-feta-cheese-cucumbers-black-olives-purple-onion-dark-wooden-table_176474-3109.jpg"},
        {
          id: "6",          name: "أرز بالخلطة",          price: "35 ج.م",          variant: "جانبي",          imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-pilaf-bottle-oil-spoon-checkered-tablecloth_140725-78675.jpg"},
      ]}
      title="قائمة المشويات"
      description="تذوق أشهى الأصناف التي نحضرها لك بكل حب."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "fam-1",          badge: "الأكثر طلباً",          price: "500 ج.م",          subtitle: "يكفي 4 أفراد",          buttons: [
            {
              text: "اطلب الآن",              href: "#"},
          ],
          features: [
            "كفتة",            "أرز",            "سلطات"],
        },
        {
          id: "fam-2",          badge: "عرض التوفير",          price: "900 ج.م",          subtitle: "يكفي 8 أفراد",          buttons: [
            {
              text: "اطلب الآن",              href: "#"},
          ],
          features: [
            "مشكل مشويات",            "محاشي",            "مقبلات",            "مشروبات"],
        },
      ]}
      title="عروض العائلة"
      description="اختار العرض الذي يناسب تجمعكم العائلي."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          title: "تجربة رائعة",          quote: "أفضل مطعم كفتة في المدينة، نظافة وطعم لا يُعلى عليه.",          name: "أحمد علي",          role: "زبون دائم",          imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-sits-outdoors-eats-delicious-sandwich-looks-gladfully-away-prefers-junk-food-dressed-casual-clothes-has-lunch-break-after-strolling-city-people-lifestyle-nutrition_273609-59180.jpg"},
        {
          id: "t2",          title: "مستوى عالٍ",          quote: "خدمة ممتازة وأطباق متنوعة ولذيذة جداً.",          name: "منى حسن",          role: "زبونة",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg"},
        {
          id: "t3",          title: "طعم زمان",          quote: "كل مرة أطلب فيها أشعر كأني في منزلي.",          name: "خالد محمود",          role: "زبون",          imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg"},
        {
          id: "t4",          title: "ممتاز",          quote: "سعر مقابل قيمة رائع جداً.",          name: "سارة إبراهيم",          role: "زبونة",          imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg"},
        {
          id: "t5",          title: "أنصح به",          quote: "مطعم راقٍ وأكل أصيل.",          name: "محمد فهمي",          role: "زبون",          imageSrc: "http://img.b2bpic.net/free-photo/girls-eating-restaurant_23-2148172639.jpg"},
      ]}
      title="رأي عملائنا"
      description="كلمات تفتخر بها عائلة عدلي."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "هل يوجد توصيل؟",          content: "نعم، نوفر خدمة توصيل سريعة لجميع المناطق."},
        {
          id: "q4",          title: "هل هناك رسوم توصيل أو حد أدنى للطلب؟",          content: "نعم، يتم تحديد رسوم التوصيل حسب المنطقة، والحد الأدنى للطلب هو 150 ج.م."},
        {
          id: "q2",          title: "هل يمكن حجز حفلات؟",          content: "بالتأكيد، يمكنكم التواصل معنا لحجز حفلاتكم ومناسباتكم الخاصة."},
        {
          id: "q3",          title: "ما هي ساعات العمل؟",          content: "نعمل يومياً من 12 ظهراً وحتى 12 بعد منتصف الليل."},
      ]}
      title="الأسئلة الشائعة"
      description="إجابات على كل ما يدور في ذهنك."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static"}}
      text="هل ترغب في طلب وجبتك المفضلة أو الاستفسار؟ نحن في خدمتك. يمكنك الاتصال بنا على رقمنا في السعودية: +966 50 000 0000 | مصر: +20 10 000 0000"
      buttons={[
        {
          text: "اتصل بنا الآن",          href: "tel:+966500000000"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "روابط سريعة",          items: [
            {
              label: "الرئيسية",              href: "#hero"},
            {
              label: "القائمة",              href: "#products"},
          ],
        },
        {
          title: "تواصل معنا",          items: [
            {
              label: "فيسبوك",              href: "#"},
            {
              label: "إنستغرام",              href: "#"},
          ],
        },
      ]}
      logoText="بيت الكفتة عدلي"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}