Update src/app/layout.tsx

Merge version_2 into main

src/app/enrollment/page.tsx

@@ -21,7 +21,7 @@ export default function EnrollmentPage() {
     {
       title: "روابط سريعة",      items: [
         { label: "الرئيسية", href: "/" },
-        { label: "عن المدرسة", href: "#" },
+        { label: "عن المدرسة", href: "/about" },
         { label: "البرامج", href: "/programs" },
         { label: "التسجيل", href: "/enrollment" },
       ],
@@ -73,7 +73,7 @@ export default function EnrollmentPage() {
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "plain" }}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898697.jpg?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-uf9opzwa.jpg"
           imageAlt="فصل دراسي حديث"
           mediaAnimation="blur-reveal"
           frameStyle="card"
@@ -159,4 +159,4 @@ export default function EnrollmentPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -1,22 +1,47 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
-import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import ContactText from "@/components/sections/contact/ContactText";
+import HeroCentered from "@/components/sections/hero/HeroCentered";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import TeamCardFive from "@/components/sections/team/TeamCardFive";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Heart, Shield, Trophy, Users, Star, Award } from "lucide-react";
+import { BookOpen, Users, Lightbulb, Award } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
     { name: "الرئيسية", id: "/" },
     { name: "عن المدرسة", id: "/about" },
-    { name: "البرامج", id: "programs" },
-    { name: "التسجيل", id: "enrollment" },
-    { name: "اتصل بنا", id: "contact" },
+    { name: "البرامج", id: "/programs" },
+    { name: "التسجيل", id: "/enrollment" },
+    { name: "اتصل بنا", id: "/contact" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "روابط سريعة",      items: [
+        { label: "الرئيسية", href: "/" },
+        { label: "عن المدرسة", href: "/about" },
+        { label: "البرامج", href: "/programs" },
+        { label: "التسجيل", href: "/enrollment" },
+      ],
+    },
+    {
+      title: "معلومات التواصل",      items: [
+        { label: "الهاتف: +218 91-4783085", href: "tel:+21891478308" },
+        { label: "العنوان: شارع الخرطوم، الزاوية، ليبيا", href: "#" },
+        { label: "البريد: info@rafed.ly", href: "mailto:info@rafed.ly" },
+      ],
+    },
+    {
+      title: "خدماتنا",      items: [
+        { label: "التسجيل", href: "/enrollment" },
+        { label: "الملاحظات والتقييم", href: "#" },
+        { label: "اتصل بنا", href: "#" },
+      ],
+    },
   ];
 
   return (
@@ -26,7 +51,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="mediumLargeSizeMediumTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="layered"
@@ -35,287 +60,111 @@ export default function HomePage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{
-            text: "سجل الآن",
-            href: "enrollment",
-          }}
+          button={{ text: "سجل الآن", href: "/enrollment" }}
           brandName="روافد المستقبل"
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="روافد المستقبل"
-          description="تعليم ثانوي متميز لبناء مستقبل أفضل. نوفر بيئة تعليمية آمنة وحديثة بمعايير عالمية للطلاب الطموحين."
+        <HeroCentered
+          title="مرحباً بكم في روافد المستقبل"
+          description="نحن نقدم تعليماً متميزاً يجمع بين الجودة الأكاديمية والقيم التربوية. انضم إلينا وكن جزءاً من مجتمع متعاون يسعى للتفوق."
+          background={{ variant: "plain" }}
+          avatars={[
+            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134265-79w9zmxg.jpg", alt: "شعار المدرسة" },
+          ]}
+          avatarText="موثوق من قبل الآلاف من الطلاب والعائلات"
           buttons={[
-            {
-              text: "سجل الآن",
-              href: "enrollment",
-            },
-            {
-              text: "اتصل بنا",
-              href: "contact",
-            },
+            { text: "سجل الآن", href: "/enrollment" },
+            { text: "اعرف المزيد", href: "/about" },
           ]}
           buttonAnimation="slide-up"
