"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { CheckCircle, Lightbulb, MessageCircle, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "الرئيسية",          id: "/"},
        {
          name: "سجل المحادثات",          id: "/chat-logs"},
        {
          name: "إدارة المرشحين",          id: "/candidates"},
        {
          name: "الإعدادات",          id: "/settings"},
      ]}
      brandName="Agent Cura"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Agent Cura"
      description="حلول أتمتة WhatsApp لمكاتب الاستقدام في السعودية. دير عملك بكفاءة وسهولة."
      buttons={[
        {
          text: "ابدأ الآن",          href: "/settings"},
        {
          text: "تعلم المزيد",          href: "/#about"},
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-male-ceo-watching-olympic-games-stream_482257-123108.jpg"
      imageAlt="لوحة تحكم SaaS حديثة لمكاتب الاستقدام"
      showDimOverlay={false}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "total-messages",          value: "1200",          title: "إجمالي الرسائل اليوم",          description: "العدد الكلي للرسائل المستلمة اليوم",          icon: MessageCircle,
        },
        {
          id: "new-candidates",          value: "85",          title: "مرشحين جدد",          description: "عدد المرشحين المضافين حديثاً",          icon: Users,
        },
        {
          id: "auto-reply-rate",          value: "92%",          title: "نسبة الرد الآلي الناجح",          description: "معدل نجاح الردود الآلية على الاستفسارات",          icon: CheckCircle,
        },
      ]}
      title="نظرة عامة على الأداء"
      description="تابع أهم مؤشرات أداء نظامك بكل سهولة."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
      tag="حلول ذكية"
      tagIcon={Lightbulb}
      title="عن Agent Cura"
      
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "ثورة في إدارة المرشحين",          quote: "لقد غير Agent Cura طريقة عملنا تمامًا. أصبحنا نرد على استفسارات العملاء بشكل أسرع وندير المرشحين بكفاءة غير مسبوقة.",          name: "أحمد السعيد",          role: "مدير مكتب الاستقدام المتميز",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-business-male_23-2148479546.jpg",          imageAlt: "أحمد السعيد"},
        {
          id: "2",          title: "دعم فني استثنائي",          quote: "أكثر ما يميز Agent Cura هو الدعم الفني المتفهم والسريع. دائمًا ما يجدون حلولاً مبتكرة لتحدياتنا.",          name: "فاطمة الزهراء",          role: "مديرة العمليات، شركة الأيدي الأمينة",          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",          imageAlt: "فاطمة الزهراء"},
        {
          id: "3",          title: "توفير كبير في الوقت",          quote: "بفضل أتمتة WhatsApp، تمكنا من توفير ساعات طويلة من العمل اليدوي، مما سمح لفريقنا بالتركيز على المهام الأكثر أهمية.",          name: "خالد بن فهد",          role: "المدير العام، رواد الاستقدام",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-young-elegant-businessman-with-cup-hands_259150-58620.jpg",          imageAlt: "خالد بن فهد"},
        {
          id: "4",          title: "واجهة مستخدم سهلة وبديهية",          quote: "لم أكن أتوقع أن يكون نظاماً بهذه القوة سهلاً الاستخدام لهذه الدرجة. تدريب فريقي عليه كان بسيطاً جداً.",          name: "نورة العلي",          role: "مسؤولة التوظيف، جسر الكفاءات",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-hijab-indoors_23-2150751927.jpg",          imageAlt: "نورة العلي"},
        {
          id: "5",          title: "حل متكامل وموثوق",          quote: "Agent Cura ليس مجرد أداة، بل هو شريك استراتيجي. يقدم كل ما نحتاجه لإدارة عمليات الاستقدام بكفاءة عالية وموثوقية تامة.",          name: "عبدالله الراجحي",          role: "مؤسس، وكالة النخبة للاستقدام",          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-high-protocol-event_23-2150951295.jpg",          imageAlt: "عبدالله الراجحي"},
      ]}
      title="ماذا يقول عملاؤنا"
      description="شهادات من مكاتب استقدام رائدة استفادت من Agent Cura لتحسين أعمالها."
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      title="المنتجات والخدمات"
      description="اكتشف مجموعة حلولنا المصممة لتلبية احتياجات مكاتب الاستقدام."
      products={[
        {
          id: "prod-1",          name: "أتمتة WhatsApp الأساسية",          price: "تبدأ من 99 ريال/شهر",          imageSrc: "http://img.b2bpic.net/free-photo/chat-message-front-side-white-background_187299-40133.jpg",          imageAlt: "أتمتة واتساب", variant: "default"},
        {
          id: "prod-2",          name: "إدارة المرشحين المتقدمة",          price: "تبدأ من 199 ريال/شهر",          imageSrc: "http://img.b2bpic.net/free-photo/job-hiring-vacancy-team-interview-career-recruiting_53876-133752.jpg",          imageAlt: "إدارة مرشحين", variant: "default"},
        {
          id: "prod-3",          name: "تحليلات الأداء الشاملة",          price: "تبدأ من 299 ريال/شهر",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-paper-sheet-with-graph_23-2148210412.jpg",          imageAlt: "تحليلات أداء", variant: "default"}
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "الروابط السريعة",          items: [
            {
              label: "الرئيسية",              href: "/"},
            {
              label: "سجل المحادثات",              href: "/chat-logs"},
            {
              label: "إدارة المرشحين",              href: "/candidates"},
            {
              label: "الإعدادات",              href: "/settings"},
          ],
        },
        {
          title: "الدعم",          items: [
            {
              label: "الأسئلة الشائعة",              href: "/faq"},
            {
              label: "اتصل بنا",              href: "/contact"},
          ],
        },
        {
          title: "الشركة",          items: [
            {
              label: "عن Agent Cura",              href: "/#about"},
            {
              label: "سياسة الخصوصية",              href: "/privacy-policy"},
            {
              label: "شروط الخدمة",              href: "/terms-of-service"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Agent Cura. جميع الحقوق محفوظة."
      bottomRightText="صنع في السعودية بحب"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
