Files
af030d99-cf96-49b1-93bb-dd2…/src/app/video-processor/page.tsx

194 lines
9.2 KiB
TypeScript

"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?_wi=3"
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?_wi=2",
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>
);
}