Update src/app/page.tsx

This commit is contained in:
2026-05-14 16:35:53 +00:00
parent d7b84d83f3
commit 95ac796ba1

View File

@@ -28,14 +28,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "الرئيسية", id: "hero"},
{
name: "الألعاب", id: "features"},
{
name: "الاشتراكات", id: "pricing"},
{
name: "الدردشة", id: "contact"},
{ name: "الرئيسية", id: "hero" },
{ name: "الألعاب", id: "features" },
{ name: "الاشتراكات", id: "pricing" },
{ name: "الدردشة", id: "contact" },
]}
brandName="المهندس"
/>
@@ -45,10 +41,7 @@ export default function LandingPage() {
<HeroLogo
logoText="المهندس"
description="منصة التحديات والمهارات. العب، اربح النقاط، وتواصل مع المهندسين من كل مكان."
buttons={[
{
text: "ابدأ اللعب الآن", href: "#features"},
]}
buttons={[{ text: "ابدأ اللعب الآن", href: "#features" }]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/futuristic-technology-infographic-pack_52683-34337.jpg"
/>
@@ -61,20 +54,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "الألعاب التنافسية", description: "مجموعة متنوعة من الألعاب التفاعلية مع تتبع فوري للنتيجة وحالة اللعب.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/phone-icon-front-side-with-white-background_187299-39933.jpg", imageAlt: "3d puzzle game" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499224.jpg", imageAlt: "3d puzzle game" }
title: "ألعاب الذاكرة الذكية", description: "اختبر سرعة بديهتك وذاكرتك في ألعاب تفاعلية مصممة لتحدي قدراتك الهندسية.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/phone-icon-front-side-with-white-background_187299-39933.jpg", imageAlt: "Memory game interface" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499224.jpg", imageAlt: "Puzzle game layout" }
},
{
title: "عجلة الحظ اليومية", description: "نظام سحب عشوائي تفاعلي يحدد الجوائز بناءً على خوارزمية منطقية.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "3d puzzle game" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/8-bits-cars-gaming-assets_23-2151143796.jpg", imageAlt: "3d puzzle game" }
title: "عجلة الحظ التفاعلية", description: "جرب حظك اليومي للفوز بنقاط إضافية وتفعيل ميزات حصرية على حسابك الشخصي.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg", imageAlt: "Lucky wheel UI" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/8-bits-cars-gaming-assets_23-2151143796.jpg", imageAlt: "Gaming assets" }
},
{
title: "نظام النقاط الذكي", description: "لوحة تحكم كاملة تدير رصيد المستخدم وحالة الجلسات التفاعلية.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-arcade-game-box_23-2151005754.jpg", imageAlt: "3d puzzle game" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-futuristic-infographic_23-2148459379.jpg", imageAlt: "3d puzzle game" }
title: "لوحة التحدي المباشر", description: "تنافس في الوقت الفعلي ضد مهندسين آخرين وتصدر قائمة المتصدرين العالمية.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-arcade-game-box_23-2151005754.jpg", imageAlt: "Competitive dashboard" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-futuristic-infographic_23-2148459379.jpg", imageAlt: "Infographic stats" }
}
]}
showStepNumbers={true}
title="مميزات منصة المهندس"
title="الألعاب التفاعلية"
description="تطوير شامل لأنظمة اللعب التفاعلية وضمان تجربة مستخدم ديناميكية."
/>
</div>
@@ -86,20 +79,13 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "monthly", name: "اشتراك شهري", price: "100,000 نقطة", buttons: [
{
text: "تفعيل الاشتراك"},
],
features: [
"دخول كامل للألعاب", "دردشة المهندسين", "عجلة حظ إضافية"],
id: "monthly", name: "اشتراك شهري", price: "100,000 نقطة",
buttons: [{ text: "تفعيل الاشتراك" }],
features: ["دخول كامل للألعاب", "دردشة المهندسين", "عجلة حظ إضافية"],
},
{
id: "yearly", name: "اشتراك سنوي", price: "500,000 نقطة", buttons: [
{
text: "تفعيل الاشتراك"},
],
features: [
"كل مميزات الشهرية", "خصم خاص", "أولوية في المسابقات"],
id: "yearly", name: "اشتراك سنوي", price: "500,000 نقطة", buttons: [{ text: "تفعيل الاشتراك" }],
features: ["كل مميزات الشهرية", "خصم خاص", "أولوية في المسابقات"],
},
]}
title="خطط الاشتراكات"
@@ -112,12 +98,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "كيف أحصل على النقاط؟", content: "يمكنك الحصول على 200 نقطة يومياً من خلال الدخول واللعب."},
{
id: "f2", title: "كيف أستخدم عجلة الحظ؟", content: "تتوفر عجلة الحظ مرة واحدة كل 24 ساعة في واجهة المستخدم."},
{
id: "f3", title: "هل الاشتراك يتجدد تلقائياً؟", content: "لا، يمكنك اختيار التجديد يدوياً من خلال لوحة التحكم."},
{ id: "f1", title: "كيف أحصل على النقاط؟", content: "يمكنك الحصول على 200 نقطة يومياً من خلال الدخول واللعب." },
{ id: "f2", title: "كيف أستخدم عجلة الحظ؟", content: "تتوفر عجلة الحظ مرة واحدة كل 24 ساعة في واجهة المستخدم." },
{ id: "f3", title: "هل الاشتراك يتجدد تلقائياً؟", content: "لا، يمكنك اختيار التجديد يدوياً من خلال لوحة التحكم." },
]}
title="الأسئلة الشائعة"
description="كل ما تحتاج معرفته عن منصة المهندس."
@@ -128,8 +111,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "animated-grid"}}
background={{ variant: "animated-grid" }}
title="دردشة المجتمع"
description="انضم إلى الدردشة العامة للمهندسين وشارك تجاربك مع الآخرين."
mediaAnimation="slide-up"
@@ -142,22 +124,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "الرئيسية", href: "/"},
{
label: "الألعاب", href: "#features"},
],
},
{
items: [
{
label: "الاشتراكات", href: "#pricing"},
{
label: "الدردشة", href: "#contact"},
],
},
{ items: [{ label: "الرئيسية", href: "/" }, { label: "الألعاب", href: "#features" }] },
{ items: [{ label: "الاشتراكات", href: "#pricing" }, { label: "الدردشة", href: "#contact" }] },
]}
logoText="المهندس"
/>