"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Shield, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "الرئيسية",
          id: "hero",
        },
        {
          name: "عنا",
          id: "about",
        },
        {
          name: "الميزات",
          id: "features",
        },
        {
          name: "الدورات",
          id: "products",
        },
        {
          name: "الأسعار",
          id: "pricing",
        },
        {
          name: "الشهادات",
          id: "testimonials",
        },
        {
          name: "الأسئلة الشائعة",
          id: "faq",
        },
        {
          name: "تواصل معنا",
          id: "contact",
        },
      ]}
      brandName="النور للعربية"
      bottomLeftText="مجتمع عالمي"
      bottomRightText="info@alnoorarabic.com"
      button={{
        text: "ابدأ الآن",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="النور للعربية"
      description="بوابتك لتعلم اللغة العربية واكتشاف كنوزها الثقافية."
      buttons={[
        {
          text: "ابدأ الآن",
          href: "#contact",
        },
        {
          text: "اكتشف الدورات",
          href: "#products",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696372.jpg",
          imageAlt: "طالب يتعلم اللغة العربية على جهاز لوحي",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-with-food-laptop_23-2147796962.jpg",
          imageAlt: "مجموعة طلاب يدرسون اللغة العربية في فصل دراسي حديث",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cartoon-illustration-muslim-family_23-2151811881.jpg",
          imageAlt: "معلم لغة عربية يشرح لطلابه",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/embedded-pigeon-figure-with-patterns_114579-12160.jpg",
          imageAlt: "مكتبة عربية تحتوي على كتب ومخطوطات تاريخية",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-flexing-male-emotion-holiday_140725-125926.jpg",
          imageAlt: "شاب يبتسم بعد إتقان اللغة العربية",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-celebration_23-2150931168.jpg",
          imageAlt: "فصل دراسي افتراضي لتعليم اللغة العربية",
        },
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "عن النور: رحلة في عمق اللغة العربية",
        },
      ]}
      buttons={[
        {
          text: "المزيد عنا",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "دروس تفاعلية",
          description: "استمتع بدروس مصممة بعناية مع أنشطة ومسابقات ممتعة.",
          imageSrc: "http://img.b2bpic.net/free-photo/muslim-lady-wear-headphone-using-digital-tablet-talk-colleagues-about-sale-report-conference-video-call-while-working-from-home-kitchen_7861-3076.jpg",
          imageAlt: "شاشات عرض لدروس تفاعلية",
        },
        {
          title: "متحدثون أصليون",
          description: "تعلم من أفضل المعلمين الناطقين باللغة العربية بطلاقة.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2150751910.jpg",
          imageAlt: "معلمة لغة عربية تبتسم",
        },
        {
          title: "جداول مرنة",
          description: "اختر الأوقات التي تناسبك وادرس بالسرعة التي تفضلها.",
          imageSrc: "http://img.b2bpic.net/free-photo/arabian-woman-hijab-inside-cafe-working-laptop_1303-14196.jpg",
          imageAlt: "تقويم وجدول زمني مرن",
        },
        {
          title: "غمر ثقافي",
          description: "انغمس في الثقافة العربية الأصيلة من خلال محتوى غني.",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-ancient-rock-hewn-town-uplistsikhe-georgia_181624-10636.jpg",
          imageAlt: "خريطة العالم العربي مع أيقونات ثقافية",
        },
      ]}
      title="لماذا تختار النور؟"
      description="نقدم منهجاً فريداً ومصمماً خصيصاً لتجربة تعلم شاملة وفعالة."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "مؤسسة تعليمية عالمية",
        "مركز الثقافة العربية",
        "الجامعة المفتوحة للغات",
        "جمعية معلمي العربية",
        "منصة التعلم الرقمي",
        "المعهد العربي للدراسات",
        "المركز الدولي للغات",
      ]}
      title="شركاؤنا وشهادات الاعتماد"
      description="نحن فخورون بالتعاون مع مؤسسات رائدة في مجال تعليم اللغة والثقافة."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "beginner-arabic",
          brand: "النور للمبتدئين",
          name: "اللغة العربية للمبتدئين",
          price: "399 ر.س",
          rating: 5,
          reviewCount: "250",
          imageSrc: "http://img.b2bpic.net/free-photo/arabic-businessman-traditional-wear-peeking-out-blank-billboard-looking-it-with-serious-face-orange-wall_141793-47621.jpg",
          imageAlt: "كتاب تعليم اللغة العربية للمبتدئين",
        },
        {
          id: "intermediate-arabic",
          brand: "النور للمتوسطين",
          name: "اللغة العربية للمستوى المتوسط",
          price: "599 ر.س",
          rating: 4,
          reviewCount: "180",
          imageSrc: "http://img.b2bpic.net/free-photo/serious-african-american-employee-supporting-colleague_74855-1217.jpg",
          imageAlt: "طالبة تدرس اللغة العربية على الكمبيوتر",
        },
        {
          id: "advanced-arabic",
          brand: "النور للمتقدمين",
          name: "اللغة العربية للمستوى المتقدم",
          price: "799 ر.س",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-hijab-indoors_23-2150751925.jpg",
          imageAlt: "شاب يكتب بخط عربي جميل",
        },
        {
          id: "arabic-calligraphy",
          brand: "فن الخط العربي",
          name: "أساسيات الخط العربي",
          price: "450 ر.س",
          rating: 5,
          reviewCount: "90",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19968.jpg",
          imageAlt: "أدوات الخط العربي",
        },
        {
          id: "quranic-arabic",
          brand: "فهم القرآن",
          name: "اللغة العربية القرآنية",
          price: "650 ر.س",
          rating: 5,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-reading-smiling_23-2147643056.jpg",
          imageAlt: "كتاب تفسير القرآن",
        },
        {
          id: "conversational-arabic",
          brand: "تحدث العربية",
          name: "العربية للمحادثة اليومية",
          price: "499 ر.س",
          rating: 4,
          reviewCount: "200",
          imageSrc: "http://img.b2bpic.net/free-photo/asian-muslim-lady-write-information-strategy-reminder-glass-board-new-normal-office_7861-3252.jpg",
          imageAlt: "أشخاص يتحدثون بابتسامة",
        },
      ]}
      title="دوراتنا التعليمية"
      description="تصفح مجموعتنا المتنوعة من الدورات المصممة لتناسب جميع المستويات والاهتمامات."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "الأكثر شعبية",
          badgeIcon: Sparkles,
          price: "150 ر.س/شهر",
          subtitle: "للمبتدئين والتعلم الذاتي",
          buttons: [
            {
              text: "اختر الخطة الأساسية",
              href: "#contact",
            },
          ],
          features: [
            "الوصول إلى جميع الدروس المسجلة",
            "10 ساعات من التدريبات التفاعلية",
            "دعم عبر البريد الإلكتروني",
          ],
        },
        {
          id: "premium",
          badge: "القيمة الأفضل",
          badgeIcon: Award,
          price: "250 ر.س/شهر",
          subtitle: "للمتعلمين الجادين والنمو السريع",
          buttons: [
            {
              text: "اختر الخطة المميزة",
              href: "#contact",
            },
          ],
          features: [
            "جميع ميزات الخطة الأساسية",
            "4 جلسات حية مع معلم شهرياً",
            "مجموعات محادثة حصرية",
            "تقارير تقدم شخصية",
          ],
        },
        {
          id: "elite",
          badge: "احترافي",
          badgeIcon: Shield,
          price: "400 ر.س/شهر",
          subtitle: "لإتقان اللغة والتفوق الثقافي",
          buttons: [
            {
              text: "اختر خطة النخبة",
              href: "#contact",
            },
          ],
          features: [
            "جميع ميزات الخطة المميزة",
            "8 جلسات حية فردية مع معلم شهرياً",
            "ورش عمل ثقافية متخصصة",
            "وصول مبكر للمحتوى الجديد",
            "دعم VIP",
          ],
        },
      ]}
      title="خطط التسعير المرنة"
      description="اختر الخطة التي تناسبك واستفد من تعليم عالي الجودة بأسعار معقولة."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "سارة أحمد",
          role: "طالبة جامعية",
          company: "جامعة دبي",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2042.jpg",
          imageAlt: "صورة سارة أحمد",
        },
        {
          id: "2",
          name: "علي محمد",
          role: "مدير مشروع",
          company: "شركة تقنية",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/customer-service-handsome-curly-man-office-suit-with-computer-headset-smiling-holding-coffee_140725-164626.jpg",
          imageAlt: "صورة علي محمد",
        },
        {
          id: "3",
          name: "فاطمة الزهراء",
          role: "مترجمة",
          company: "مركز الترجمة",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-voter-registration-day_23-2149096738.jpg",
          imageAlt: "صورة فاطمة الزهراء",
        },
        {
          id: "4",
          name: "خالد منصور",
          role: "مهندس",
          company: "شركة نفط",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-eating_23-2148627127.jpg",
          imageAlt: "صورة خالد منصور",
        },
        {
          id: "5",
          name: "ليلى حسن",
          role: "معلمة",
          company: "مدرسة اللغات",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-pointing-out-his-back-direction_140725-34696.jpg",
          imageAlt: "صورة ليلى حسن",
        },
        {
          id: "6",
          name: "محمد السيد",
          role: "رجل أعمال",
          company: "مستثمر",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-looking-her-tablet_23-2148645066.jpg",
          imageAlt: "صورة محمد السيد",
        },
      ]}
      title="ماذا يقول طلابنا؟"
      description="قصص نجاح وإلهام من مجتمعنا المتنامي من متعلمي اللغة العربية."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "ما هي مستويات الدورات المتاحة؟",
          content: "نقدم دورات للمبتدئين، والمستوى المتوسط، والمتقدمين، بالإضافة إلى دورات متخصصة.",
        },
        {
          id: "q2",
          title: "هل يمكنني تجربة درس مجاني؟",
          content: "نعم، نقدم دروسًا تجريبية مجانية للتعرف على أسلوبنا ومنهجيتنا.",
        },
        {
          id: "q3",
          title: "كيف تتم عملية الدفع؟",
          content: "يمكنك الدفع عبر بطاقات الائتمان، أو التحويل البنكي، أو بوابات الدفع الإلكترونية الآمنة.",
        },
        {
          id: "q4",
          title: "هل أحصل على شهادة عند الانتهاء؟",
          content: "بالتأكيد، ستحصل على شهادة إتمام معتمدة من النور للعربية عند إنهاء كل مستوى.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/looking-happiness-confident-view-background_1187-6134.jpg"
      imageAlt="رجل يفكر في أسئلة كثيرة"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="أسئلة متكررة"
      description="ابحث عن إجابات لاستفساراتك الشائعة حول برامجنا وعملية التعلم."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="تواصل معنا"
      description="نحن هنا لمساعدتك. أرسل لنا رسالة وسنقوم بالرد عليك قريباً."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "الاسم الكامل",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "البريد الإلكتروني",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "الموضوع",
          required: false,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "رسالتك",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/muslim-man-converses-with-people-call_482257-76208.jpg"
      imageAlt="أشخاص يتواصلون عبر الإنترنت"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="إرسال الرسالة"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="النور للعربية"
      columns={[
        {
          title: "روابط سريعة",
          items: [
            {
              label: "الرئيسية",
              href: "#hero",
            },
            {
              label: "عنا",
              href: "#about",
            },
            {
              label: "الدورات",
              href: "#products",
            },
            {
              label: "تواصل معنا",
              href: "#contact",
            },
          ],
        },
        {
          title: "المصادر",
          items: [
            {
              label: "الأسئلة الشائعة",
              href: "#faq",
            },
            {
              label: "شهادات الطلاب",
              href: "#testimonials",
            },
            {
              label: "المدونة",
              href: "#",
            },
          ],
        },
        {
          title: "قانوني",
          items: [
            {
              label: "سياسة الخصوصية",
              href: "#",
            },
            {
              label: "شروط الخدمة",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 النور للعربية. جميع الحقوق محفوظة."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
