"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 TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles } from "lucide-react";

export default function VideoProcessorPage() {
  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="video-hero" data-section="video-hero">
        <HeroSplitTestimonial
          title="معالج الفيديو المتقدم مع تقنية تبديل الوجوه"
          description="تقنية ذكاء اصطناعي متطورة لمعالجة الفيديوهات. قم بتبديل الوجوه، تحسين الجودة، وإضافة تأثيرات احترافية بسهولة تامة."
          tag="تقنية معالجة الفيديو"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AOvAEoNpgO2VhgN5jUk0i3QKEk/advanced-video-processing-interface-with-1772477572125-2f01bc1b.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-creative-prof-1772477571304-1687a1d2.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-prof-1772477571322-7198e46e.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-prof-1772477571129-270fb513.png",
              imageAlt: "نورا الحسن",
            },
          ]}
          buttons={[
            { text: "ابدأ الآن", href: "/dashboard" },
            { text: "عرض توضيحي", href: "#testimonial" },
          ]}
          buttonAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "تبديل الوجوه" },
            { type: "text", text: "تحسين الجودة" },
            { type: "text", text: "إضافة تأثيرات" },
            { type: "text", text: "معالجة سريعة" },
            { type: "text", text: "نتائج احترافية" },
          ]}
          showMarqueeCard={true}
        />
      </div>

      <div id="video-details" data-section="video-details">
        <TextAbout
          tag="تفاصيل الخدمة"
          tagIcon={Sparkles}
          title="معالج الفيديو يوفر مجموعة شاملة من الميزات المتقدمة. من تبديل الوجوه إلى تحسين الجودة والإضافة التأثيرات السينمائية، كل شيء متوفر في منصة واحدة."
          useInvertedBackground={false}
          buttons={[
            { text: "استكشف جميع الميزات", href: "/tools" },
          ]}
        />
      </div>

      <div id="video-testimonial" data-section="video-testimonial">
        <TestimonialCardFifteen
          testimonial="استخدمنا معالج الفيديو لأكثر من 100 مشروع. النتائج أفضل من المتوقع والسرعة فائقة. الفريق ودود والدعم متاح دائماً. أنصح به بشدة لأي شخص يعمل في مجال الفيديو."
          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="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>
  );
}