"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Bell, Camera, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "الرئيسية",
          id: "#hero",
        },
        {
          name: "خدماتنا",
          id: "#services",
        },
        {
          name: "العروض",
          id: "#offer",
        },
        {
          name: "الأسعار",
          id: "#pricing",
        },
        {
          name: "تواصل معنا",
          id: "#contact",
        },
      ]}
      brandName="Arnab أرنب للتسويق"
      button={{
        text: "احجز جلستك الإستشارية المجانية الآن 📞",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="أرنب للتسويق"
      description="نحن لا نبيعك خدمات تسويق.. نحن شريكك الإستراتيجي للنمو المستدام 📈 في أرنب للتسويق (Arnab)، ندمج ذكاء الإستراتيجيات الرقمية بقوة الانتشار الواقعي لنصنع من مشروعك علامة تجارية تقود السوق وتسيطر على المبيعات."
      buttons={[
        {
          text: "ابدأ شراكتك الإستراتيجية معنا الآن 🚀",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg?_wi=1"
      imageAlt="Arnab Marketing Agency team collaborating"
      showDimOverlay={false}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "إدارة المؤثرين والمقايضة",
          description: "نركز على اختيار 5-8 مؤثرين متخصصين شهريًا، وإدارة حملاتك بفعالية، وتقديم تقارير أداء شهرية مفصلة لضمان أفضل النتائج.",
          icon: Users,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-content-creator-social-media-sitting-front-digital_1258-281674.jpg",
              imageAlt: "Influencer engaging with audience on social media",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-good-time_23-2148395332.jpg",
              imageAlt: "Group of influencers collaborating on a campaign",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg?_wi=2",
          imageAlt: "influencer marketing social media engagement",
        },
        {
          title: "إدارة حسابات التواصل الاجتماعي وصناعة المحتوى",
          description: "تغطية شاملة لـ TikTok، Instagram، و Snapchat. نقدم 28 منشورًا شهريًا (20 فيديو UGC و 8 منشورات احترافية)، قصص يومية، ومدير حساب ومصور محترف مخصص.",
          icon: Camera,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-student-wearing-stylish-hat-earphones-listening-music-his-mobile-phone-while-relaxing-indoors-cozy-cafeteria-sitting-table-with-laptop-computer_273609-1715.jpg",
              imageAlt: "Person creating content for social media",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-product-photographer-studio_23-2148970222.jpg",
              imageAlt: "Photographer shooting product for social media",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-chart-wood-background_1150-6648.jpg",
          imageAlt: "influencer marketing social media engagement",
        },
        {
          title: "إدارة الإعلانات الممولة المدفوعة",
          description: "إدارة إعلاناتك المستهدفة عبر TikTok، Snapchat، Instagram، و YouTube، مصممة خصيصًا لتناسب ميزانية علامتك التجارية وتحقيق أقصى عائد استثماري.",
          icon: Bell,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/strategy-performance-target-report-analytics-concept_53876-163287.jpg",
              imageAlt: "Digital marketing dashboard showing ad performance",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/business-partnership_53876-167063.jpg",
              imageAlt: "Person analyzing ad analytics on a laptop",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
          imageAlt: "influencer marketing social media engagement",
        },
      ]}
      title="خدماتنا الأساسية"
      description="في أرنب للتسويق، نقدم حلولًا متكاملة لضمان نمو علامتك التجارية في السوق الرقمي والواقعي."
    />
  </div>

  <div id="offer" data-section="offer">
      <TextSplitAbout
      useInvertedBackground={false}
      title="عرض أرنب الحصري: باقة النمو المزدوج!"
      description={[
        "اشترك الآن في باقتنا السنوية لإدارة الحسابات وصناعة المحتوى، واحصل على إدارة المؤثرين مجاناً طوال العام، مع إعفاء كامل من رسوم إدارة إعلاناتك الممولة لأول شهر! دعنا نكون شريكك الإستراتيجي ونبدأ رحلة الصعود.",
      ]}
      buttons={[
        {
          text: "احجز جلستك الإستشارية المجانية الأولى معنا الآن 📞",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      showBorder={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "سارة الجاسم",
          date: "10 مارس 2023",
          title: "قفزة نوعية في تفاعل الجمهور",
          quote: "أرنب للتسويق حققت لنا نتائج فاقت التوقعات في إدارة حملات المؤثرين. التفاعل زاد بشكل كبير والمبيعات ارتفعت، فريق عمل محترف ومبدع!",
          tag: "خدمات المؤثرين",
          avatarSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
          avatarAlt: "Sarah Al-Jassim avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-planning-project-management-session_482257-121152.jpg",
          imageAlt: "Successful business meeting",
        },
        {
          id: "2",
          name: "فهد الزهراني",
          date: "22 أبريل 2023",
          title: "إدارة حسابات احترافية ومحتوى مميز",
          quote: "تجربتنا مع أرنب في إدارة حسابات التواصل الاجتماعي كانت ممتازة. المحتوى إبداعي وجذاب، وقد لاحظنا نموًا ملحوظًا في عدد المتابعين والمشاركة.",
          tag: "إدارة سوشيال ميديا",
          avatarSrc: "http://img.b2bpic.net/free-photo/everything-goes-just-as-she-wants_329181-13470.jpg",
          avatarAlt: "Fahad Al-Zahrani avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/workplace-arrangement-with-laptop-desk_23-2149831290.jpg",
          imageAlt: "Digital analytics dashboard",
        },
        {
          id: "3",
          name: "نورة العلي",
          date: "05 يونيو 2023",
          title: "حملات إعلانية مدفوعة فعالة",
          quote: "بفضل خبرة أرنب في إدارة الإعلانات المدفوعة، تمكنا من الوصول لجمهورنا المستهدف بكفاءة عالية وتحقيق عائد استثمار ممتاز على إعلاناتنا. شكرًا لكم!",
          tag: "إعلانات مدفوعة",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020794.jpg",
          avatarAlt: "Noura Al-Ali avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-sitting-table-talking-business_23-2148352796.jpg",
          imageAlt: "Social media content planning",
        },
        {
          id: "4",
          name: "خالد الشمري",
          date: "18 يوليو 2023",
          title: "شراكة استراتيجية حقيقية",
          quote: "ما يميز أرنب هو أنهم بالفعل شركاء إستراتيجيين. يهتمون بنجاح مشروعنا وكأنه مشروعهم الخاص، ويقدمون استشارات قيمة تتجاوز مجرد الخدمات.",
          tag: "شراكة استراتيجية",
          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
          avatarAlt: "Khalid Al-Shammari avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-attentive-businessmen-attending-conference-meeting-side_1163-5276.jpg",
          imageAlt: "Happy business meeting client success",
        },
        {
          id: "5",
          name: "ريم المطيري",
          date: "01 سبتمبر 2023",
          title: "نتائج ملموسة ونمو مستدام",
          quote: "بعد التعاون مع أرنب للتسويق، شهدنا نموًا غير مسبوق في علامتنا التجارية وحصتنا السوقية. فريق عمل مذهل يقدم حلولًا مبتكرة وفعالة.",
          tag: "نمو الأعمال",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
          avatarAlt: "Reem Al-Mutairi avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/covid-concept-with-virus-copy-space_23-2148911606.jpg",
          imageAlt: "Team celebrating successful project",
        },
      ]}
      title="ماذا يقول عملاؤنا؟"
      description="قصص نجاح حقيقية من شركائنا الذين حققوا نموًا مذهلًا معنا."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Innovations",
        "FutureTech Solutions",
        "Elite Ventures",
        "Pioneer Dynamics",
        "Strategic Alliance Group",
        "Catalyst Brands",
        "Apex Corporation",
      ]}
      title="شركاء النجاح"
      description="نحن فخورون بالعمل مع علامات تجارية رائدة لمساعدتهم على تحقيق أهدافهم التسويقية والوصول إلى أقصى إمكاناتهم في السوق."
      showCard={true}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "influencer-monthly",
          title: "باقة إدارة المؤثرين والمقايضة",
          price: "599 SAR",
          period: "/ شهرياً",
          features: [
            "اختيار 5-8 مؤثرين متخصصين شهرياً",
            "إدارة حملات كاملة وتنسيق مع المؤثرين",
            "تقارير أداء شهرية مفصلة للحملات",
            "تحليل الجمهور المستهدف للمؤثرين",
          ],
          button: {
            text: "ابدأ الآن",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-items-with-piggy-bank-growth-cones_23-2148780562.jpg",
          imageAlt: "Growth chart representing influencer marketing success",
        },
        {
          id: "social-media-monthly",
          title: "باقة إدارة الحسابات وصناعة المحتوى",
          price: "2,499 SAR",
          period: "/ شهرياً",
          features: [
            "إدارة شاملة لـ TikTok، Instagram، Snapchat",
            "28 منشورًا شهريًا (20 فيديو UGC & 8 احترافي)",
            "قصص يومية وتفاعل مستمر مع الجمهور",
            "مدير حساب ومصور محترف مخصص",
          ],
          button: {
            text: "اشترك الآن",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-vector/illustration-social-media-concept_53876-18380.jpg",
          imageAlt: "Social media icons representing content management",
        },
      ]}
      title="خطط أسعارنا"
      description="اختر الخطة المثالية لعملك وابدأ رحلة النمو مع أرنب للتسويق. رسوم الإدارة التشغيلية الثابتة للإعلانات هي 999 SAR شهرياً، أو بنظام النسبة الإستراتيجية (15% من إجمالي الإنفاق الإعلاني)."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="تواصل معنا"
      title="ابدأ رحلتك نحو النجاح"
      description="نحن هنا لمساعدتك على تحقيق أهدافك التسويقية. احجز جلستك الاستشارية المجانية اليوم لتبدأ في بناء علامتك التجارية القوية."
      buttonText="احجز جلستك الآن"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "روابط سريعة",
          items: [
            {
              label: "الرئيسية",
              href: "#hero",
            },
            {
              label: "خدماتنا",
              href: "#services",
            },
            {
              label: "العروض",
              href: "#offer",
            },
            {
              label: "الأسعار",
              href: "#pricing",
            },
            {
              label: "تواصل معنا",
              href: "#contact",
            },
          ],
        },
        {
          title: "تواصل معنا",
          items: [
            {
              label: "info@arnab.com",
              href: "mailto:info@arnab.com",
            },
            {
              label: "+966 50 123 4567",
              href: "tel:+966501234567",
            },
            {
              label: "الرياض، المملكة العربية السعودية",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2023 Arnab. جميع الحقوق محفوظة."
      bottomRightText="Vision: نحن في Arnab نبدأ معك اليوم من مكتبنا، وعيننا على الطموح الأكبر.. أن نلتقي قريباً في برج أرنب الأيقوني المستقبلي كشركاء صنعوا النجاح معاً من البداية. احجز جلستك الإستشارية المجانية الأولى معنا الآن 📞"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
