From 3cb7c2ef4403838d29f949444ac432440149cced Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 11:07:32 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 319 +++++++++++------------------------------------ 1 file changed, 70 insertions(+), 249 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index b4399a1..76bc960 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin import ProductCardOne from '@/components/sections/product/ProductCardOne'; import SplitAbout from '@/components/sections/about/SplitAbout'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; -import { Activity, Award, BookOpen, Cloud, Facebook, Film, Instagram, Laptop, Palette, Smartphone, Target, Timer, Trophy } from "lucide-react"; +import { Activity, Award, BookOpen, Cloud, ClipboardCheck, Facebook, Film, Instagram, Laptop, Palette, Puzzle, Smartphone, Target, Timer, Trophy } from "lucide-react"; export default function LandingPage() { return ( @@ -33,105 +33,66 @@ export default function LandingPage() {
@@ -145,19 +106,13 @@ export default function LandingPage() { description="تُقدم منصة تعلّم تجربة تعليمية شاملة ومصممة خصيصًا لطلاب سوق الشيوخ في المرحلة الثانوية. نهدف إلى تبسيط المناهج الدراسية وتقديمها بطرق مبتكرة تضمن الفهم العميق والتميز الأكاديمي." bulletPoints={[ { - title: "محتوى منهجي مُنظم", - description: "شروحات مفصلة ومنظمة لكافة مواد الصفوف الثانوية، مع ضمان التوافق التام مع المناهج المعتمدة.", - }, + title: "محتوى منهجي مُنظم", description: "شروحات مفصلة ومنظمة لكافة مواد الصفوف الثانوية، مع ضمان التوافق التام مع المناهج المعتمدة."}, { - title: "تمارين تفاعلية مُحفزة", - description: "مجموعة واسعة من التمارين والأنشطة التفاعلية التي تعزز الفهم وتثبت المعلومات، مصممة لجعل التعلم ممتعًا.", - }, + title: "تمارين تفاعلية مُحفزة", description: "مجموعة واسعة من التمارين والأنشطة التفاعلية التي تعزز الفهم وتثبت المعلومات، مصممة لجعل التعلم ممتعًا."}, { - title: "مراقبة التقدم الفعّالة", - description: "أدوات لمتابعة تقدم الطالب، تتيح للآباء والمعلمين رصد الأداء وتحديد نقاط القوة والضعف.", - }, + title: "مراقبة التقدم الفعّالة", description: "أدوات لمتابعة تقدم الطالب، تتيح للآباء والمعلمين رصد الأداء وتحديد نقاط القوة والضعف."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361570.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361570.jpg" imageAlt="Parent and student reviewing Talam platform" mediaAnimation="blur-reveal" /> @@ -170,104 +125,68 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "محتوى تعليمي شامل", - description: "شروحات فيديو، ملخصات، وملاحظات منظمة تغطي جميع وحدات ومفاهيم المنهج بدقة.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/stuck-home-checklist-notebook_53876-96343.jpg", - imageAlt: "Structured curriculum graphic", - }, + title: "محتوى تعليمي شامل", description: "شروحات فيديو، ملخصات، وملاحظات منظمة تغطي جميع وحدات ومفاهيم المنهج بدقة.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/stuck-home-checklist-notebook_53876-96343.jpg", imageAlt: "Structured curriculum graphic"}, items: [ { icon: BookOpen, - text: "مكتبة ضخمة للمناهج", - }, + text: "مكتبة ضخمة للمناهج"}, { icon: Palette, - text: "تصميم بصري جذاب", - }, + text: "تصميم بصري جذاب"}, { icon: ClipboardCheck, - text: "تغطية كاملة للمنهج", - }, + text: "تغطية كاملة للمنهج"}, ], reverse: false, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrVJlFVEKUAPLuGaS6CuUQmqcg/uploaded-1781262292153-ake11tn2.png", - imageAlt: "structured curriculum digital interface", }, { - title: "تمارين تفاعلية متقدمة", - description: "اختبارات ذاتية فورية، ألعاب تعليمية، وتحديات تحفز التفكير النقدي وتضمن استيعاب المفاهيم.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/couple-giving-each-other-christmas-gifts_23-2149176781.jpg", - imageAlt: "Interactive exercises on a tablet", - }, + title: "تمارين تفاعلية متقدمة", description: "اختبارات ذاتية فورية، ألعاب تعليمية، وتحديات تحفز التفكير النقدي وتضمن استيعاب المفاهيم.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/couple-giving-each-other-christmas-gifts_23-2149176781.jpg", imageAlt: "Interactive exercises on a tablet"}, items: [ { icon: Puzzle, - text: "تحديات ذهنية", - }, + text: "تحديات ذهنية"}, { icon: Award, - text: "نقاط ومكافآت", - }, + text: "نقاط ومكافآت"}, { icon: Timer, - text: "اختبارات محددة بوقت", - }, + text: "اختبارات محددة بوقت"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-nerd-logo-template_23-2149203377.jpg", - imageAlt: "structured curriculum digital interface", }, { - title: "تقارير أداء مفصلة", - description: "تقارير شخصية عن نقاط القوة والضعف، مع توصيات لتحسين الأداء وتحقيق الأهداف التعليمية.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-773.jpg", - imageAlt: "Student progress dashboard", - }, + title: "تقارير أداء مفصلة", description: "تقارير شخصية عن نقاط القوة والضعف، مع توصيات لتحسين الأداء وتحقيق الأهداف التعليمية.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/business-person-hand-holding-financial-statistics-displayed-t_1150-773.jpg", imageAlt: "Student progress dashboard"}, items: [ { icon: Activity, - text: "تحليل الأداء", - }, + text: "تحليل الأداء"}, { icon: Target, - text: "توصيات مخصصة", - }, + text: "توصيات مخصصة"}, { icon: Trophy, - text: "إنجازات واضحة", - }, + text: "إنجازات واضحة"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361551.jpg?_wi=2", - imageAlt: "structured curriculum digital interface", }, { - title: "مرونة الوصول من أي مكان", - description: "صمم للعمل على جميع الأجهزة، مما يتيح لك الدراسة في أي وقت ومن أي مكان يناسبك.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/scholar-paying-attention-online-class-webinar-via-video-conferencing_482257-123192.jpg", - imageAlt: "Student using platform on multiple devices", - }, + title: "مرونة الوصول من أي مكان", description: "صمم للعمل على جميع الأجهزة، مما يتيح لك الدراسة في أي وقت ومن أي مكان يناسبك.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/scholar-paying-attention-online-class-webinar-via-video-conferencing_482257-123192.jpg", imageAlt: "Student using platform on multiple devices"}, items: [ { icon: Smartphone, - text: "متوافق مع الجوال", - }, + text: "متوافق مع الجوال"}, { icon: Laptop, - text: "يدعم جميع الشاشات", - }, + text: "يدعم جميع الشاشات"}, { icon: Cloud, - text: "حفظ السحابة", - }, + text: "حفظ السحابة"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361570.jpg?_wi=2", - imageAlt: "structured curriculum digital interface", }, ]} title="ميزات تلام المبتكرة" @@ -283,47 +202,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "math", - name: "الرياضيات", - price: "دورة كاملة", - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-school-supplies-assortment_23-2148981739.jpg", - imageAlt: "Mathematics course graphic", - }, + id: "math", name: "الرياضيات", price: "دورة كاملة", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-school-supplies-assortment_23-2148981739.jpg", imageAlt: "Mathematics course graphic"}, { - id: "physics", - name: "الفيزياء", - price: "دورة كاملة", - imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139253.jpg", - imageAlt: "Physics course graphic", - }, + id: "physics", name: "الفيزياء", price: "دورة كاملة", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139253.jpg", imageAlt: "Physics course graphic"}, { - id: "chemistry", - name: "الكيمياء", - price: "دورة كاملة", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-chemist-taking-some-notes-about-chemicals_140725-37573.jpg", - imageAlt: "Chemistry course graphic", - }, + id: "chemistry", name: "الكيمياء", price: "دورة كاملة", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-chemist-taking-some-notes-about-chemicals_140725-37573.jpg", imageAlt: "Chemistry course graphic"}, { - id: "biology", - name: "الأحياء", - price: "دورة كاملة", - imageSrc: "http://img.b2bpic.net/free-photo/anatomy-drawing-vintage-style_23-2151782889.jpg", - imageAlt: "Biology course graphic", - }, + id: "biology", name: "الأحياء", price: "دورة كاملة", imageSrc: "http://img.b2bpic.net/free-photo/anatomy-drawing-vintage-style_23-2151782889.jpg", imageAlt: "Biology course graphic"}, { - id: "arabic", - name: "اللغة العربية", - price: "دورة كاملة", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-together_23-2150751935.jpg", - imageAlt: "Arabic Language course graphic", - }, + id: "arabic", name: "اللغة العربية", price: "دورة كاملة", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-together_23-2150751935.jpg", imageAlt: "Arabic Language course graphic"}, { - id: "social", - name: "الاجتماعيات والتاريخ", - price: "دورة كاملة", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-desk-globe-with-blurred-background_181624-4292.jpg", - imageAlt: "Social Studies and History course graphic", - }, + id: "social", name: "الاجتماعيات والتاريخ", price: "دورة كاملة", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-desk-globe-with-blurred-background_181624-4292.jpg", imageAlt: "Social Studies and History course graphic"}, ]} title="استكشف مقرراتنا الدراسية" description="نقدم مجموعة شاملة من المقررات المصممة بعناية لتغطية جميع مواد الصفوف الثانوية في قضاء سوق الشيوخ، مع شروحات واضحة وتمارين مكثفة." @@ -338,25 +227,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "students", - value: "+5000", - description: "طالب مُلتحق", - }, + id: "students", value: "+5000", description: "طالب مُلتحق"}, { - id: "courses", - value: "+150", - description: "دورة تدريبية", - }, + id: "courses", value: "+150", description: "دورة تدريبية"}, { - id: "success", - value: "%95", - description: "نسبة نجاح الطلاب", - }, + id: "success", value: "%95", description: "نسبة نجاح الطلاب"}, { - id: "teachers", - value: "+50", - description: "معلم خبير", - }, + id: "teachers", value: "+50", description: "معلم خبير"}, ]} title="إنجازات تلام بالأرقام" description="نفخر بما حققناه في رحلتنا التعليمية، ونلتزم بمواصلة تقديم أفضل تجربة لطلابنا." @@ -369,50 +246,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "تحسن ملحوظ في درجات ابني", - quote: "منصة تعلّم غيرت طريقة دراسة ابني تمامًا. الشروحات واضحة والتمارين ساعدته على فهم المواد الصعبة بسهولة. درجاته تحسنت بشكل كبير!", - name: "أحمد السعدي", - role: "ولي أمر", - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-touching-woman-taking-selfie-tablet_259150-58341.jpg", - imageAlt: "Photo of Ahmed Al-Saadi", - }, + id: "1", title: "تحسن ملحوظ في درجات ابني", quote: "منصة تعلّم غيرت طريقة دراسة ابني تمامًا. الشروحات واضحة والتمارين ساعدته على فهم المواد الصعبة بسهولة. درجاته تحسنت بشكل كبير!", name: "أحمد السعدي", role: "ولي أمر", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-touching-woman-taking-selfie-tablet_259150-58341.jpg", imageAlt: "Photo of Ahmed Al-Saadi"}, { - id: "2", - title: "التعلم أصبح ممتعًا وميسرًا", - quote: "كنت أعاني من فهم الفيزياء، لكن مع تعلّم، كل شيء أصبح أبسط وأكثر متعة. التمارين التفاعلية ساعدتني على استيعاب المفاهيم الصعبة.", - name: "سارة علي", - role: "طالبة ثانوية", - imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg", - imageAlt: "Photo of Sarah Ali", - }, + id: "2", title: "التعلم أصبح ممتعًا وميسرًا", quote: "كنت أعاني من فهم الفيزياء، لكن مع تعلّم، كل شيء أصبح أبسط وأكثر متعة. التمارين التفاعلية ساعدتني على استيعاب المفاهيم الصعبة.", name: "سارة علي", role: "طالبة ثانوية", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg", imageAlt: "Photo of Sarah Ali"}, { - id: "3", - title: "أداة قيمة للمعلمين", - quote: "تعلّم ليست مجرد منصة للطلاب، بل هي أيضًا أداة رائعة لنا كمعلمين. تساعدني في تحضير الدروس وتقديم مواد إضافية لطلابي بكفاءة.", - name: "الأستاذة خلود", - role: "مُعلمة لغة عربية", - imageSrc: "http://img.b2bpic.net/free-photo/happy-laughing-women-having-coffee-reading-book_23-2148850669.jpg", - imageAlt: "Photo of Professor Kholoud", - }, + id: "3", title: "أداة قيمة للمعلمين", quote: "تعلّم ليست مجرد منصة للطلاب، بل هي أيضًا أداة رائعة لنا كمعلمين. تساعدني في تحضير الدروس وتقديم مواد إضافية لطلابي بكفاءة.", name: "الأستاذة خلود", role: "مُعلمة لغة عربية", imageSrc: "http://img.b2bpic.net/free-photo/happy-laughing-women-having-coffee-reading-book_23-2148850669.jpg", imageAlt: "Photo of Professor Kholoud"}, { - id: "4", - title: "دعم أكاديمي لا مثيل له", - quote: "الدعم المقدم من فريق تعلّم لا يُصدق. دائمًا ما أحصل على إجابات سريعة وواضحة لأسئلتي. أشعر وكأن لدي مدرسًا خاصًا بي على مدار الساعة.", - name: "علي محمد", - role: "طالب ثانوي", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-showing-rock-n-rool-gesture_140725-34728.jpg", - imageAlt: "Photo of Ali Mohammed", - }, + id: "4", title: "دعم أكاديمي لا مثيل له", quote: "الدعم المقدم من فريق تعلّم لا يُصدق. دائمًا ما أحصل على إجابات سريعة وواضحة لأسئلتي. أشعر وكأن لدي مدرسًا خاصًا بي على مدار الساعة.", name: "علي محمد", role: "طالب ثانوي", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-showing-rock-n-rool-gesture_140725-34728.jpg", imageAlt: "Photo of Ali Mohammed"}, { - id: "5", - title: "سهولة الاستخدام والتنقل", - quote: "أحب بساطة تصميم المنصة وسهولة التنقل بين المواد والدروس. لا أواجه أي صعوبة في الوصول إلى المحتوى الذي أحتاجه.", - name: "نور هادي", - role: "طالبة ثانوية", - imageSrc: "http://img.b2bpic.net/free-photo/lady-jacket_176474-41096.jpg", - imageAlt: "Photo of Nour Hadi", - }, + id: "5", title: "سهولة الاستخدام والتنقل", quote: "أحب بساطة تصميم المنصة وسهولة التنقل بين المواد والدروس. لا أواجه أي صعوبة في الوصول إلى المحتوى الذي أحتاجه.", name: "نور هادي", role: "طالبة ثانوية", imageSrc: "http://img.b2bpic.net/free-photo/lady-jacket_176474-41096.jpg", imageAlt: "Photo of Nour Hadi"}, ]} title="ماذا يقول طلابنا وأولياء الأمور؟" description="شهادات حقيقية من مجتمع تعلّم، تعكس تأثير منصتنا الإيجابي على المسيرة التعليمية." @@ -424,25 +266,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "ما هي المواد التي تغطيها منصة تعلّم؟", - content: "تغطي منصة تعلّم جميع مواد الصفوف الثانوية، بما في ذلك الرياضيات، الفيزياء، الكيمياء، الأحياء، اللغة العربية، والاجتماعيات.", - }, + id: "1", title: "ما هي المواد التي تغطيها منصة تعلّم؟", content: "تغطي منصة تعلّم جميع مواد الصفوف الثانوية، بما في ذلك الرياضيات، الفيزياء، الكيمياء، الأحياء، اللغة العربية، والاجتماعيات."}, { - id: "2", - title: "هل المحتوى متوافق مع المناهج العراقية؟", - content: "نعم، جميع الشروحات والتمارين مصممة بعناية لتتوافق تمامًا مع المناهج الدراسية المعتمدة في العراق، وخاصة لطلاب قضاء سوق الشيوخ.", - }, + id: "2", title: "هل المحتوى متوافق مع المناهج العراقية؟", content: "نعم، جميع الشروحات والتمارين مصممة بعناية لتتوافق تمامًا مع المناهج الدراسية المعتمدة في العراق، وخاصة لطلاب قضاء سوق الشيوخ."}, { - id: "3", - title: "كيف يمكنني تتبع تقدم ابني/ابنتي؟", - content: "توفر المنصة لوحة تحكم خاصة لأولياء الأمور والمعلمين، تتيح لك متابعة تقدم الطالب في كل مادة، مشاهدة الدرجات، وتحديد المجالات التي تحتاج إلى تحسين.", - }, + id: "3", title: "كيف يمكنني تتبع تقدم ابني/ابنتي؟", content: "توفر المنصة لوحة تحكم خاصة لأولياء الأمور والمعلمين، تتيح لك متابعة تقدم الطالب في كل مادة، مشاهدة الدرجات، وتحديد المجالات التي تحتاج إلى تحسين."}, { - id: "4", - title: "هل يمكن الوصول إلى المنصة من الأجهزة المحمولة؟", - content: "بالتأكيد! منصة تعلّم متوافقة تمامًا مع جميع الأجهزة، بما في ذلك الهواتف الذكية والأجهزة اللوحية، لضمان مرونة التعلم في أي وقت ومكان.", - }, + id: "4", title: "هل يمكن الوصول إلى المنصة من الأجهزة المحمولة؟", content: "بالتأكيد! منصة تعلّم متوافقة تمامًا مع جميع الأجهزة، بما في ذلك الهواتف الذكية والأجهزة اللوحية، لضمان مرونة التعلم في أي وقت ومكان."}, ]} sideTitle="الأسئلة الشائعة" sideDescription="هل لديك استفسارات حول منصة تعلّم؟ ابحث عن الإجابات هنا، أو لا تتردد في الاتصال بنا للحصول على المزيد من المساعدة." @@ -455,14 +285,11 @@ export default function LandingPage() {
@@ -476,19 +303,13 @@ export default function LandingPage() { socialLinks={[ { icon: Facebook, - href: "https://facebook.com/talamplatform", - ariaLabel: "Facebook", - }, + href: "https://facebook.com/talamplatform", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com/talamplatform", - ariaLabel: "Instagram", - }, + href: "https://instagram.com/talamplatform", ariaLabel: "Instagram"}, { icon: Film, - href: "https://youtube.com/talamplatform", - ariaLabel: "YouTube", - }, + href: "https://youtube.com/talamplatform", ariaLabel: "YouTube"}, ]} /> -- 2.49.1