"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import TextAbout from "@/components/sections/about/TextAbout";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles } from "lucide-react";

export default function ToolsPage() {
  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="tools-intro" data-section="tools-intro">
        <TextAbout
          tag="جميع الأدوات المتاحة"
          tagIcon={Sparkles}
          title="استكشف مجموعتنا الشاملة من أدوات الذكاء الاصطناعي. كل أداة مصممة لتوفير أفضل أداء وسهولة استخدام."
          useInvertedBackground={false}
          buttons={[
            { text: "ابدأ مجاناً", href: "/dashboard" },
          ]}
        />
      </div>

      <div id="all-tools" data-section="all-tools">
        <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: "أداة كتابة المحتوى",
            },
            {
              id: "5",
              title: "الترجمة الفورية",
              description: "ترجمة سريعة وفعالة بين أكثر من 100 لغة. تحافظ على المعنى والأسلوب الأصلي مع ضمان الدقة في الترجمة.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/chat-ai-interface/interactive-chat-interface-for-an-ai-con-1772477571814-c2ee605f.png",
              imageAlt: "أداة الترجمة",
            },
            {
              id: "6",
              title: "تحليل البيانات والتقارير",
              description: "حلل البيانات الضخمة وأنشئ تقارير شاملة. استخراج الأفكار المهمة وتصورات بيانية واضحة تساعد في اتخاذ القرارات.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/user-dashboard-for-ai-saas-platform-show-1772477573258-7ae798ac.png",
              imageAlt: "أداة تحليل البيانات",
            },
          ]}
          buttons={[
            { text: "العودة للرئيسية", href: "/" },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "المنتج",
              items: [
                { label: "الأدوات", href: "/tools" },
                { label: "معالج الفيديو", href: "/video-processor" },
                { label: "التسعير", href: "/pricing" },
                { label: "الميزات", href: "/" },
              ],
            },
            {
              title: "الشركة",
              items: [
                { label: "حول الشركة", href: "/" },
                { label: "المدونة", href: "/blog" },
                { label: "الأخبار", href: "/news" },
                { label: "الوظائف", href: "/careers" },
              ],
            },
            {
              title: "الدعم",
              items: [
                { label: "مركز المساعدة", href: "/help" },
                { label: "التواصل معنا", href: "/contact" },
                { label: "الأسئلة الشائعة", href: "/" },
                { label: "الحالة", href: "/status" },
              ],
            },
            {
              title: "المتابعة",
              items: [
                { label: "تويتر", href: "https://twitter.com" },
                { label: "فيسبوك", href: "https://facebook.com" },
                { label: "لينكدإن", href: "https://linkedin.com" },
                { label: "إنستاجرام", href: "https://instagram.com" },
              ],
            },
          ]}
          bottomLeftText="© 2025 AI Studio. جميع الحقوق محفوظة."
          bottomRightText="تم إنشاؤه بواسطة Webild"
        />
      </div>
    </ThemeProvider>
  );
}