Update src/app/page.tsx

This commit is contained in:
2026-04-20 23:34:03 +00:00
parent b4d5f1beb5
commit 08a4ebb7cd

View File

@@ -35,86 +35,48 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "features",
},
name: "المميزات", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "الأسعار", id: "pricing"},
{
name: "Testimonials",
id: "testimonials",
},
name: "آراء العملاء", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "الأسئلة الشائعة", id: "faq"},
]}
brandName="NovaTech"
brandName="نوفاتيك"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
title="Build The Future Of Digital Innovation."
description="Unlock unprecedented growth with our high-performance SaaS suite. Engineered for speed, designed for impact."
variant: "sparkles-gradient"}}
title="ابنِ مستقبل الابتكار الرقمي."
description="أطلق العنان لنمو غير مسبوق مع حزمة برمجياتنا عالية الأداء. مصممة للسرعة ومصممة للتأثير."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
alt: "tech founder headshot portrait",
},
src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg", alt: "tech founder headshot portrait"},
{
src: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg",
alt: "content creator headshot",
},
src: "http://img.b2bpic.net/free-photo/close-up-happy-female-beauty-blogger-young-latin-woman-with-brown-eyes-dark-curly-hair-smiling-widely-when-vlogging-indoors-looking-straight-camera-cosmetics-beauty-make-up-blogs-concep_74855-22834.jpg", alt: "content creator headshot"},
{
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
alt: "software developer headshot",
},
src: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", alt: "software developer headshot"},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
alt: "startup cmo headshot",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg", alt: "startup cmo headshot"},
{
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
alt: "product manager headshot",
},
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "product manager headshot"},
]}
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "ابدأ الآن", href: "#contact"},
{
text: "View Demo",
href: "#demo",
},
text: "شاهد العرض", href: "#demo"},
]}
marqueeItems={[
{
type: "text",
text: "Cloud Native",
},
{
type: "text",
text: "AI Powered",
},
{
type: "text",
text: "Scalable Infrastructure",
},
{
type: "text",
text: "Global Availability",
},
{
type: "text",
text: "Enterprise Ready",
},
{ type: "text", text: "سحابية" },
{ type: "text", text: "مدعومة بالذكاء الاصطناعي" },
{ type: "text", text: "بنية تحتية قابلة للتوسع" },
{ type: "text", text: "توافر عالمي" },
{ type: "text", text: "جاهزة للمؤسسات" },
]}
/>
</div>
@@ -123,17 +85,9 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Microsoft",
"Google",
"Stripe",
"Apple",
"Airbnb",
"Netflix",
"Uber",
]}
title="Trusted By Industry Leaders"
description="Driving innovation for world-class teams everywhere."
names={["مايكروسوفت", "جوجل", "سترايب", "أبل", "إير بي إن بي", "نتفليكس", "أوبر"]}
title="موثوق من قبل قادة الصناعة"
description="نحفز الابتكار للفرق العالمية في كل مكان."
/>
</div>
@@ -145,22 +99,16 @@ export default function LandingPage() {
features={[
{
icon: Zap,
title: "Hyper-Speed Performance",
description: "Optimized algorithms that deliver instantaneous results, ensuring zero latency.",
},
title: "أداء فائق السرعة", description: "خوارزميات محسنة تقدم نتائج فورية لضمان عدم وجود تأخير."},
{
icon: Shield,
title: "Enterprise Security",
description: "Robust end-to-end encryption keeping your sensitive data shielded at all times.",
},
title: "أمان على مستوى المؤسسات", description: "تشفير قوي شامل يحافظ على بياناتك الحساسة محمية دائماً."},
{
icon: BarChart,
title: "Advanced Analytics",
description: "Real-time insights driven by AI to help you make smarter decisions faster.",
},
title: "تحليلات متقدمة", description: "رؤى فورية مدعومة بالذكاء الاصطناعي تساعدك على اتخاذ قرارات أذكى وأسرع."},
]}
title="Everything You Need To Scale"
description="Designed for professionals, built to perform, and engineered to scale seamlessly as you grow."
title="كل ما تحتاجه للنمو"
description="صُممت للمحترفين، وبُنيت للأداء، وهندست للتوسع بسلاسة مع نمو أعمالك."
/>
</div>
@@ -169,9 +117,7 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The Simple Three-Step Flow To Total Digital Transformation",
},
type: "text", content: "خطوات بسيطة للتحول الرقمي الشامل"},
]}
/>
</div>
@@ -183,63 +129,15 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "NovaTech",
name: "Dashboard Pro",
price: "$49",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2290.jpg",
},
{
id: "p2",
brand: "NovaTech",
name: "Analytics Engine",
price: "$99",
rating: 5,
reviewCount: "980",
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
},
{
id: "p3",
brand: "NovaTech",
name: "Security Suite",
price: "$149",
rating: 5,
reviewCount: "2.1k",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038902.jpg",
},
{
id: "p4",
brand: "NovaTech",
name: "Workflow Automator",
price: "$79",
rating: 5,
reviewCount: "840",
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
},
{
id: "p5",
brand: "NovaTech",
name: "Cloud Storage Pro",
price: "$29",
rating: 5,
reviewCount: "3.5k",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-presentation-by-businesswoman-white-shirt_53876-97048.jpg",
},
{
id: "p6",
brand: "NovaTech",
name: "AI Insights",
price: "$199",
rating: 5,
reviewCount: "500",
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
},
{ id: "p1", brand: "نوفاتيك", name: "لوحة التحكم برو", price: "$49", rating: 5, reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2290.jpg" },
{ id: "p2", brand: "نوفاتيك", name: "محرك التحليلات", price: "$99", rating: 5, reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
{ id: "p3", brand: "نوفاتيك", name: "حزمة الأمان", price: "$149", rating: 5, reviewCount: "2.1k", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038902.jpg" },
{ id: "p4", brand: "نوفاتيك", name: "مؤتمت سير العمل", price: "$79", rating: 5, reviewCount: "840", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg" },
{ id: "p5", brand: "نوفاتيك", name: "التخزين السحابي برو", price: "$29", rating: 5, reviewCount: "3.5k", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-presentation-by-businesswoman-white-shirt_53876-97048.jpg" },
{ id: "p6", brand: "نوفاتيك", name: "رؤى الذكاء الاصطناعي", price: "$199", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
]}
title="Interactive Product Showcase"
description="See the power of our suite in action with a fully interactive product demo."
title="استعراض المنتج التفاعلي"
description="شاهد قوة مجموعتنا أثناء العمل من خلال عرض توضيحي تفاعلي بالكامل."
/>
</div>
@@ -250,24 +148,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
description: "Uptime guarantee across all regions.",
},
{
id: "m2",
value: "500+",
description: "Global enterprise clients using our suite.",
},
{
id: "m3",
value: "10x",
description: "Faster project delivery times for teams.",
},
{ id: "m1", value: "99.9%", description: "ضمان وقت التشغيل عبر جميع المناطق." },
{ id: "m2", value: "500+", description: "عملاء عالميين يستخدمون حزمتنا." },
{ id: "m3", value: "10x", description: "أوقات تسليم أسرع للمشاريع للفرق." },
]}
title="Proven Results At A Glance"
description="We don't just promise results; we deliver measurable excellence for every user."
title="نتائج ملموسة بلمحة"
description="نحن لا نعد بالنتائج فحسب، بل نقدم التميز الملموس لكل مستخدم."
/>
</div>
@@ -278,49 +164,14 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Jenkins",
role: "CEO",
company: "TechInnovate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
},
{
id: "t2",
name: "David Miller",
role: "CMO",
company: "CreativeHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg",
},
{
id: "t3",
name: "Emily Chen",
role: "Lead Dev",
company: "CodeLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
},
{
id: "t4",
name: "Alex Rivera",
role: "Product Lead",
company: "StartupX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg",
},
{
id: "t5",
name: "Jordan Smith",
role: "CTO",
company: "NextGen Systems",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
},
{ id: "t1", name: "سارة جينكينز", role: "رئيس تنفيذي", company: "تيك إينوفيت", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
{ id: "t2", name: "ديفيد ميلر", role: "رئيس تسويق", company: "كريتيف هب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg" },
{ id: "t3", name: "إميلي تشين", role: "مطور تقني", company: "كود لاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
{ id: "t4", name: "أليكس ريفيرا", role: "مدير منتج", company: "ستارت أب إكس", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg" },
{ id: "t5", name: "جوردان سميث", role: "رئيس تقني", company: "أنظمة نكست جين", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg" },
]}
title="Loved By Professionals Worldwide"
description="Hear from our passionate community who are building the future."
title="محبوب من قبل المحترفين حول العالم"
description="استمع إلى مجتمعنا المتحمس الذي يبني المستقبل."
/>
</div>
@@ -331,60 +182,20 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Essentials",
price: "$29",
period: "/mo",
description: "Perfect for freelancers and individual creators starting out.",
button: {
text: "Get Started",
href: "#contact",
},
featuresTitle: "Included features:",
features: [
"Limited dashboard access",
"Standard support",
"5GB storage",
],
id: "basic", tag: "الأساسية", price: "$29", period: "/شهر", description: "مثالي للمستقلين والمبدعين الأفراد.", button: { text: "ابدأ الآن", href: "#contact" },
featuresTitle: "الميزات المتضمنة:", features: ["وصول محدود للوحة التحكم", "دعم قياسي", "5 جيجابايت تخزين"]
},
{
id: "pro",
tag: "Professional",
price: "$79",
period: "/mo",
description: "Ideal for growing teams needing full access and scalability.",
button: {
text: "Start Pro",
href: "#contact",
},
featuresTitle: "Everything in Basic, plus:",
features: [
"Full dashboard access",
"24/7 Priority support",
"Unlimited storage",
"Advanced Analytics",
],
id: "pro", tag: "احترافي", price: "$79", period: "/شهر", description: "مثالي للفرق النامية التي تحتاج إلى وصول كامل وقابلية توسع.", button: { text: "ابدأ الاحترافي", href: "#contact" },
featuresTitle: "كل شيء في الأساسية، بالإضافة إلى:", features: ["وصول كامل للوحة التحكم", "دعم أولوية 24/7", "تخزين غير محدود", "تحليلات متقدمة"]
},
{
id: "enterprise",
tag: "Enterprise",
price: "$199",
period: "/mo",
description: "Custom solutions for large scale enterprise operations.",
button: {
text: "Contact Sales",
href: "#contact",
},
featuresTitle: "Everything in Pro, plus:",
features: [
"Dedicated support",
"Advanced API",
"Custom integration",
],
id: "enterprise", tag: "مؤسسات", price: "$199", period: "/شهر", description: "حلول مخصصة للعمليات التجارية واسعة النطاق.", button: { text: "اتصل بالمبيعات", href: "#contact" },
featuresTitle: "كل شيء في الاحترافي، بالإضافة إلى:", features: ["دعم مخصص", "واجهة برمجة تطبيقات متقدمة", "تكامل مخصص"]
},
]}
title="Flexible Pricing For Every Stage"
description="Choose the perfect plan that fits your current growth journey perfectly."
title="أسعار مرنة لكل مرحلة"
description="اختر الخطة المثالية التي تناسب رحلة نموك الحالية."
/>
</div>
@@ -393,26 +204,14 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How do I upgrade my plan?",
content: "Upgrading is seamless from your dashboard settings.",
},
{
id: "q2",
title: "Can I cancel anytime?",
content: "Yes, we believe in flexibility and freedom for all our users.",
},
{
id: "q3",
title: "Is support included?",
content: "Yes, we provide 24/7 professional support for all tiers.",
},
{ id: "q1", title: "كيف أقوم بترقية خطتي؟", content: "الترقية سلسة من إعدادات لوحة التحكم الخاصة بك." },
{ id: "q2", title: "هل يمكنني الإلغاء في أي وقت؟", content: "نعم، نحن نؤمن بالمرونة والحرية لجميع مستخدمينا." },
{ id: "q3", title: "هل الدعم مشمول؟", content: "نعم، نحن نقدم دعمًا احترافيًا 24/7 لجميع المستويات." },
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-design-structure-with-connecting-lines-dots_1048-13854.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Find quick answers to common questions about our platform and services."
title="الأسئلة الشائعة"
description="احصل على إجابات سريعة للأسئلة الشائعة حول منصتنا وخدماتنا."
faqsAnimation="slide-up"
/>
</div>
@@ -420,75 +219,44 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Ready To Get Started?"
description="Send us a message and our team will get in touch shortly to assist you."
title="جاهز للبدء؟"
description="أرسل لنا رسالة وسيقوم فريقنا بالتواصل معك قريبًا للمساعدة."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "اسمك", required: true },
{ name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/geometric-lamp-hanging-from-ceiling_1127-2078.jpg"
buttonText="Submit Inquiry"
buttonText="أرسل الاستفسار"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="NovaTech"
logoText="نوفاتيك"
columns={[
{
title: "Product",
items: [
{
label: "Features",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
title: "المنتج", items: [
{ label: "المميزات", href: "#features" },
{ label: "الأسعار", href: "#pricing" },
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
title: "الشركة", items: [
{ label: "من نحن", href: "#about" },
{ label: "اتصل بنا", href: "#contact" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
title: "القانونية", items: [
{ label: "الخصوصية", href: "#" },
{ label: "الشروط", href: "#" },
],
},
]}
copyrightText="© 2024 NovaTech Inc. All rights reserved."
copyrightText="© 2024 نوفاتيك. جميع الحقوق محفوظة."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}