"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="none"
        cardStyle="layered-gradient"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "الرئيسية",          id: "#hero"},
        {
          name: "حولنا",          id: "#about"},
        {
          name: "الميزات",          id: "#features"},
        {
          name: "الأسعار",          id: "#pricing"},
        {
          name: "الشهادات",          id: "#testimonials"},
        {
          name: "تواصل",          id: "#contact"},
      ]}
      brandName="QuickBooks"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="حلول QuickBooks لإدارة أعمالك بذكاء."
      description="تبسيط المحاسبة، تحسين التدفق النقدي، واتخاذ قرارات أفضل لنمو لا يتوقف."
      testimonials={[
        {
          name: "سارة أحمد",          handle: "@SaraA_Biz",          testimonial: "QuickBooks غيّر طريقة إدارتي لماليات عملي. سهولة فائقة وتقارير دقيقة! لا غنى عنه.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",          imageAlt: "صورة سارة أحمد"},
        {
          name: "خالد منصور",          handle: "@KhaledM_Tech",          testimonial: "منصة QuickBooks لا تضاهى. وفرت علي ساعات عمل طويلة وساعدتني على فهم مالي لشركتي الناشئة.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",          imageAlt: "صورة خالد منصور"},
        {
          name: "ليلى فؤاد",          handle: "@LaylaF_Growth",          testimonial: "أداة رائعة لكل من يبحث عن دقة في المحاسبة وراحة البال. دعمهم ممتاز ومستمر.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",          imageAlt: "صورة ليلى فؤاد"},
        {
          name: "فارس الجندي",          handle: "@Faris_CFO",          testimonial: "كخبير مالي، أوصي بـ QuickBooks لعملائي. حل شامل وفعال ينمو مع أعمالهم.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",          imageAlt: "صورة فارس الجندي"},
        {
          name: "مريم سعيد",          handle: "@MariamS_Mkt",          testimonial: "بصراحة، لم أكن أتخيل أن المحاسبة يمكن أن تكون بهذه السهولة. QuickBooks أبهرني!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",          imageAlt: "صورة مريم سعيد"},
      ]}
      tag="إدارة مالية ذكية"
      buttons={[
        {
          text: "اشترك الآن",          href: "#pricing"},
        {
          text: "شاهد العرض",          href: "#about"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",          alt: "صورة مستخدم 1"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134319.jpg",          alt: "صورة مستخدم 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",          alt: "صورة مستخدم 3"},
        {
          src: "http://img.b2bpic.net/free-vector/great-pack-businessman-with-nine-different-facial-expressions_23-2147614453.jpg",          alt: "صورة مستخدم 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",          alt: "صورة مستخدم 5"},
      ]}
      avatarText="أكثر من 7 ملايين عميل يثقون بنا"
      imageSrc="http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461308.jpg"
      imageAlt="لوحة تحكم QuickBooks حديثة"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "تتبع النفقات بسهولة"},
        {
          type: "text",          text: "إدارة الفواتير باحترافية"},
        {
          type: "text",          text: "تقارير مالية دقيقة"},
        {
          type: "text",          text: "ربط آمن بالحسابات البنكية"},
        {
          type: "text",          text: "دعم فني متميز"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="لماذا QuickBooks؟"
      title="شريكك الموثوق في النجاح المالي"
      description="QuickBooks هو البرنامج المحاسبي الرائد عالميًا الذي يمكّنك من إدارة أموالك بسهولة، من تتبع النفقات إلى إعداد الفواتير والتقارير الضريبية."
      subdescription="مصمم خصيصًا ليلبي احتياجات الشركات الصغيرة والمتوسطة، مما يمنحك رؤية واضحة ومبسطة لوضعك المالي."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/new-hire-sharing-handshake-receiving-id-security-pass-from-hr-manager-onboarding-meeting_482257-133870.jpg"
      imageAlt="سيدة أعمال سعيدة تراجع التقارير المالية"
      mediaAnimation="opacity"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "تضييع الوقت في المحاسبة اليدوية",          "صعوبة تتبع النفقات",          "فواتير غير منظمة",          "غياب التقارير المالية الدقيقة",          "تحديات في الامتثال الضريبي"],
      }}
      positiveCard={{
        items: [
          "توفير الوقت بفضل الأتمتة",          "تتبع النفقات بسهولة ودقة",          "إدارة فواتير احترافية",          "تقارير مالية مفصلة وفورية",          "امتثال ضريبي مبسط"],
      }}
      title="ميزات QuickBooks التي تغير قواعد اللعبة"
      description="قارن بين ما قد تفقده وما ستحصل عليه مع QuickBooks."
      tag="تحول رقمي"
      tagIcon={Zap}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",          value: "+7M",          title: "عميل سعيد",          items: [
            "شركات صغيرة ومتوسطة",            "شركات ناشئة",            "مستشارون ماليون"],
        },
        {
          id: "metric-2",          value: "%95",          title: "رضا العملاء",          items: [
            "تقييمات إيجابية",            "دعم فني ممتاز",            "تحسين مستمر"],
        },
        {
          id: "metric-3",          value: "3X",          title: "توفير الوقت",          items: [
            "أتمتة المهام الروتينية",            "تقارير سريعة",            "دقة لا مثيل لها"],
        },
      ]}
      title="أرقام تتحدث عن نفسها"
      description="أكثر من 7 ملايين شركة حول العالم تعتمد على QuickBooks لنموها المالي."
      tag="نتائج حقيقية"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",          badge: "الأكثر شيوعًا",          badgeIcon: Sparkles,
          price: "ابتداءً من $15/شهر",          name: "QuickBooks Starter",          buttons: [
            {
              text: "ابدأ التجربة المجانية",              href: "#"},
          ],
          features: [
            "تتبع الدخل والنفقات",            "إدارة الفواتير",            "ربط الحسابات المصرفية",            "تقارير أساسية"],
        },
        {
          id: "plus",          badge: "الأعمال المتنامية",          badgeIcon: Star,
          price: "ابتداءً من $30/شهر",          name: "QuickBooks Plus",          buttons: [
            {
              text: "اشترك الآن",              href: "#"},
          ],
          features: [
            "جميع ميزات Starter",            "تتبع المخزون",            "إدارة المشاريع",            "تقارير متقدمة",            "ما يصل إلى 5 مستخدمين"],
        },
        {
          id: "advanced",          badge: "المؤسسات الكبيرة",          badgeIcon: Award,
          price: "ابتداءً من $70/شهر",          name: "QuickBooks Advanced",          buttons: [
            {
              text: "تواصل للمبيعات",              href: "#contact"},
          ],
          features: [
            "جميع ميزات Plus",            "إدارة الفروع",            "ميزانيات مخصصة",            "دعم متميز 24/7",            "أكثر من 5 مستخدمين"],
        },
      ]}
      title="اختر الخطة المناسبة لعملك"
      description="خطط مرنة تناسب جميع أحجام الأعمال واحتياجاتها."
      tag="خطط الاشتراك"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "فاطمة الزهراء",          role: "مديرة شركة ناشئة",          company: "GrowthX Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-work_23-2148499478.jpg",          imageAlt: "صورة فاطمة الزهراء"},
        {
          id: "t2",          name: "أحمد السالم",          role: "مدير تقنية",          company: "InnovateHub",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",          imageAlt: "صورة أحمد السالم"},
        {
          id: "t3",          name: "نور الهدى",          role: "صاحبة متجر إلكتروني",          company: "E-Shop Pro",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-cheerful-smiling-broadly-standing-purple-background_141793-110651.jpg",          imageAlt: "صورة نور الهدى"},
        {
          id: "t4",          name: "يوسف محمد",          role: "مستشار مالي",          company: "Finance Expert Co.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-travel-agency_52683-136439.jpg",          imageAlt: "صورة يوسف محمد"},
        {
          id: "t5",          name: "آية عبد الله",          role: "مديرة حسابات",          company: "Accurate Books",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-saleswoman-businesswoman-suit-sitting-office-her-company_1258-194574.jpg",          imageAlt: "صورة آية عبد الله"},
        {
          id: "t6",          name: "عمر فاروق",          role: "رائد أعمال",          company: "Future Ventures",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg",          imageAlt: "صورة عمر فاروق"},
      ]}
      kpiItems={[
        {
          value: "حلول موثوقة",          label: "لإدارة مالية آمنة"},
        {
          value: "دعم متميز",          label: "متاح 24/7"},
        {
          value: "سهولة الاستخدام",          label: "لمن ليس لديهم خبرة"},
      ]}
      title="ما يقوله عملاؤنا"
      description="قصص نجاح حقيقية من أصحاب الأعمال الذين غيرت QuickBooks مسارهم."
      tag="تجارب حقيقية"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "شركة الابتكار",        "مجموعة النجاح",        "حلول المستقبل",        "رواد الأعمال",        "الشركة العالمية",        "الرؤية الرقمية",        "النمو السريع"]}
      title="شركاء النجاح"
      description="شركات رائدة تثق في QuickBooks لإدارة حساباتها."
      tag="الثقة والاعتماد"
      speed={30}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "ما هو QuickBooks؟",          content: "QuickBooks هو برنامج محاسبي شامل يساعد الشركات الصغيرة والمتوسطة على إدارة دخلها ونفقاتها، تتبع المبيعات، وإنشاء التقارير المالية بسهولة."},
        {
          id: "q2",          title: "هل أحتاج إلى خبرة محاسبية لاستخدامه؟",          content: "لا، QuickBooks مصمم ليكون سهل الاستخدام حتى لغير المحاسبين. يوفر واجهة بسيطة وخطوات إرشادية للمساعدة في جميع العمليات."},
        {
          id: "q3",          title: "هل يمكنني ربط حساباتي المصرفية بـ QuickBooks؟",          content: "نعم، يمكنك ربط حساباتك المصرفية وبطاقات الائتمان تلقائيًا لاستيراد المعاملات وتتبعها بكل سهولة ودقة."},
        {
          id: "q4",          title: "هل QuickBooks آمن لبياناتي المالية؟",          content: "نعم، QuickBooks يستخدم أعلى معايير الأمان لحماية بياناتك، بما في ذلك التشفير وتدابير أمنية متقدمة لضمان سرية معلوماتك."},
        {
          id: "q5",          title: "ما هو الفرق بين الخطط المختلفة؟",          content: "تختلف الخطط في عدد المستخدمين، ميزات تتبع المخزون والمشاريع، ومستوى التقارير المتاحة. يمكنك مراجعة قسم الأسعار لمعرفة التفاصيل الكاملة."},
      ]}
      sideTitle="أسئلة شائعة"
      sideDescription="ابحث عن إجابات لاستفساراتك حول QuickBooks واشتراكاتها."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="جاهز للبدء؟"
      title="تواصل معنا اليوم"
      description="إذا كان لديك أي استفسارات أو تحتاج إلى مساعدة، تواصل معنا اليوم وسيسعد فريق الخبراء لدينا بمساعدتك في اختيار خطة QuickBooks المثالية لنمو عملك."
      buttons={[
        {
          text: "أرسل استفسارك الآن",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/initials-letter-s-g-logo-design_474888-7384.jpg"
      logoAlt="شعار QuickBooks"
      logoText="QuickBooks"
      columns={[
        {
          title: "روابط سريعة",          items: [
            {
              label: "الرئيسية",              href: "#hero"},
            {
              label: "الميزات",              href: "#features"},
            {
              label: "الأسعار",              href: "#pricing"},
            {
              label: "تواصل",              href: "#contact"},
          ],
        },
        {
          title: "الدعم",          items: [
            {
              label: "الأسئلة الشائعة",              href: "#faq"},
            {
              label: "مركز المساعدة",              href: "#"},
            {
              label: "التواصل مع الدعم",              href: "#contact"},
          ],
        },
        {
          title: "عن الشركة",          items: [
            {
              label: "عن QuickBooks",              href: "#about"},
            {
              label: "المهن",              href: "#"},
            {
              label: "الشروط والأحكام",              href: "#"},
            {
              label: "سياسة الخصوصية",              href: "#"},
          ],
        },
      ]}
      copyrightText="QuickBooks © 2024. جميع الحقوق محفوظة."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}