193 lines
15 KiB
TypeScript
193 lines
15 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 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="circleGradient"
|
|
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: "glowing-orb" }}
|
|
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>
|
|
);
|
|
} |