"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TextAbout from '@/components/sections/about/TextAbout';
import { BarChart, Clock } 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="chat-logs-list" data-section="chat-logs-list">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "الرسالة من رقم: +9665XXXXXXXX (الساعة 10:30 صباحاً)",          description: "محتوى الرسالة: 'السلام عليكم، هل يمكنني الاستفسار عن خدمة استقدام سائق خاص؟'",          imageSrc: "http://img.b2bpic.net/free-photo/student-writing-e-learning-concept_23-2148552226.jpg",          imageAlt: "رسالة واتساب 1"},
        {
          title: "الرد الآلي (الساعة 10:31 صباحاً)",          description: "محتوى الرسالة: 'وعليكم السلام، نعم بالطبع! يرجى تزويدنا ببعض التفاصيل الإضافية.'",          imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-boss-uses-ai-virtual-assistant_482257-123249.jpg",          imageAlt: "رسالة واتساب 2"},
        {
          title: "الرسالة من رقم: +9665YYYYYYYY (الساعة 11:15 صباحاً)",          description: "محتوى الرسالة: 'لدي مشكلة في استكمال الطلب، الرجاء المساعدة.'",          imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg",          imageAlt: "رسالة واتساب 3"},
        {
          title: "بانتظار تدخل بشري (الساعة 11:16 صباحاً)",          description: "تم تصنيف المحادثة على أنها تحتاج لتدخل فريق الدعم.",          imageSrc: "http://img.b2bpic.net/free-photo/people-robots-posing-together_23-2150912073.jpg",          imageAlt: "رسالة واتساب 4"},
      ]}
      title="سجل المحادثات"
      description="تصفح أحدث المحادثات التي تمت عبر WhatsApp مع المرشحين والعملاء."
      tag="تتبع فوري"
      tagIcon={Clock}
    />
  </div>

  <div id="chat-activity-chart" data-section="chat-activity-chart">
      <TextAbout
      useInvertedBackground={false}
      tag="تحليلات"
      tagIcon={BarChart}
      title="نشاط الرسائل الأسبوعي"
      
    />
  </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>
  );
}
