"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import { Zap, Sparkles, Crown } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "الرئيسية", id: "home" },
    { name: "الأدوات", id: "tools" },
    { name: "معالج الفيديو", id: "video-processor" },
    { name: "التسعير", id: "pricing" },
    { name: "الأسئلة الشائعة", id: "faq" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={navItems}
          brandName="AI Studio"
          button={{
            text: "ابدأ الآن",
            href: "/dashboard",
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="منصة ذكاء اصطناعي متكاملة للجيل القادم"
          description="استخدم قوة الذكاء الاصطناعي لإنشاء صور مذهلة وفيديوهات احترافية وكتابة محتوى مبتكر. أدوات متقدمة مع واجهات سهلة الاستخدام."
          tag="تقنية ذكاء اصطناعي متقدمة"
          tagIcon={Zap}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/a-modern-ai-platform-dashboard-with-conv-1772477572534-35a902d8.png"
          imageAlt="لوحة تحكم منصة الذكاء الاصطناعي"
          imagePosition="right"
          mediaAnimation="slide-up"
          background={{ variant: "floatingGradient" }}
          useInvertedBackground={false}
          testimonials={[
            {
              name: "محمد أحمد",
              handle: "الرئيس التنفيذي، شركة تقنية",
              testimonial: "منصة رائعة غيرت طريقة عملنا! سهلة الاستخدام وقوية جداً.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-tech-professi-1772477570856-810f47ff.png",
              imageAlt: "محمد أحمد",
            },
            {
              name: "فاطمة محمود",
              handle: "مدير المشروع، وكالة إبداعية",
              testimonial: "أفضل استثمار قررنا عمله. نتائج احترافية في ثوانٍ معدودة.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-business-exec-1772477570785-e2c6dce3.png",
              imageAlt: "فاطمة محمود",
            },
            {
              name: "علي السعيد",
              handle: "مؤسس ستارتاب، منصة محتوى",
              testimonial: "الأداة التي كنت أبحث عنها دائماً. توفر الوقت والجهد بشكل كبير.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-creative-prof-1772477571304-1687a1d2.png",
              imageAlt: "علي السعيد",
            },
          ]}
          buttons={[
            { text: "ابدأ مجاناً", href: "/dashboard" },
            { text: "شاهد العرض التوضيحي", href: "#features" },
          ]}
          buttonAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "معالجة الفيديو" },
            { type: "text", text: "توليد الصور" },
            { type: "text", text: "المحادثة الذكية" },
            { type: "text", text: "كتابة المحتوى" },
            { type: "text", text: "الترجمة الفورية" },
          ]}
          showMarqueeCard={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="عن منصتنا"
          tagIcon={Sparkles}
          title="نحن نوفر حلاً شاملاً لاحتياجات الذكاء الاصطناعي الخاصة بك. منصة متكاملة تجمع بين قوة المعالجة والسهولة في الاستخدام."
          useInvertedBackground={false}
          buttons={[
            { text: "اكتشف المزيد", href: "#features" },
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySeven
          title="الأدوات والميزات الرئيسية"
          description="مجموعة شاملة من أدوات الذكاء الاصطناعي المتقدمة"
          tag="الميزات"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-4-items"
          animationType="slide-up"
          features={[
            {
              id: "1",
              title: "محادثة ذكية متقدمة",
              description: "واجهة محادثة تفاعلية مع ذكاء اصطناعي قوي. تجيب على الأسئلة وتكتب النصوص وتساعد في المشاريع.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/interactive-chat-interface-for-an-ai-con-1772477571814-c2ee605f.png",
              imageAlt: "واجهة المحادثة الذكية",
            },
            {
              id: "2",
              title: "توليد الصور من النصوص",
              description: "أنشئ صوراً مذهلة من وصف نصي بسيط. محرر قوي يدعم تخصيص شامل للصور.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/showcase-of-multiple-ai-features-includi-1772477572808-bb99b94d.png",
              imageAlt: "أداة توليد الصور",
            },
            {
              id: "3",
              title: "معالجة الفيديو وتبديل الوجوه",
              description: "رفع فيديو وصورة وقم بمعالجتها بتقنية الذكاء الاصطناعي المتقدمة. معالجة احترافية في ثوانٍ.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/advanced-video-processing-interface-with-1772477572125-2f01bc1b.png",
              imageAlt: "أداة معالجة الفيديو",
            },
            {
              id: "4",
              title: "كتابة وتحرير المحتوى",
              description: "اكتب مقالات واجبات وأفكار محتوى احترافية. أداة إعادة صياغة وترجمة فورية متضمنة.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/interactive-chat-interface-for-an-ai-con-1772477571814-c2ee605f.png",
              imageAlt: "أداة كتابة المحتوى",
            },
          ]}
          buttons={[
            { text: "استكشف جميع الأدوات", href: "/tools" },
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="موثوق من قبل أفضل الشركات"
          description="آلاف الشركات والمحترفين حول العالم يستخدمون منصتنا كل يوم"
          tag="الشركاء"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["TechVision", "CloudInnovate", "DataForce", "SoftwareHub", "AutomationPro", "DigitalWorks", "AIStarter", "EnterpriseTech"]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/modern-tech-company-logo-featuring-ai-an-1772477571509-2bc48459.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/cloud-computing-service-brand-logo-moder-1772477573566-1190bb63.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/data-analytics-platform-logo-professiona-1772477570584-e4c50d9f.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/software-company-logo-representing-ai-an-1772477571278-d787d668.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/innovation-company-brand-logo-with-tech--1772477571355-7bded954.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/enterprise-software-company-logo-profess-1772477570996-7f6417fc.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/ai-startup-company-logo-with-cutting-edg-1772477571384-a9548e58.png",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/digital-transformation-company-logo-slee-1772477571666-f40cdef1.png",
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="منصة AI Studio غيرت طريقة عملنا بشكل جذري. كنا نقضي ساعات في معالجة الفيديوهات، والآن نفعلها في دقائق معدودة. الدعم الفني ممتاز والسعر معقول جداً."
          rating={5}
          author="أحمد علي، مدير المشاريع - وكالة ديجيتال"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-tech-professi-1772477570856-810f47ff.png",
              alt: "محمد أحمد",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-business-exec-1772477570785-e2c6dce3.png",
              alt: "فاطمة محمود",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-creative-prof-1772477571304-1687a1d2.png",
              alt: "علي السعيد",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-business-prof-1772477571322-7198e46e.png",
              alt: "نور الدين",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-tech-speciali-1772477571479-31baf460.png",
              alt: "زيد محمد",
            },
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/professional-headshot-of-a-business-prof-1772477571129-270fb513.png",
              alt: "ليلى أحمد",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="خطط التسعير المرنة"
          description="اختر الخطة المناسبة لاحتياجاتك. كل خطة توفر قيمة استثنائية."
          tag="التسعير"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "free",
              tag: "الخطة المجانية",
              price: "مجاني",
              period: "/الشهر",
              description: "ابدأ رحلتك مع الذكاء الاصطناعي بدون تكلفة",
              button: { text: "ابدأ الآن", href: "/dashboard" },
              featuresTitle: "المميزات:",
              features: [
                "100 محادثة شهرية",
                "10 صور مولدة شهرياً",
                "فيديو واحد شهرياً",
                "دعم البريد الإلكتروني الأساسي",
                "حد أقصى 5 مشاريع",
              ],
            },
            {
              id: "pro",
              tag: "الخطة الاحترافية",
              tagIcon: Sparkles,
              price: "49",
              period: "/الشهر",
              description: "مثالية للمحترفين والشركات الصغيرة",
              button: { text: "اشترك الآن", href: "/checkout?plan=pro" },
              featuresTitle: "المميزات:",
              features: [
                "محادثات غير محدودة",
                "500 صورة مولدة شهرياً",
                "معالجة 50 فيديو شهرياً",
                "دعم الأولوية",
                "حد أقصى 50 مشروع",
                "تحليلات متقدمة",
                "واجهة برمجية (API)",
              ],
            },
            {
              id: "enterprise",
              tag: "الخطة المؤسسية",
              tagIcon: Crown,
              price: "199",
              period: "/الشهر",
              description: "للمؤسسات الكبيرة والفريق المخصص",
              button: { text: "تواصل معنا", href: "/contact" },
              featuresTitle: "المميزات:",
              features: [
                "موارد معالجة غير محدودة",
                "أولوية عالية في المعالجة",
                "مدير حساب مخصص",
                "تدريب وتطوير مخصص",
                "دعم الهاتف 24/7",
                "تكامل مخصص",
                "سياسات الأمان المتقدمة",
                "عقود سنوية مخصصة",
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}