From 33b157cf35277e4c9e1e23fd8f4a45a7e5c3d445 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 16:09:29 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 372 +++++++++-------------------------------------- 1 file changed, 72 insertions(+), 300 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 6ad149b..5285f3e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import ProductCardFour from '@/components/sections/product/ProductCardFour'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; -import { Award, BookOpen, Briefcase, Calendar, Clock, GraduationCap, Lightbulb, Play, Star, UserCheck, Users } from "lucide-react"; +import { Award, BookOpen, Briefcase, Calendar, Clock, GraduationCap, Lightbulb, Play, Star, UserCheck, Users, FileCheck } from "lucide-react"; export default function LandingPage() { return ( @@ -30,33 +30,21 @@ export default function LandingPage() { alert('Open booking modal')", + text: "احجز مقعدك", href: "#", onClick: () => alert('Open booking modal'), }} /> @@ -64,22 +52,17 @@ export default function LandingPage() {
alert('Open booking modal')", + text: "احجز مقعدك الآن", href: "#", onClick: () => alert('Open booking modal'), }, { - text: "تصفّح الدوراتنا", - href: "/courses", - }, + text: "تصفّح الدوراتنا", href: "/courses"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/girls-participating-course-library-joining-live-video-webinar_482257-123474.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/girls-participating-course-library-joining-live-video-webinar_482257-123474.jpg" imageAlt="Students learning in a modern classroom setting" mediaAnimation="slide-up" /> @@ -93,25 +76,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "graduates", - value: "+500", - title: "طالب متخرج", - description: "نجاح طلابنا هو هدفنا", - icon: GraduationCap, + id: "graduates", value: "+500", title: "طالب متخرج", description: "نجاح طلابنا هو هدفنا", icon: GraduationCap, }, { - id: "courses", - value: "4", - title: "دورات متاحة", - description: "مجموعة متنوعة من الدورات", - icon: BookOpen, + id: "courses", value: "4", title: "دورات متاحة", description: "مجموعة متنوعة من الدورات", icon: BookOpen, }, { - id: "rating", - value: "★ 4.9", - title: "تقييم الطلاب", - description: "تقييمات ممتازة من طلابنا", - icon: Star, + id: "rating", value: "★ 4.9", title: "تقييم الطلاب", description: "تقييمات ممتازة من طلابنا", icon: Star, }, ]} title="أرقام تتحدث عن نفسها" @@ -127,53 +98,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "course-1", - name: "اللغة الفرنسية", - price: "4500 دج", - variant: "مبتدئ إلى B2", - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-cafe_1157-30926.jpg", - imageAlt: "French language course", - }, + id: "course-1", name: "اللغة الفرنسية", price: "4500 دج", variant: "مبتدئ إلى B2", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-cafe_1157-30926.jpg", imageAlt: "French language course"}, { - id: "course-2", - name: "اللغة الإنجليزية", - price: "4500 دج", - variant: "جميع المستويات", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-student-male-denim-clothes-sitting-university-canteen-with-book-copybook-writing-some-notes-with-pen-communicating-smartphone-with-his-friend-having-concentrated-look_273609-7439.jpg", - imageAlt: "English language course", - }, + id: "course-2", name: "اللغة الإنجليزية", price: "4500 دج", variant: "جميع المستويات", imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-student-male-denim-clothes-sitting-university-canteen-with-book-copybook-writing-some-notes-with-pen-communicating-smartphone-with-his-friend-having-concentrated-look_273609-7439.jpg", imageAlt: "English language course"}, { - id: "course-3", - name: "اللغة الإسبانية", - price: "4000 دج", - variant: "مبتدئ", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-reading_1301-3639.jpg", - imageAlt: "Spanish language course", - }, + id: "course-3", name: "اللغة الإسبانية", price: "4000 دج", variant: "مبتدئ", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-beautiful-young-woman-reading_1301-3639.jpg", imageAlt: "Spanish language course"}, { - id: "course-4", - name: "مهارات مهنية", - price: "3500 دج", - variant: "جميع المستويات", - imageSrc: "http://img.b2bpic.net/free-photo/group-college-students-using-laptop-classroom_637285-8826.jpg", - imageAlt: "Professional skills course", - }, + id: "course-4", name: "مهارات مهنية", price: "3500 دج", variant: "جميع المستويات", imageSrc: "http://img.b2bpic.net/free-photo/group-college-students-using-laptop-classroom_637285-8826.jpg", imageAlt: "Professional skills course"}, { - id: "course-5", - name: "اللغة العربية", - price: "3000 دج", - variant: "لغير الناطقين بها", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785879.jpg", - imageAlt: "Arabic language course", - }, + id: "course-5", name: "اللغة العربية", price: "3000 دج", variant: "لغير الناطقين بها", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-chinese-ink-concept_23-2148785879.jpg", imageAlt: "Arabic language course"}, { - id: "course-6", - name: "أساسيات البرمجة", - price: "5000 دج", - variant: "مبتدئ", - imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2972.jpg", - imageAlt: "Programming basics course", - }, + id: "course-6", name: "أساسيات البرمجة", price: "5000 دج", variant: "مبتدئ", imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2972.jpg", imageAlt: "Programming basics course"}, ]} title="دوراتنا المتاحة" description="اختر الدورة المناسبة لك وابدأ رحلتك التعليمية معنا." @@ -187,88 +122,56 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "بيئة تعليمية محفزة", - description: "نوفر مساحة إيجابية تشجع على التفاعل والنمو المستمر.", - media: { - imageSrc: "http://img.b2bpic.net/free-vector/classroom-objects-colourful-flat-icon-set_3446-31.jpg", - imageAlt: "Motivating learning environment icon", - }, + title: "بيئة تعليمية محفزة", description: "نوفر مساحة إيجابية تشجع على التفاعل والنمو المستمر.", media: { + imageSrc: "http://img.b2bpic.net/free-vector/classroom-objects-colourful-flat-icon-set_3446-31.jpg", imageAlt: "Motivating learning environment icon"}, items: [ { icon: Lightbulb, - text: "فصول مجهزة", - }, + text: "فصول مجهزة"}, { icon: Users, - text: "جو تفاعلي", - }, + text: "جو تفاعلي"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-n_53876-63826.jpg?_wi=1", - imageAlt: "modern classroom icon", }, { - title: "مدرسون متخصصون وذوو خبرة", - description: "فريق تعليمي مؤهل لضمان أفضل تجربة تعليمية.", - media: { - imageSrc: "http://img.b2bpic.net/free-vector/idea-icon_632498-3961.jpg", - imageAlt: "Experienced teachers icon", - }, + title: "مدرسون متخصصون وذوو خبرة", description: "فريق تعليمي مؤهل لضمان أفضل تجربة تعليمية.", media: { + imageSrc: "http://img.b2bpic.net/free-vector/idea-icon_632498-3961.jpg", imageAlt: "Experienced teachers icon"}, items: [ { icon: Award, - text: "شهادات عليا", - }, + text: "شهادات عليا"}, { icon: UserCheck, - text: "خبرة طويلة", - }, + text: "خبرة طويلة"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/girls-participating-course-library-joining-live-video-webinar_482257-123474.jpg?_wi=2", - imageAlt: "modern classroom icon", }, { - title: "جداول مرنة تناسب جميع الفئات", - description: "خيارات متعددة لتناسب جدولك الزمني واحتياجاتك.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-colorful-blank-paper-reminders-blue-background-top-view_169016-33968.jpg", - imageAlt: "Flexible schedules icon", - }, + title: "جداول مرنة تناسب جميع الفئات", description: "خيارات متعددة لتناسب جدولك الزمني واحتياجاتك.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-colorful-blank-paper-reminders-blue-background-top-view_169016-33968.jpg", imageAlt: "Flexible schedules icon"}, items: [ { icon: Calendar, - text: "أوقات متنوعة", - }, + text: "أوقات متنوعة"}, { icon: Clock, - text: "مرونة تامة", - }, + text: "مرونة تامة"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/education-diploma-certificate-copy-space_23-2148769636.jpg?_wi=1", - imageAlt: "modern classroom icon", }, { - title: "شهادات معتمدة عند الإتمام", - description: "احصل على شهادة معترف بها تعزز من فرصك.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/certified-approval-agreement-confirmation-concept_53876-120605.jpg", - imageAlt: "Certified diplomas icon", - }, + title: "شهادات معتمدة عند الإتمام", description: "احصل على شهادة معترف بها تعزز من فرصك.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/certified-approval-agreement-confirmation-concept_53876-120605.jpg", imageAlt: "Certified diplomas icon"}, items: [ { icon: FileCheck, - text: "اعتراف رسمي", - }, + text: "اعتراف رسمي"}, { icon: Briefcase, - text: "فرص وظيفية", - }, + text: "فرص وظيفية"}, ], reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/illustration-key-accessibility-security-system_53876-125007.jpg?_wi=1", - imageAlt: "modern classroom icon", }, ]} title="لماذا NAJI ACADEMY؟" @@ -283,21 +186,14 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "مرحباً بكم في أكاديمية ناجي", - description: "شاهد هذا الفيديو لتتعرف على أجواء أكاديميتنا، طرق التدريس المبتكرة، ومرافقنا الحديثة التي توفر بيئة تعليمية مثالية لجميع طلابنا. اكتشف كيف نساعدك على تحقيق أهدافك اللغوية والمهنية.", - media: { - videoSrc: "https://www.youtube.com/embed/your_featured_video_id", - videoAriaLabel: "Featured video about Naji Academy", - }, + title: "مرحباً بكم في أكاديمية ناجي", description: "شاهد هذا الفيديو لتتعرف على أجواء أكاديميتنا، طرق التدريس المبتكرة، ومرافقنا الحديثة التي توفر بيئة تعليمية مثالية لجميع طلابنا. اكتشف كيف نساعدك على تحقيق أهدافك اللغوية والمهنية.", media: { + videoSrc: "https://www.youtube.com/embed/your_featured_video_id", videoAriaLabel: "Featured video about Naji Academy"}, items: [ { icon: Play, - text: "شاهد الآن", - }, + text: "شاهد الآن"}, ], reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/education-diploma-certificate-copy-space_23-2148769636.jpg?_wi=2", - imageAlt: "graduation cap icon simple", }, ]} title="تعرّف على أكاديميتنا" @@ -313,61 +209,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "gallery-1", - name: "فصل اللغة الفرنسية", - price: " ", - variant: "قاعات الدراسة", - imageSrc: "http://img.b2bpic.net/free-photo/young-students-working-project-together_23-2147656328.jpg", - imageAlt: "Students in French language class", - }, + id: "gallery-1", name: "فصل اللغة الفرنسية", price: " ", variant: "قاعات الدراسة", imageSrc: "http://img.b2bpic.net/free-photo/young-students-working-project-together_23-2147656328.jpg", imageAlt: "Students in French language class"}, { - id: "gallery-2", - name: "ورشة عمل تفاعلية", - price: " ", - variant: "فعاليات", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woment-wearing-graduation-caps_23-2148950532.jpg", - imageAlt: "Interactive workshop for students", - }, + id: "gallery-2", name: "ورشة عمل تفاعلية", price: " ", variant: "فعاليات", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woment-wearing-graduation-caps_23-2148950532.jpg", imageAlt: "Interactive workshop for students"}, { - id: "gallery-3", - name: "جلسة تدريب فردية", - price: " ", - variant: "طلاب", - imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361561.jpg", - imageAlt: "One-on-one training session", - }, + id: "gallery-3", name: "جلسة تدريب فردية", price: " ", variant: "طلاب", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-team-work-project_23-2149361561.jpg", imageAlt: "One-on-one training session"}, { - id: "gallery-4", - name: "التعلم الرقمي", - price: " ", - variant: "قاعات الدراسة", - imageSrc: "http://img.b2bpic.net/free-photo/adult-male-student-with-vr-simulator-library_74855-1078.jpg", - imageAlt: "Digital learning in classroom", - }, + id: "gallery-4", name: "التعلم الرقمي", price: " ", variant: "قاعات الدراسة", imageSrc: "http://img.b2bpic.net/free-photo/adult-male-student-with-vr-simulator-library_74855-1078.jpg", imageAlt: "Digital learning in classroom"}, { - id: "gallery-5", - name: "مشروع جماعي", - price: " ", - variant: "طلاب", - imageSrc: "http://img.b2bpic.net/free-photo/people-business-technology-communication_273609-6340.jpg", - imageAlt: "Students working on a group project", - }, + id: "gallery-5", name: "مشروع جماعي", price: " ", variant: "طلاب", imageSrc: "http://img.b2bpic.net/free-photo/people-business-technology-communication_273609-6340.jpg", imageAlt: "Students working on a group project"}, { - id: "gallery-6", - name: "مبنى الأكاديمية", - price: " ", - variant: "عام", - imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004670.jpg", - imageAlt: "Exterior of NAJI ACADEMY building", - }, + id: "gallery-6", name: "مبنى الأكاديمية", price: " ", variant: "عام", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004670.jpg", imageAlt: "Exterior of NAJI ACADEMY building"}, ]} title="لحظات من أكاديميتنا" description="شاهد صوراً من فصولنا، فعالياتنا، وطلابنا." buttons={[ { - text: "عرض المزيد", - href: "/gallery", - }, + text: "عرض المزيد", href: "/gallery"}, ]} />
@@ -378,65 +236,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "أمينة بلخير", - date: "2024-03-15", - title: "تجربة تعليمية لا تُنسى", - quote: "أفضل أكاديمية في تلمسان! تحسّن مستواي في الفرنسية بشكل ملحوظ خلال شهرين فقط.", - tag: "اللغة الفرنسية", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-arabian-woman-beautiful-woman-standing-sun-outdoors-lightly-touching-her-grey-headscarf-beauty-ethnicity-concept_74855-21322.jpg", - avatarAlt: "أمينة بلخير", - imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-n_53876-63826.jpg?_wi=2", - imageAlt: "smiling arab woman portrait", - }, + id: "1", name: "أمينة بلخير", date: "2024-03-15", title: "تجربة تعليمية لا تُنسى", quote: "أفضل أكاديمية في تلمسان! تحسّن مستواي في الفرنسية بشكل ملحوظ خلال شهرين فقط.", tag: "اللغة الفرنسية", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-arabian-woman-beautiful-woman-standing-sun-outdoors-lightly-touching-her-grey-headscarf-beauty-ethnicity-concept_74855-21322.jpg", avatarAlt: "أمينة بلخير", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-n_53876-63826.jpg", imageAlt: "smiling arab woman portrait"}, { - id: "2", - name: "يوسف عمراني", - date: "2024-04-20", - title: "أساتذة محترفون وبيئة رائعة", - quote: "أساتذة محترفون وجو دراسي رائع. أنصح به بشدة لكل من يريد تعلم الإنجليزية.", - tag: "اللغة الإنجليزية", - avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-using-her-digital-tablet_23-2149064545.jpg", - avatarAlt: "يوسف عمراني", - imageSrc: "http://img.b2bpic.net/free-photo/girls-participating-course-library-joining-live-video-webinar_482257-123474.jpg?_wi=3", - imageAlt: "smiling arab woman portrait", - }, + id: "2", name: "يوسف عمراني", date: "2024-04-20", title: "أساتذة محترفون وبيئة رائعة", quote: "أساتذة محترفون وجو دراسي رائع. أنصح به بشدة لكل من يريد تعلم الإنجليزية.", tag: "اللغة الإنجليزية", avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-using-her-digital-tablet_23-2149064545.jpg", avatarAlt: "يوسف عمراني", imageSrc: "http://img.b2bpic.net/free-photo/girls-participating-course-library-joining-live-video-webinar_482257-123474.jpg", imageAlt: "smiling arab woman portrait"}, { - id: "3", - name: "سارة مزغيش", - date: "2024-05-10", - title: "استثمار حقيقي في مستقبلي", - quote: "استثمار حقيقي في مستقبلي المهني. الدورة غيّرت الكثير في مساري.", - tag: "مهارات مهنية", - avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-backpack_23-2149915904.jpg", - avatarAlt: "سارة مزغيش", - imageSrc: "http://img.b2bpic.net/free-photo/education-diploma-certificate-copy-space_23-2148769636.jpg?_wi=3", - imageAlt: "smiling arab woman portrait", - }, + id: "3", name: "سارة مزغيش", date: "2024-05-10", title: "استثمار حقيقي في مستقبلي", quote: "استثمار حقيقي في مستقبلي المهني. الدورة غيّرت الكثير في مساري.", tag: "مهارات مهنية", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-holding-backpack_23-2149915904.jpg", avatarAlt: "سارة مزغيش", imageSrc: "http://img.b2bpic.net/free-photo/education-diploma-certificate-copy-space_23-2148769636.jpg", imageAlt: "smiling arab woman portrait"}, { - id: "4", - name: "أحمد بن زهرة", - date: "2024-06-01", - title: "تطوير سريع للمهارات", - quote: "المنهج الدراسي مكثف ومفيد، ساعدني على تطوير مهاراتي في وقت قصير.", - tag: "اللغة الإسبانية", - avatarSrc: "http://img.b2bpic.net/free-photo/woman-carries-yoga-mat-rests-after-training-concentrated-into-distance-wears-sweatshirt-poses-healthy-lifestyle-wellbeing-concept_273609-56249.jpg", - avatarAlt: "أحمد بن زهرة", - imageSrc: "http://img.b2bpic.net/free-photo/illustration-key-accessibility-security-system_53876-125007.jpg?_wi=2", - imageAlt: "smiling arab woman portrait", - }, + id: "4", name: "أحمد بن زهرة", date: "2024-06-01", title: "تطوير سريع للمهارات", quote: "المنهج الدراسي مكثف ومفيد، ساعدني على تطوير مهاراتي في وقت قصير.", tag: "اللغة الإسبانية", avatarSrc: "http://img.b2bpic.net/free-photo/woman-carries-yoga-mat-rests-after-training-concentrated-into-distance-wears-sweatshirt-poses-healthy-lifestyle-wellbeing-concept_273609-56249.jpg", avatarAlt: "أحمد بن زهرة", imageSrc: "http://img.b2bpic.net/free-photo/illustration-key-accessibility-security-system_53876-125007.jpg", imageAlt: "smiling arab woman portrait"}, { - id: "5", - name: "فاطمة الزهراء", - date: "2024-06-25", - title: "بيئة داعمة ومفيدة", - quote: "أحببت الجو العائلي في الأكاديمية والدعم المستمر من الأساتذة.", - tag: "اللغة الفرنسية", - avatarSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg", - avatarAlt: "فاطمة الزهراء", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg?_wi=1", - imageAlt: "smiling arab woman portrait", - }, + id: "5", name: "فاطمة الزهراء", date: "2024-06-25", title: "بيئة داعمة ومفيدة", quote: "أحببت الجو العائلي في الأكاديمية والدعم المستمر من الأساتذة.", tag: "اللغة الفرنسية", avatarSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg", avatarAlt: "فاطمة الزهراء", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-silver-stars-background_23-2150160746.jpg", imageAlt: "smiling arab woman portrait"}, ]} title="ماذا يقول طلابنا" description="قصص نجاح وإشادة من طلابنا السابقين والحاليين." @@ -445,94 +253,58 @@ export default function LandingPage() {