import React from "react"; import { Play, ArrowLeft, BookOpen, Headphones, PenLine, Mic2, CheckCircle2, Star, ChevronLeft, ChevronRight } from "lucide-react"; const courses = [ { title: "العربية للمبتدئين", desc: "ابدأ بتكوين الأساس: الحروف، الأصوات، والكلمات الأولى.", level: "مبتدئ", lessons: "18 درس", price: "ابدأ الآن", }, { title: "العربية اليومية", desc: "تعلّم كيف تستخدم اللغة في مواقف الحياة اليومية بهدوء.", level: "متوسط", lessons: "24 درس", price: "استعرض المسار", }, { title: "العربية بالفهم والسياق", desc: "رحلة أعمق لفهم التراكيب والمعنى خلف الكلمات.", level: "متقدم", lessons: "32 درس", price: "تعرّف أكثر", }, { title: "العربية للأعمال", desc: "تواصل بثقة داخل بيئات العمل والمحادثات المهنية.", level: "متقدم", lessons: "15 درس", price: "ابدأ التعلم", }, { title: "العربية الصوتية", desc: "طوّر نطقك من خلال الاستماع والتكرار التدريجي.", level: "متوسط", lessons: "21 درس", price: "شاهد التفاصيل", }, { title: "فهم النصوص العربية", desc: "اقرأ النصوص بثقة وافهم المعاني والسياقات المختلفة.", level: "متقدم", lessons: "27 درس", price: "استكشف المسار", }, ]; const skills = [ { icon: Headphones, title: "الاستماع", text: "افهم ما يُقال قبل أن ترد." }, { icon: Mic2, title: "التحدث", text: "عبّر بثقة ولو بكلمات بسيطة." }, { icon: BookOpen, title: "القراءة", text: "اقرأ المعنى لا الحروف فقط." }, { icon: PenLine, title: "الكتابة", text: "اكتب حتى لو بدأت بجملة واحدة." }, ]; export default function IlfHomepageDesign() { return (
شعار إلف
منصة عربية لتعلّم اللغة بوضوح وألفة

تعلّم العربية… حتى تصبح مألوفة

رحلة هادئة تساعدك على فهم اللغة، لا حفظها فقط. نتدرّج معك بالصوت، والمعنى، والسياق، حتى تقترب العربية منك خطوة بعد خطوة.

4

مهارات متكاملة

+70

درس تدريجي

هادئة

تجربة تعلم بلا ضغط

درس تعريفي قصير

اسمع الكلمة… ثم افهم معناها في سياقها

لماذا إلف؟

لأن اللغة لا تُحفظ فقط… بل تُؤلف.

{[ ["تعلّم بالمعنى", "نفهم قبل أن نحفظ، ونربط الكلمة بسياقها."], ["تعلّم بالحواس", "نسمع، نقرأ، ونتفاعل مع اللغة بهدوء."], ["تعلّم بالتدرّج", "خطوات واضحة دون ضغط أو استعجال."], ].map(([title, text]) => (

{title}

{text}

))}

الدورات المميزة

ابدأ من حيث أنت

{courses.slice(0,4).map((course, index) => (
course
{course.level}
{[1,2,3,4,5].map((i) => )} 5.0
{course.lessons}

{course.title}

{course.desc}

إلف التعليمية
مجاني
))}
{[0,1,2].map((item) => ( ))}

كل الدورات

دورات منظمة حسب مستواك

استعرض المسارات الأساسية والمتخصصة، واختر الدرس الذي يناسب مرحلتك الحالية في تعلم العربية.

{courses.map((course, index) => (
course
{course.level}
{[1,2,3,4,5].map((i) => )} 5.0
{course.lessons}

{course.title}

{course.desc}

إلف التعليمية
مجاني
))}

مسارات متخصصة

اختر طريقة التعلّم الأقرب إليك

بعض المتعلمين يفضّلون الاستماع، وآخرون يقتربون من اللغة عبر القراءة أو الممارسة اليومية.

{courses.slice(3,6).map((course, index) => (
{index === 0 ? : index === 1 ? : }

{course.title}

{course.lessons}

))}

رحلتك في إلف

تجربة تعلّم تشبهك… لا تضغط عليك

كل خطوة داخل المنصة مصممة لتقودك بهدوء: من معرفة مستواك، إلى أول درس، ثم متابعة تقدمك بطريقة واضحة ومريحة.

مسارك الحالي

العربية اليومية

62%
{[ ["01", "حدّد مستواك", "اكتمل"], ["02", "ابدأ أول درس", "قيد التعلم"], ["03", "تابع تقدمك", "الخطوة التالية"], ].map(([num, title, status], index) => (
{num}

{title}

{status}

))}

جرّب بنفسك

مقطع صوتي قصير… ونص بسيط يرافقك.

لا نشرح كثيرًا. نتركك تسمع، تلاحظ، ثم تفهم تدريجيًا.

01:24

مرحبًا… هذه أول خطوة في رحلتك مع العربية.

مركز المهارات

اللغة ليست مهارة واحدة، بل أربع مهارات تتكامل معًا.

{skills.map(({ icon: Icon, title, text }) => (

{title}

{text}

))}

الرسالة الأساسية

نحن لا نعلّمك العربية فقط… نساعدك على أن تألفها.

ابدأ بهدوء. خذ أول خطوة. ودع اللغة تقترب منك دون استعجال.

); }