"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Briefcase, Database } 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="candidates-crm" data-section="candidates-crm">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "cand-1",
          name: "محمد العتيبي",
          price: "سائق خاص",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
          imageAlt: "محمد العتيبي",
          isFavorited: false,
        },
        {
          id: "cand-2",
          name: "سارة المحمد",
          price: "مربية أطفال",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-indian-business-woman_53876-139739.jpg",
          imageAlt: "سارة المحمد",
          isFavorited: false,
        },
        {
          id: "cand-3",
          name: "عبدالله الهاجري",
          price: "طباخ منزلي",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-businesswoman_23-2148012909.jpg",
          imageAlt: "عبدالله الهاجري",
          isFavorited: true,
        },
        {
          id: "cand-4",
          name: "ليلى خالد",
          price: "ممرضة منزلية",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-ipad_23-2150103645.jpg",
          imageAlt: "ليلى خالد",
          isFavorited: false,
        },
        {
          id: "cand-5",
          name: "فهد السبيعي",
          price: "عامل زراعي",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-smiley-man_23-2148448857.jpg",
          imageAlt: "فهد السبيعي",
          isFavorited: false,
        },
        {
          id: "cand-6",
          name: "مريم القحطاني",
          price: "مساعدة منزلية",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-business-man_23-2148479530.jpg",
          imageAlt: "مريم القحطاني",
          isFavorited: true,
        },
      ]}
      title="إدارة المرشحين (CRM)"
      description="تصفح وادارة بيانات المرشحين التي تم جمعها بواسطة بوت الواتساب الخاص بك."
      tag="إدارة متكاملة"
      tagIcon={Database}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "مكتب الوفاء للاستقدام",
        "الشركة السعودية للموارد البشرية",
        "مركز النخبة للتوظيف",
        "مجموعة الرواد للاستقدام",
        "شركة الكفاءات الدولية",
        "وكالة الأيدي الماهرة",
        "شركة المستقبل للاستقدام",
      ]}
      title="مكاتب استقدام موثوقة تستخدم Agent Cura"
      description="شركاؤنا الكرام، يثقون بنا في إدارة عمليات الاستقدام الخاصة بهم."
      tag="شركاء النجاح"
      tagIcon={Briefcase}
    />
  </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>
  );
}