-          background={{
-            variant: "plain",
-          }}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898697.jpg?_wi=1"
-          imageAlt="فصل دراسي حديث"
-          mediaAnimation="blur-reveal"
-          frameStyle="card"
-          ariaLabel="قسم البطل - روافد المستقبل"
+          ariaLabel="القسم الرئيسي - مرحباً بكم"
         />
       </div>
 
-      <div id="values" data-section="values">
-        <AboutMetric
-          title="قيمنا الأساسية التي تشكل شخصية طلابنا وتوجه تعليمنا"
-          metrics={[
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="عن روافد المستقبل"
+          description="مدرسة حديثة ملتزمة بتقديم تعليم عالي الجودة يجمع بين المعايير العالمية والقيم المحلية"
+          tag="من نحن"
+          bulletPoints={[
             {
-              icon: Heart,
-              label: "الصدق",
-              value: "أساس",
+              title: "تعليم متقدم",              description: "مناهج حديثة تواكب المعايير العالمية مع التركيز على التطبيق العملي",              icon: BookOpen,
             },
             {
-              icon: Shield,
-              label: "الأمانة",
-              value: "قيمة",
+              title: "بيئة داعمة",              description: "فصول حديثة ومعلمون مختصون يعملون على تطوير كل طالب",              icon: Users,
             },
             {
-              icon: Trophy,
-              label: "التفوق",
-              value: "هدف",
+              title: "تطوير شامل",              description: "برامج إثرائية وأنشطة تطور المهارات الأكاديمية والحياتية",              icon: Lightbulb,
             },
             {
-              icon: Users,
-              label: "الاحترام",
-              value: "ثقافة",
-            },
-            {
-              icon: Star,
-              label: "التميز",
-              value: "مسار",
-            },
-            {
-              icon: Award,
-              label: "الجودة",
-              value: "معيار",
+              title: "إنجازات مميزة",              description: "طلابنا يحققون نجاحات متميزة في الامتحانات والمشاركات الخارجية",              icon: Award,
             },
           ]}
-          metricsAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-uf9opzwa.jpg"
+          imageAlt="فصل دراسي حديث"
+          imagePosition="right"
+          textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="قيم المدرسة الأساسية"
+          mediaAnimation="blur-reveal"
+          ariaLabel="قسم من نحن - معلومات عن المدرسة"
         />
       </div>
 
-      <div id="why-choose-us" data-section="why-choose-us">
-        <FeatureCardTwelve
-          title="لماذا تختار روافد المستقبل"
-          description="نحن نقدم خدمات تعليمية متميزة تجمع بين الأساليب الحديثة والقيم التقليدية"
+      <div id="features" data-section="features">
+        <FeatureCardSeven
+          title="برامجنا التعليمية"
+          description="نقدم مجموعة شاملة من البرامج المصممة لتطوير مهارات كل طالب"
+          tag="التعليم"
           features={[
             {
-              id: "quality-education",
-              label: "تعليم عالي",
-              title: "برنامج تعليمي متطور يركز على المهارات الحياتية والأكاديمية",
-              items: [
-                "منهج شامل ومحدث",
-                "تدريس تفاعلي وفعال",
-                "استخدام التكنولوجيا في التعليم",
-                "تقييم مستمر للطلاب",
-              ],
-              buttons: [
-                {
-                  text: "اعرف المزيد",
-                  href: "programs",
-                },
-              ],
+              id: 1,
+              title: "برنامج التعليم الثانوي المتقدم",              description: "مناهج حديثة تجمع بين العلوم والرياضيات واللغات مع تطبيقات عملية",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-6gppx4ei.jpg",              imageAlt: "برنامج التعليم الثانوي",              buttons: [{ text: "اعرف المزيد", href: "/programs" }],
             },
             {
-              id: "experienced-teachers",
-              label: "معلمون",
-              title: "فريق تعليمي ذو خبرة عالية في تربية الأجيال",
-              items: [
-                "معلمون مؤهلون وخبراء",
-                "تطوير مهني مستمر",
-                "رعاية شاملة للطالب",
-                "توجيه أكاديمي فردي",
-              ],
-            },
+              id: 2,
+              title: "برنامج STEM",              description: "تركيز على العلوم والتكنولوجيا والهندسة والرياضيات مع مختبرات متقدمة",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-sp2q4d3c.jpg",              imageAlt: "برنامج STEM"},
             {
-              id: "safe-environment",
-              label: "بيئة آمنة",
-              title: "مدرسة آمنة وداعمة توفر الراحة النفسية للطالب",
-              items: [
-                "مرافق حديثة وآمنة",
-                "إجراءات أمان صارمة",
-                "بيئة خالية من العنف",
-                "دعم نفسي واجتماعي",
-              ],
-            },
-            {
-              id: "student-tracking",
-              label: "متابعة دورية",
-              title: "نظام متابعة شامل لنجاح كل طالب في رحلته التعليمية",
-              items: [
-                "تقارير دورية للأهالي",
-                "اجتماعات استشارية",
-                "تقييم مستمر للأداء",
-                "خطط تطوير فردية",
-              ],
-            },
+              id: 3,
+              title: "برنامج الأنشطة الإثرائية",              description: "أنشطة متنوعة تطور المهارات الحياتية والقيادة والتعاون",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134265-79w9zmxg.jpg",              imageAlt: "الأنشطة الإثرائية"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="لماذا تختار مدرستنا"
+          ariaLabel="قسم البرامج التعليمية"
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardThirteen
-          testimonials={[
+      <div id="team" data-section="team">
+        <TeamCardFive
+          title="فريقنا التعليمي"
+          description="معلمون مختصون وذوو كفاءة عالية مكرسون لتطوير طلابنا"
+          tag="الفريق"
+          team={[
             {
-              id: "1",
-              name: "فاطمة أحمد",
-              handle: "@تقييم أولياء الأمور",
-              testimonial:
-                "استقطع ابني في روافد المستقبل ولاحظت تطوراً كبيراً في مستواه الدراسي والسلوكي. المدرسة توفر بيئة تعليمية ممتازة وآمنة.",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/father-son-learning-new-information_23-2148511210.jpg",
-              imageAlt: "فاطمة أحمد",
-            },
+              id: "1",              name: "د. أحمد العرفي",              role: "مدير المدرسة",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134265-79w9zmxg.jpg",              imageAlt: "د. أحمد العرفي - مدير المدرسة"},
             {
-              id: "2",
-              name: "محمود علي",
-              handle: "@طالب ثانوي",
-              testimonial:
-                "أنا أحب الدراسة هنا. المعلمون رائعون والمدرسة توفر جميع الأدوات التي أحتاجها لأنجح في دراستي وحياتي.",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-vector/flat-design-minimal-international-school-template_23-2149289023.jpg",
-              imageAlt: "محمود علي",
-            },
+              id: "2",              name: "أ. فاطمة المحمودي",              role: "رئيسة القسم الأكاديمي",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-uf9opzwa.jpg",              imageAlt: "أ. فاطمة المحمودي - رئيسة القسم الأكاديمي"},
             {
-              id: "3",
-              name: "ليلى محمد",
-              handle: "@والدة طالبة",
-              testimonial:
-                "ابنتي تنعم بتعليم متميز في روافد المستقبل. المتابعة المستمرة من المدرسة تجعلني مطمئنة على تطورها الأكاديمي والشخصي.",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/teacher-class-explaining-lesson_23-2148665950.jpg",
-              imageAlt: "ليلى محمد",
-            },
+              id: "3",              name: "أ. محمود السياري",              role: "مسؤول البرنامج الإثرائي",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-6gppx4ei.jpg",              imageAlt: "أ. محمود السياري - مسؤول البرنامج الإثرائي"},
             {
-              id: "4",
-              name: "عمر إبراهيم",
-              handle: "@خريج سابق",
-              testimonial:
-                "التعليم الذي تلقيته في روافد المستقبل ساعدني على تحقيق أحلامي. المدرسة مكان رائع للتعلم والنمو الشخصي.",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-girl_23-2148201838.jpg",
-              imageAlt: "عمر إبراهيم",
-            },
+              id: "4",              name: "أ. نور الدين بشير",              role: "مسؤول الشؤون الطلابية",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-sp2q4d3c.jpg",              imageAlt: "أ. نور الدين بشير - مسؤول الشؤون الطلابية"},
           ]}
-          showRating={true}
           animationType="slide-up"
-          title="ما يقول عنا الطلاب والأهالي"
-          description="شهادات حقيقية من طلابنا وأولياء أمورهم عن جودة التعليم والبيئة الآمنة"
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="تقييمات الطلاب والأهالي"
-        />
-      </div>
-
-      <div id="contact-cta" data-section="contact-cta">
-        <ContactText
-          text="هل أنت مهتم بالالتحاق بمدرستنا؟ اتصل بنا اليوم لمعرفة المزيد عن برامجنا والتسجيل."
-          animationType="entrance-slide"
-          buttons={[
-            {
-              text: "اتصل بنا الآن: +218 91-4783085",
-              href: "tel:+21891478308",
-            },
-            {
-              text: "سجل ابنك الآن",
-              href: "enrollment",
-            },
-          ]}
-          background={{
-            variant: "plain",
-          }}
-          useInvertedBackground={false}
-          ariaLabel="استدعاء للعمل - التسجيل"
+          ariaLabel="قسم الفريق التعليمي"
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterBase
+          columns={footerColumns}
           logoText="روافد المستقبل"
-          columns={[
-            {
-              title: "روابط سريعة",
-              items: [
-                {
-                  label: "الرئيسية",
-                  href: "/",
-                },
-                {
-                  label: "عن المدرسة",
-                  href: "/about",
-                },
-                {
-                  label: "البرامج",
-                  href: "programs",
-                },
-                {
-                  label: "التسجيل",
-                  href: "enrollment",
-                },
-              ],
-            },
-            {
-              title: "معلومات التواصل",
-              items: [
-                {
-                  label: "الهاتف: +218 91-4783085",
-                  href: "tel:+21891478308",
-                },
-                {
-                  label: "العنوان: شارع الخرطوم، الزاوية، ليبيا",
-                  href: "#",
-                },
-                {
-                  label: "البريد: info@rafed.ly",
-                  href: "mailto:info@rafed.ly",
-                },
-              ],
-            },
-            {
-              title: "خدماتنا",
-              items: [
-                {
-                  label: "التسجيل",
-                  href: "enrollment",
-                },
-                {
-                  label: "الملاحظات والتقييم",
-                  href: "feedback",
-                },
-                {
-                  label: "اتصل بنا",
-                  href: "contact",
-                },
-              ],
-            },
-          ]}
           copyrightText="© 2025 روافد المستقبل الحديثة للتعليم الثانوي الخاص | جميع الحقوق محفوظة"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/programs/page.tsx

@@ -20,7 +20,7 @@ export default function ProgramsPage() {
     {
       title: "روابط سريعة",      items: [
         { label: "الرئيسية", href: "/" },
-        { label: "عن المدرسة", href: "#" },
+        { label: "عن المدرسة", href: "/about" },
         { label: "البرامج", href: "/programs" },
         { label: "التسجيل", href: "/enrollment" },
       ],
@@ -72,7 +72,7 @@ export default function ProgramsPage() {
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "plain" }}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898697.jpg?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-uf9opzwa.jpg"
           imageAlt="فصل دراسي حديث"
           mediaAnimation="blur-reveal"
           frameStyle="card"
@@ -145,4 +145,4 @@ export default function ProgramsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}