Merge version_1 into main #2
234
src/app/page.tsx
234
src/app/page.tsx
@@ -30,113 +30,62 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "/",
|
||||
},
|
||||
name: "الرئيسية", id: "/"},
|
||||
{
|
||||
name: "ابدأ التعلم",
|
||||
id: "/learn",
|
||||
},
|
||||
name: "ابدأ التعلم", id: "/learn"},
|
||||
{
|
||||
name: "التدريب",
|
||||
id: "/training",
|
||||
},
|
||||
name: "التدريب", id: "/training"},
|
||||
{
|
||||
name: "التحديات",
|
||||
id: "/challenges",
|
||||
},
|
||||
name: "التحديات", id: "/challenges"},
|
||||
{
|
||||
name: "المستويات",
|
||||
id: "/levels",
|
||||
},
|
||||
name: "المستويات", id: "/levels"},
|
||||
{
|
||||
name: "الإنجازات",
|
||||
id: "/achievements",
|
||||
},
|
||||
name: "الإنجازات", id: "/achievements"},
|
||||
{
|
||||
name: "الإحصائيات",
|
||||
id: "/statistics",
|
||||
},
|
||||
name: "الإحصائيات", id: "/statistics"},
|
||||
{
|
||||
name: "لوحة المفاتيح",
|
||||
id: "/keyboard",
|
||||
},
|
||||
name: "لوحة المفاتيح", id: "/keyboard"},
|
||||
{
|
||||
name: "نصائح",
|
||||
id: "/tips",
|
||||
},
|
||||
name: "نصائح", id: "/tips"},
|
||||
{
|
||||
name: "الاختبار",
|
||||
id: "/quiz",
|
||||
},
|
||||
name: "الاختبار", id: "/quiz"},
|
||||
{
|
||||
name: "الشهادة",
|
||||
id: "/certificate",
|
||||
},
|
||||
name: "الشهادة", id: "/certificate"},
|
||||
{
|
||||
name: "من نحن",
|
||||
id: "/about-us",
|
||||
},
|
||||
name: "من نحن", id: "/about-us"},
|
||||
{
|
||||
name: "الأسئلة الشائعة",
|
||||
id: "/faq",
|
||||
},
|
||||
name: "الأسئلة الشائعة", id: "/faq"},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "تواصل معنا", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/cyber-monday-message-with-mouse_23-2148292126.jpg"
|
||||
logoAlt="KeyQuest Logo"
|
||||
brandName="KeyQuest"
|
||||
button={{
|
||||
text: "ابدأ الآن",
|
||||
href: "/learn",
|
||||
}}
|
||||
text: "ابدأ الآن", href: "/learn"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="KeyQuest | رحلة الحروف"
|
||||
description="انطلق في رحلتك نحو إتقان الكتابة السريعة على لوحة المفاتيح. منصة تفاعلية تجمع بين متعة اللعب وفعالية التعلم لتحسين سرعتك ودقتك خطوة بخطوة."
|
||||
tag="تعلم، تدرب، أتقن!"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "ابدأ رحلتك الآن",
|
||||
href: "/learn",
|
||||
},
|
||||
text: "ابدأ رحلتك الآن", href: "/learn"},
|
||||
{
|
||||
text: "استكشف التحديات",
|
||||
href: "/challenges",
|
||||
},
|
||||
text: "استكشف التحديات", href: "/challenges"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-with-neon-lights_23-2149680228.jpg?_wi=1",
|
||||
imageAlt: "واجهة لوحة مفاتيح مستقبلية للتدريب على الكتابة السريعة",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-with-neon-lights_23-2149680228.jpg", imageAlt: "واجهة لوحة مفاتيح مستقبلية للتدريب على الكتابة السريعة"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-keyboard-with-lights_23-2149680230.jpg?_wi=1",
|
||||
imageAlt: "شخص يكتب بسرعة على لوحة مفاتيح افتراضية متوهجة",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-safety-first-key-keyboard_23-2149919540.jpg",
|
||||
imageAlt: "Top view safety first key on keyboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-keyboard-with-lights_23-2149680254.jpg",
|
||||
imageAlt: "High angle white keyboard with lights",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-hand-stealing-data-man-networking-laptop-late-night_169016-51549.jpg",
|
||||
imageAlt: "Close up of hacker hand stealing data man networking on laptop late at night",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-keyboard-with-lights_23-2149680230.jpg", imageAlt: "شخص يكتب بسرعة على لوحة مفاتيح افتراضية متوهجة"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -153,9 +102,7 @@ export default function LandingPage() {
|
||||
title="أتقن الكتابة السريعة: مفتاحك للإنتاجية والنجاح"
|
||||
buttons={[
|
||||
{
|
||||
text: "تعرف علينا أكثر",
|
||||
href: "/about-us",
|
||||
},
|
||||
text: "تعرف علينا أكثر", href: "/about-us"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -167,56 +114,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "تعلم وضعية الجلوس",
|
||||
description: "إرشادات تفاعلية لوضعية الجلوس الصحيحة وترتيب الأصابع لراحة وفعالية مثلى.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Briefcase,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-message-with-mouse_23-2148292126.jpg?_wi=1",
|
||||
imageAlt: "KeyQuest logo futuristic neon",
|
||||
title: "تعلم وضعية الجلوس", description: "إرشادات تفاعلية لوضعية الجلوس الصحيحة وترتيب الأصابع لراحة وفعالية مثلى.", bentoComponent: "reveal-icon", icon: Briefcase
|
||||
},
|
||||
{
|
||||
title: "تمارين متنوعة",
|
||||
description: "من الحروف إلى الجمل الطويلة، تمارين مخصصة لكل مستوى لتعزيز سرعتك ودقتك.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Laptop,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-with-neon-lights_23-2149680228.jpg?_wi=2",
|
||||
imageAlt: "KeyQuest logo futuristic neon",
|
||||
title: "تمارين متنوعة", description: "من الحروف إلى الجمل الطويلة، تمارين مخصصة لكل مستوى لتعزيز سرعتك ودقتك.", bentoComponent: "reveal-icon", icon: Laptop
|
||||
},
|
||||
{
|
||||
title: "تحديات شيقة",
|
||||
description: "اختبر مهاراتك في تحديات زمنية وتنافسية، وارتقِ في لوحة المتصدرين.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-keyboard-with-lights_23-2149680230.jpg?_wi=2",
|
||||
imageAlt: "KeyQuest logo futuristic neon",
|
||||
title: "تحديات شيقة", description: "اختبر مهاراتك في تحديات زمنية وتنافسية، وارتقِ في لوحة المتصدرين.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
{
|
||||
title: "تتبع التقدم",
|
||||
description: "احصل على إحصائيات مفصلة حول أدائك وتطورك عبر رسوم بيانية واضحة.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: LineChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-graphic-designer_23-2151536969.jpg?_wi=1",
|
||||
imageAlt: "KeyQuest logo futuristic neon",
|
||||
title: "تتبع التقدم", description: "احصل على إحصائيات مفصلة حول أدائك وتطورك عبر رسوم بيانية واضحة.", bentoComponent: "reveal-icon", icon: LineChart
|
||||
},
|
||||
{
|
||||
title: "إنجازات وشارات",
|
||||
description: "اجمع الشارات والميداليات مع كل إنجاز جديد لتحفيزك على الاستمرار.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Trophy,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-businesswoman-wearing-shades-her-head-keyboarding-laptop-checking-email-lunch-her-day-off_273609-1362.jpg?_wi=1",
|
||||
imageAlt: "KeyQuest logo futuristic neon",
|
||||
title: "إنجازات وشارات", description: "اجمع الشارات والميداليات مع كل إنجاز جديد لتحفيزك على الاستمرار.", bentoComponent: "reveal-icon", icon: Trophy
|
||||
},
|
||||
{
|
||||
title: "لوحة مفاتيح تفاعلية",
|
||||
description: "تعلم أماكن الحروف بطريقة بصرية وممتعة مع لوحة مفاتيح تفاعلية.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alphabet-from-threedimensional-letters-top-view_185193-161678.jpg?_wi=1",
|
||||
imageAlt: "KeyQuest logo futuristic neon",
|
||||
},
|
||||
title: "لوحة مفاتيح تفاعلية", description: "تعلم أماكن الحروف بطريقة بصرية وممتعة مع لوحة مفاتيح تفاعلية.", bentoComponent: "reveal-icon", icon: BarChart
|
||||
}
|
||||
]}
|
||||
title="ميزات KeyQuest: رحلتك لإتقان الكتابة"
|
||||
description="صممنا KeyQuest ليكون رفيقك المثالي في تعلم الكتابة السريعة، من المبتدئين إلى المحترفين."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,26 +144,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Gauge,
|
||||
title: "متوسط سرعة WPM",
|
||||
value: "+60",
|
||||
},
|
||||
id: "m1", icon: Gauge,
|
||||
title: "متوسط سرعة WPM", value: "+60"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Target,
|
||||
title: "تحسين الدقة",
|
||||
value: "+95%",
|
||||
},
|
||||
id: "m2", icon: Target,
|
||||
title: "تحسين الدقة", value: "+95%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Rocket,
|
||||
title: "مستويات مكتملة",
|
||||
value: "20+",
|
||||
},
|
||||
id: "m3", icon: Rocket,
|
||||
title: "مستويات مكتملة", value: "20+"},
|
||||
]}
|
||||
title="KeyQuest في أرقام"
|
||||
description="نحن نفخر بمساعدة الآلاف على تحسين مهاراتهم في الكتابة."
|
||||
animationType="depth-3d"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -255,67 +165,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة المحمد",
|
||||
role: "طالبة جامعية",
|
||||
company: "جامعة دبي",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg?_wi=1",
|
||||
imageAlt: "صورة سارة المحمد",
|
||||
},
|
||||
id: "1", name: "سارة المحمد", role: "طالبة جامعية", company: "جامعة دبي", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-student-smiling-with-book-head_23-2148208755.jpg", imageAlt: "صورة سارة المحمد"},
|
||||
{
|
||||
id: "2",
|
||||
name: "أحمد الكندي",
|
||||
role: "مبرمج برمجيات",
|
||||
company: "إبداع تك",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-caucasian-woman-talking-friends-street_74855-5156.jpg?_wi=1",
|
||||
imageAlt: "صورة أحمد الكندي",
|
||||
},
|
||||
id: "2", name: "أحمد الكندي", role: "مبرمج برمجيات", company: "إبداع تك", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-caucasian-woman-talking-friends-street_74855-5156.jpg", imageAlt: "صورة أحمد الكندي"},
|
||||
{
|
||||
id: "3",
|
||||
name: "ليلى الفهيم",
|
||||
role: "مديرة تسويق",
|
||||
company: "نمو رقمي",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg?_wi=1",
|
||||
imageAlt: "صورة ليلى الفهيم",
|
||||
},
|
||||
id: "3", name: "ليلى الفهيم", role: "مديرة تسويق", company: "نمو رقمي", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-playing-video-game_23-2149250001.jpg", imageAlt: "صورة ليلى الفهيم"},
|
||||
{
|
||||
id: "4",
|
||||
name: "خالد الزهراني",
|
||||
role: "باحث",
|
||||
company: "مركز الأبحاث",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346511.jpg?_wi=1",
|
||||
imageAlt: "صورة خالد الزهراني",
|
||||
},
|
||||
id: "4", name: "خالد الزهراني", role: "باحث", company: "مركز الأبحاث", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346511.jpg", imageAlt: "صورة خالد الزهراني"},
|
||||
{
|
||||
id: "5",
|
||||
name: "مريم سعيد",
|
||||
role: "مصممة جرافيك",
|
||||
company: "فن البكسل",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg",
|
||||
imageAlt: "صورة مريم سعيد",
|
||||
},
|
||||
id: "5", name: "مريم سعيد", role: "مصممة جرافيك", company: "فن البكسل", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg", imageAlt: "صورة مريم سعيد"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "+200%",
|
||||
label: "زيادة في السرعة",
|
||||
},
|
||||
value: "+200%", label: "زيادة في السرعة"},
|
||||
{
|
||||
value: "+95%",
|
||||
label: "رضا المستخدمين",
|
||||
},
|
||||
value: "+95%", label: "رضا المستخدمين"},
|
||||
{
|
||||
value: "100K+",
|
||||
label: "تحدي مكتمل",
|
||||
},
|
||||
value: "100K+", label: "تحدي مكتمل"},
|
||||
]}
|
||||
title="ماذا يقول مستخدمونا"
|
||||
description="شهادات من مستخدمين حقيقيين شهدوا تحولاً في مهاراتهم الكتابية مع KeyQuest."
|
||||
animationType="depth-3d"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -324,14 +199,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Apple",
|
||||
"IBM",
|
||||
"Amazon",
|
||||
"Facebook",
|
||||
"Twitter",
|
||||
]}
|
||||
"Google", "Microsoft", "Apple", "IBM", "Amazon", "Facebook", "Twitter"]}
|
||||
title="موثوقة من قبل أفضل المؤسسات التعليمية والتقنية"
|
||||
description="شركاؤنا يؤمنون برسالتنا في تمكين الأفراد بمهارات الكتابة المتقدمة."
|
||||
tag="شركاؤنا"
|
||||
|
||||
Reference in New Issue
Block a user