bender/9bb00c48-8590-4ffd-81f5-fed871b83bb5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 04:55:16 +00:00
parent 36af38cb7a
commit 04b7c38819
1 changed files with 81 additions and 293 deletions
Download Patch File Download Diff File Expand all files Collapse all files

374
src/app/page.tsx
View File

@@ -34,45 +34,27 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "الرئيسية",
id: "hero",
},
name: "الرئيسية", id: "hero"},
{
name: "عنا",
id: "about",
},
name: "عنا", id: "about"},
{
name: "الميزات",
id: "features",
},
name: "الميزات", id: "features"},
{
name: "الدورات",
id: "products",
},
name: "الدورات", id: "products"},
{
name: "الأسعار",
id: "pricing",
},
name: "الأسعار", id: "pricing"},
{
name: "الشهادات",
id: "testimonials",
},
name: "الشهادات", id: "testimonials"},
{
name: "الأسئلة الشائعة",
id: "faq",
},
name: "الأسئلة الشائعة", id: "faq"},
{
name: "تواصل معنا",
id: "contact",
},
name: "تواصل معنا", id: "contact"},
]}
brandName="النور للعربية"
bottomLeftText="مجتمع عالمي"
bottomRightText="info@alnoorarabic.com"
button={{
text: "ابدأ الآن",
href: "#contact",
}}
text: "ابدأ الآن", href: "#contact"}}
/>
</div>
@@ -82,39 +64,23 @@ export default function LandingPage() {
description="بوابتك لتعلم اللغة العربية واكتشاف كنوزها الثقافية."
buttons={[
{
text: "ابدأ الآن",
href: "#contact",
},
text: "ابدأ الآن", href: "#contact"},
{
text: "اكتشف الدورات",
href: "#products",
},
text: "اكتشف الدورات", href: "#products"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696372.jpg",
imageAlt: "طالب يتعلم اللغة العربية على جهاز لوحي",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696372.jpg", imageAlt: "طالب يتعلم اللغة العربية على جهاز لوحي"},
{
imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-with-food-laptop_23-2147796962.jpg",
imageAlt: "مجموعة طلاب يدرسون اللغة العربية في فصل دراسي حديث",
},
imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-with-food-laptop_23-2147796962.jpg", imageAlt: "مجموعة طلاب يدرسون اللغة العربية في فصل دراسي حديث"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-illustration-muslim-family_23-2151811881.jpg",
imageAlt: "معلم لغة عربية يشرح لطلابه",
},
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-illustration-muslim-family_23-2151811881.jpg", imageAlt: "معلم لغة عربية يشرح لطلابه"},
{
imageSrc: "http://img.b2bpic.net/free-photo/embedded-pigeon-figure-with-patterns_114579-12160.jpg",
imageAlt: "مكتبة عربية تحتوي على كتب ومخطوطات تاريخية",
},
imageSrc: "http://img.b2bpic.net/free-photo/embedded-pigeon-figure-with-patterns_114579-12160.jpg", imageAlt: "مكتبة عربية تحتوي على كتب ومخطوطات تاريخية"},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-flexing-male-emotion-holiday_140725-125926.jpg",
imageAlt: "شاب يبتسم بعد إتقان اللغة العربية",
},
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-flexing-male-emotion-holiday_140725-125926.jpg", imageAlt: "شاب يبتسم بعد إتقان اللغة العربية"},
{
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-celebration_23-2150931168.jpg",
imageAlt: "فصل دراسي افتراضي لتعليم اللغة العربية",
},
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-celebration_23-2150931168.jpg", imageAlt: "فصل دراسي افتراضي لتعليم اللغة العربية"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -126,15 +92,11 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "عن النور: رحلة في عمق اللغة العربية",
},
type: "text", content: "عن النور: رحلة في عمق اللغة العربية"},
]}
buttons={[
{
text: "المزيد عنا",
href: "#",
},
text: "المزيد عنا", href: "#"},
]}
buttonAnimation="slide-up"
/>
@@ -145,31 +107,16 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "دروس تفاعلية",
description: "استمتع بدروس مصممة بعناية مع أنشطة ومسابقات ممتعة.",
imageSrc: "http://img.b2bpic.net/free-photo/muslim-lady-wear-headphone-using-digital-tablet-talk-colleagues-about-sale-report-conference-video-call-while-working-from-home-kitchen_7861-3076.jpg",
imageAlt: "شاشات عرض لدروس تفاعلية",
},
title: "دروس تفاعلية", description: "استمتع بدروس مصممة بعناية مع أنشطة ومسابقات ممتعة.", imageSrc: "http://img.b2bpic.net/free-photo/muslim-lady-wear-headphone-using-digital-tablet-talk-colleagues-about-sale-report-conference-video-call-while-working-from-home-kitchen_7861-3076.jpg", imageAlt: "شاشات عرض لدروس تفاعلية"},
{
title: "متحدثون أصليون",
description: "تعلم من أفضل المعلمين الناطقين باللغة العربية بطلاقة.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2150751910.jpg",
imageAlt: "معلمة لغة عربية تبتسم",
},
title: "متحدثون أصليون", description: "تعلم من أفضل المعلمين الناطقين باللغة العربية بطلاقة.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2150751910.jpg", imageAlt: "معلمة لغة عربية تبتسم"},
{
title: "جداول مرنة",
description: "اختر الأوقات التي تناسبك وادرس بالسرعة التي تفضلها.",
imageSrc: "http://img.b2bpic.net/free-photo/arabian-woman-hijab-inside-cafe-working-laptop_1303-14196.jpg",
imageAlt: "تقويم وجدول زمني مرن",
},
title: "جداول مرنة", description: "اختر الأوقات التي تناسبك وادرس بالسرعة التي تفضلها.", imageSrc: "http://img.b2bpic.net/free-photo/arabian-woman-hijab-inside-cafe-working-laptop_1303-14196.jpg", imageAlt: "تقويم وجدول زمني مرن"},
{
title: "غمر ثقافي",
description: "انغمس في الثقافة العربية الأصيلة من خلال محتوى غني.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-ancient-rock-hewn-town-uplistsikhe-georgia_181624-10636.jpg",
imageAlt: "خريطة العالم العربي مع أيقونات ثقافية",
},
title: "غمر ثقافي", description: "انغمس في الثقافة العربية الأصيلة من خلال محتوى غني.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-ancient-rock-hewn-town-uplistsikhe-georgia_181624-10636.jpg", imageAlt: "خريطة العالم العربي مع أيقونات ثقافية"},
]}
title="لماذا تختار النور؟"
description="نقدم منهجاً فريداً ومصمماً خصيصاً لتجربة تعلم شاملة وفعالة."
@@ -181,14 +128,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"مؤسسة تعليمية عالمية",
"مركز الثقافة العربية",
"الجامعة المفتوحة للغات",
"جمعية معلمي العربية",
"منصة التعلم الرقمي",
"المعهد العربي للدراسات",
"المركز الدولي للغات",
]}
"مؤسسة تعليمية عالمية", "مركز الثقافة العربية", "الجامعة المفتوحة للغات", "جمعية معلمي العربية", "منصة التعلم الرقمي", "المعهد العربي للدراسات", "المركز الدولي للغات"]}
title="شركاؤنا وشهادات الاعتماد"
description="نحن فخورون بالتعاون مع مؤسسات رائدة في مجال تعليم اللغة والثقافة."
/>
@@ -202,65 +142,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "beginner-arabic",
brand: "النور للمبتدئين",
name: "اللغة العربية للمبتدئين",
price: "399 ر.س",
rating: 5,
reviewCount: "250",
imageSrc: "http://img.b2bpic.net/free-photo/arabic-businessman-traditional-wear-peeking-out-blank-billboard-looking-it-with-serious-face-orange-wall_141793-47621.jpg",
imageAlt: "كتاب تعليم اللغة العربية للمبتدئين",
},
id: "beginner-arabic", brand: "النور للمبتدئين", name: "اللغة العربية للمبتدئين", price: "399 ر.س", rating: 5,
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/arabic-businessman-traditional-wear-peeking-out-blank-billboard-looking-it-with-serious-face-orange-wall_141793-47621.jpg", imageAlt: "كتاب تعليم اللغة العربية للمبتدئين"},
{
id: "intermediate-arabic",
brand: "النور للمتوسطين",
name: "اللغة العربية للمستوى المتوسط",
price: "599 ر.س",
rating: 4,
reviewCount: "180",
imageSrc: "http://img.b2bpic.net/free-photo/serious-african-american-employee-supporting-colleague_74855-1217.jpg",
imageAlt: "طالبة تدرس اللغة العربية على الكمبيوتر",
},
id: "intermediate-arabic", brand: "النور للمتوسطين", name: "اللغة العربية للمستوى المتوسط", price: "599 ر.س", rating: 4,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/serious-african-american-employee-supporting-colleague_74855-1217.jpg", imageAlt: "طالبة تدرس اللغة العربية على الكمبيوتر"},
{
id: "advanced-arabic",
brand: "النور للمتقدمين",
name: "اللغة العربية للمستوى المتقدم",
price: "799 ر.س",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-hijab-indoors_23-2150751925.jpg",
imageAlt: "شاب يكتب بخط عربي جميل",
},
id: "advanced-arabic", brand: "النور للمتقدمين", name: "اللغة العربية للمستوى المتقدم", price: "799 ر.س", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-hijab-indoors_23-2150751925.jpg", imageAlt: "شاب يكتب بخط عربي جميل"},
{
id: "arabic-calligraphy",
brand: "فن الخط العربي",
name: "أساسيات الخط العربي",
price: "450 ر.س",
rating: 5,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19968.jpg",
imageAlt: "أدوات الخط العربي",
},
id: "arabic-calligraphy", brand: "فن الخط العربي", name: "أساسيات الخط العربي", price: "450 ر.س", rating: 5,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-handmade-gingerbread_169016-19968.jpg", imageAlt: "أدوات الخط العربي"},
{
id: "quranic-arabic",
brand: "فهم القرآن",
name: "اللغة العربية القرآنية",
price: "650 ر.س",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-reading-smiling_23-2147643056.jpg",
imageAlt: "كتاب تفسير القرآن",
},
id: "quranic-arabic", brand: "فهم القرآن", name: "اللغة العربية القرآنية", price: "650 ر.س", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/businessman-reading-smiling_23-2147643056.jpg", imageAlt: "كتاب تفسير القرآن"},
{
id: "conversational-arabic",
brand: "تحدث العربية",
name: "العربية للمحادثة اليومية",
price: "499 ر.س",
rating: 4,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/asian-muslim-lady-write-information-strategy-reminder-glass-board-new-normal-office_7861-3252.jpg",
imageAlt: "أشخاص يتحدثون بابتسامة",
},
id: "conversational-arabic", brand: "تحدث العربية", name: "العربية للمحادثة اليومية", price: "499 ر.س", rating: 4,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/asian-muslim-lady-write-information-strategy-reminder-glass-board-new-normal-office_7861-3252.jpg", imageAlt: "أشخاص يتحدثون بابتسامة"},
]}
title="دوراتنا التعليمية"
description="تصفح مجموعتنا المتنوعة من الدورات المصممة لتناسب جميع المستويات والاهتمامات."
@@ -274,61 +172,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "الأكثر شعبية",
badgeIcon: Sparkles,
price: "150 ر.س/شهر",
subtitle: "للمبتدئين والتعلم الذاتي",
buttons: [
id: "basic", badge: "الأكثر شعبية", badgeIcon: Sparkles,
price: "150 ر.س/شهر", subtitle: "للمبتدئين والتعلم الذاتي", buttons: [
{
text: "اختر الخطة الأساسية",
href: "#contact",
},
text: "اختر الخطة الأساسية", href: "#contact"},
],
features: [
"الوصول إلى جميع الدروس المسجلة",
"10 ساعات من التدريبات التفاعلية",
"دعم عبر البريد الإلكتروني",
],
"الوصول إلى جميع الدروس المسجلة", "10 ساعات من التدريبات التفاعلية", "دعم عبر البريد الإلكتروني"],
},
{
id: "premium",
badge: "القيمة الأفضل",
badgeIcon: Award,
price: "250 ر.س/شهر",
subtitle: "للمتعلمين الجادين والنمو السريع",
buttons: [
id: "premium", badge: "القيمة الأفضل", badgeIcon: Award,
price: "250 ر.س/شهر", subtitle: "للمتعلمين الجادين والنمو السريع", buttons: [
{
text: "اختر الخطة المميزة",
href: "#contact",
},
text: "اختر الخطة المميزة", href: "#contact"},
],
features: [
"جميع ميزات الخطة الأساسية",
"4 جلسات حية مع معلم شهرياً",
"مجموعات محادثة حصرية",
"تقارير تقدم شخصية",
],
"جميع ميزات الخطة الأساسية", "4 جلسات حية مع معلم شهرياً", "مجموعات محادثة حصرية", "تقارير تقدم شخصية"],
},
{
id: "elite",
badge: "احترافي",
badgeIcon: Shield,
price: "400 ر.س/شهر",
subtitle: "لإتقان اللغة والتفوق الثقافي",
buttons: [
id: "elite", badge: "احترافي", badgeIcon: Shield,
price: "400 ر.س/شهر", subtitle: "لإتقان اللغة والتفوق الثقافي", buttons: [
{
text: "اختر خطة النخبة",
href: "#contact",
},
text: "اختر خطة النخبة", href: "#contact"},
],
features: [
"جميع ميزات الخطة المميزة",
"8 جلسات حية فردية مع معلم شهرياً",
"ورش عمل ثقافية متخصصة",
"وصول مبكر للمحتوى الجديد",
"دعم VIP",
],
"جميع ميزات الخطة المميزة", "8 جلسات حية فردية مع معلم شهرياً", "ورش عمل ثقافية متخصصة", "وصول مبكر للمحتوى الجديد", "دعم VIP"],
},
]}
title="خطط التسعير المرنة"
@@ -344,59 +212,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "سارة أحمد",
role: "طالبة جامعية",
company: "جامعة دبي",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2042.jpg",
imageAlt: "صورة سارة أحمد",
},
id: "1", name: "سارة أحمد", role: "طالبة جامعية", company: "جامعة دبي", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-2042.jpg", imageAlt: "صورة سارة أحمد"},
{
id: "2",
name: "علي محمد",
role: "مدير مشروع",
company: "شركة تقنية",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/customer-service-handsome-curly-man-office-suit-with-computer-headset-smiling-holding-coffee_140725-164626.jpg",
imageAlt: "صورة علي محمد",
},
id: "2", name: "علي محمد", role: "مدير مشروع", company: "شركة تقنية", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/customer-service-handsome-curly-man-office-suit-with-computer-headset-smiling-holding-coffee_140725-164626.jpg", imageAlt: "صورة علي محمد"},
{
id: "3",
name: "فاطمة الزهراء",
role: "مترجمة",
company: "مركز الترجمة",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-voter-registration-day_23-2149096738.jpg",
imageAlt: "صورة فاطمة الزهراء",
},
id: "3", name: "فاطمة الزهراء", role: "مترجمة", company: "مركز الترجمة", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-voter-registration-day_23-2149096738.jpg", imageAlt: "صورة فاطمة الزهراء"},
{
id: "4",
name: "خالد منصور",
role: "مهندس",
company: "شركة نفط",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-eating_23-2148627127.jpg",
imageAlt: "صورة خالد منصور",
},
id: "4", name: "خالد منصور", role: "مهندس", company: "شركة نفط", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-eating_23-2148627127.jpg", imageAlt: "صورة خالد منصور"},
{
id: "5",
name: "ليلى حسن",
role: "معلمة",
company: "مدرسة اللغات",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-pointing-out-his-back-direction_140725-34696.jpg",
imageAlt: "صورة ليلى حسن",
},
id: "5", name: "ليلى حسن", role: "معلمة", company: "مدرسة اللغات", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-pointing-out-his-back-direction_140725-34696.jpg", imageAlt: "صورة ليلى حسن"},
{
id: "6",
name: "محمد السيد",
role: "رجل أعمال",
company: "مستثمر",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-looking-her-tablet_23-2148645066.jpg",
imageAlt: "صورة محمد السيد",
},
id: "6", name: "محمد السيد", role: "رجل أعمال", company: "مستثمر", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-looking-her-tablet_23-2148645066.jpg", imageAlt: "صورة محمد السيد"},
]}
title="ماذا يقول طلابنا؟"
description="قصص نجاح وإلهام من مجتمعنا المتنامي من متعلمي اللغة العربية."
@@ -409,25 +241,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "ما هي مستويات الدورات المتاحة؟",
content: "نقدم دورات للمبتدئين، والمستوى المتوسط، والمتقدمين، بالإضافة إلى دورات متخصصة.",
},
id: "q1", title: "ما هي مستويات الدورات المتاحة؟", content: "نقدم دورات للمبتدئين، والمستوى المتوسط، والمتقدمين، بالإضافة إلى دورات متخصصة."},
{
id: "q2",
title: "هل يمكنني تجربة درس مجاني؟",
content: "نعم، نقدم دروسًا تجريبية مجانية للتعرف على أسلوبنا ومنهجيتنا.",
},
id: "q2", title: "هل يمكنني تجربة درس مجاني؟", content: "نعم، نقدم دروسًا تجريبية مجانية للتعرف على أسلوبنا ومنهجيتنا."},
{
id: "q3",
title: "كيف تتم عملية الدفع؟",
content: "يمكنك الدفع عبر بطاقات الائتمان، أو التحويل البنكي، أو بوابات الدفع الإلكترونية الآمنة.",
},
id: "q3", title: "كيف تتم عملية الدفع؟", content: "يمكنك الدفع عبر بطاقات الائتمان، أو التحويل البنكي، أو بوابات الدفع الإلكترونية الآمنة."},
{
id: "q4",
title: "هل أحصل على شهادة عند الانتهاء؟",
content: "بالتأكيد، ستحصل على شهادة إتمام معتمدة من النور للعربية عند إنهاء كل مستوى.",
},
id: "q4", title: "هل أحصل على شهادة عند الانتهاء؟", content: "بالتأكيد، ستحصل على شهادة إتمام معتمدة من النور للعربية عند إنهاء كل مستوى."},
]}
imageSrc="http://img.b2bpic.net/free-photo/looking-happiness-confident-view-background_1187-6134.jpg"
imageAlt="رجل يفكر في أسئلة كثيرة"
@@ -446,28 +266,17 @@ export default function LandingPage() {
description="نحن هنا لمساعدتك. أرسل لنا رسالة وسنقوم بالرد عليك قريباً."
inputs={[
{
name: "name",
type: "text",
placeholder: "الاسم الكامل",
required: true,
name: "name", type: "text", placeholder: "الاسم الكامل", required: true,
},
{
name: "email",
type: "email",
placeholder: "البريد الإلكتروني",
required: true,
name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true,
},
{
name: "subject",
type: "text",
placeholder: "الموضوع",
required: false,
name: "subject", type: "text", placeholder: "الموضوع", required: false,
},
]}
textarea={{
name: "message",
placeholder: "رسالتك",
rows: 4,
name: "message", placeholder: "رسالتك", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/muslim-man-converses-with-people-call_482257-76208.jpg"
@@ -483,54 +292,33 @@ export default function LandingPage() {
logoText="النور للعربية"
columns={[
{
title: "روابط سريعة",
items: [
title: "روابط سريعة", items: [
{
label: "الرئيسية",
href: "#hero",
},
label: "الرئيسية", href: "#hero"},
{
label: "عنا",
href: "#about",
},
label: "عنا", href: "#about"},
{
label: "الدورات",
href: "#products",
},
label: "الدورات", href: "#products"},
{
label: "تواصل معنا",
href: "#contact",
},
label: "تواصل معنا", href: "#contact"},
],
},
{
title: "المصادر",
items: [
title: "المصادر", items: [
{
label: "الأسئلة الشائعة",
href: "#faq",
},
label: "الأسئلة الشائعة", href: "#faq"},
{
label: "شهادات الطلاب",
href: "#testimonials",
},
label: "شهادات الطلاب", href: "#testimonials"},
{
label: "المدونة",
href: "#",
},
label: "المدونة", href: "#"},
],
},
{
title: "قانوني",
items: [
title: "قانوني", items: [
{
label: "سياسة الخصوصية",
href: "#",
},
label: "سياسة الخصوصية", href: "#"},
{
label: "شروط الخدمة",
href: "#",
},
label: "شروط الخدمة", href: "#"},
],
},
]}