Update src/app/page.tsx

Merge version_1 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-1772975000273-1pr3g0pt.jpg"
           imageAlt="فصل دراسي حديث"
           mediaAnimation="blur-reveal"
           frameStyle="card"
@@ -159,4 +159,4 @@ export default function EnrollmentPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -1,22 +1,44 @@
 "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 FooterBase from "@/components/sections/footer/FooterBase";
-import { Heart, Shield, Trophy, Users, Star, 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 +48,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 +57,87 @@ 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">
+      <div id="home-hero" data-section="home-hero">
         <HeroLogoBillboard
           logoText="روافد المستقبل"
-          description="تعليم ثانوي متميز لبناء مستقبل أفضل. نوفر بيئة تعليمية آمنة وحديثة بمعايير عالمية للطلاب الطموحين."
+          description="مدرسة حديثة متخصصة في التعليم الثانوي الخاص، نوفر بيئة تعليمية محفزة تجمع بين التميز الأكاديمي والقيم التربوية الأصيلة."
           buttons={[
-            {
-              text: "سجل الآن",
-              href: "enrollment",
-            },
-            {
-              text: "اتصل بنا",
-              href: "contact",
-            },
+            { text: "سجل الآن", href: "/enrollment" },
+            { text: "اعرف المزيد", href: "/programs" },
           ]}
           buttonAnimation="slide-up"
-          background={{
-            variant: "plain",
-          }}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-writing-business-idea_23-2148898697.jpg?_wi=1"
+          background={{ variant: "plain" }}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975000273-1pr3g0pt.jpg"
           imageAlt="فصل دراسي حديث"
           mediaAnimation="blur-reveal"
           frameStyle="card"
-          ariaLabel="قسم البطل - روافد المستقبل"
+          ariaLabel="قسم البطل الرئيسي"
         />
       </div>
 
-      <div id="values" data-section="values">
-        <AboutMetric
-          title="قيمنا الأساسية التي تشكل شخصية طلابنا وتوجه تعليمنا"
-          metrics={[
-            {
-              icon: Heart,
-              label: "الصدق",
-              value: "أساس",
-            },
-            {
-              icon: Shield,
-              label: "الأمانة",
-              value: "قيمة",
-            },
-            {
-              icon: Trophy,
-              label: "التفوق",
-              value: "هدف",
-            },
-            {
-              icon: Users,
-              label: "الاحترام",
-              value: "ثقافة",
-            },
-            {
-              icon: Star,
-              label: "التميز",
-              value: "مسار",
-            },
-            {
-              icon: Award,
-              label: "الجودة",
-              value: "معيار",
-            },
-          ]}
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
-          ariaLabel="قيم المدرسة الأساسية"
-        />
-      </div>
-
-      <div id="why-choose-us" data-section="why-choose-us">
+      <div id="home-features" data-section="home-features">
         <FeatureCardTwelve
-          title="لماذا تختار روافد المستقبل"
-          description="نحن نقدم خدمات تعليمية متميزة تجمع بين الأساليب الحديثة والقيم التقليدية"
           features={[
             {
-              id: "quality-education",
-              label: "تعليم عالي",
-              title: "برنامج تعليمي متطور يركز على المهارات الحياتية والأكاديمية",
-              items: [
-                "منهج شامل ومحدث",
-                "تدريس تفاعلي وفعال",
-                "استخدام التكنولوجيا في التعليم",
-                "تقييم مستمر للطلاب",
-              ],
-              buttons: [
-                {
-                  text: "اعرف المزيد",
-                  href: "programs",
-                },
-              ],
+              id: "academic-excellence",              label: "التميز الأكاديمي",              title: "مناهج متطورة وحديثة",              items: [
+                "مناهج تواكب المعايير العالمية",                "تدريس لغات متعددة",                "برنامج العلوم والرياضيات المتقدم",                "إعداد للامتحانات الدولية"],
+              buttons: [{ text: "اعرف المزيد", href: "/programs" }],
             },
             {
-              id: "experienced-teachers",
-              label: "معلمون",
-              title: "فريق تعليمي ذو خبرة عالية في تربية الأجيال",
-              items: [
-                "معلمون مؤهلون وخبراء",
-                "تطوير مهني مستمر",
-                "رعاية شاملة للطالب",
-                "توجيه أكاديمي فردي",
-              ],
+              id: "modern-facilities",              label: "المرافق الحديثة",              title: "بيئة تعليمية مجهزة بأحدث التقنيات",              items: [
+                "مختبرات علمية متطورة",                "مكتبة رقمية شاملة",                "قاعات متعددة الاستخدامات",                "أنظمة أمان وتحكم حديثة"],
             },
             {
-              id: "safe-environment",
-              label: "بيئة آمنة",
-              title: "مدرسة آمنة وداعمة توفر الراحة النفسية للطالب",
-              items: [
-                "مرافق حديثة وآمنة",
-                "إجراءات أمان صارمة",
-                "بيئة خالية من العنف",
-                "دعم نفسي واجتماعي",
-              ],
+              id: "student-development",              label: "تطوير الطالب",              title: "برامج شاملة لتنمية المهارات",              items: [
+                "أنشطة لاصفية متنوعة",                "برامج القيادة والتنمية",                "الإرشاد النفسي والأكاديمي",                "خدمة مجتمعية وتطوع"],
             },
             {
-              id: "student-tracking",
-              label: "متابعة دورية",
-              title: "نظام متابعة شامل لنجاح كل طالب في رحلته التعليمية",
-              items: [
-                "تقارير دورية للأهالي",
-                "اجتماعات استشارية",
-                "تقييم مستمر للأداء",
-                "خطط تطوير فردية",
-              ],
+              id: "qualified-staff",              label: "الكوادر المؤهلة",              title: "معلمون متخصصون وذوو خبرة",              items: [
+                "معلمون حاصلون على مؤهلات عليا",                "خبرات تدريسية متنوعة",                "تطوير مهني مستمر",                "اهتمام بالرعاية الشاملة للطالب"],
             },
           ]}
           animationType="slide-up"
+          title="لماذا تختار روافد المستقبل"
+          description="نحن نقدم تعليماً متميزاً يجمع بين الجودة الأكاديمية والقيم الإنسانية"
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="لماذا تختار مدرستنا"
+          ariaLabel="مميزات المدرسة"
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardThirteen
-          testimonials={[
+      <div id="home-about" data-section="home-about">
+        <FeatureCardTwelve
+          features={[
             {
-              id: "1",
-              name: "فاطمة أحمد",
-              handle: "@تقييم أولياء الأمور",
-              testimonial:
-                "استقطع ابني في روافد المستقبل ولاحظت تطوراً كبيراً في مستواه الدراسي والسلوكي. المدرسة توفر بيئة تعليمية ممتازة وآمنة.",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/father-son-learning-new-information_23-2148511210.jpg",
-              imageAlt: "فاطمة أحمد",
+              id: "school-logo",              label: "الهوية",              title: "شعار المدرسة - روافد المستقبل",              items: [
+                "تأسيس المدرسة برؤية تربوية واضحة",                "التزام بجودة التعليم والقيم",                "رسالة تربوية نبيلة",                "تطلع مستمر للتطور والتحسين"],
             },
             {
-              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: "3",
-              name: "ليلى محمد",
-              handle: "@والدة طالبة",
-              testimonial:
-                "ابنتي تنعم بتعليم متميز في روافد المستقبل. المتابعة المستمرة من المدرسة تجعلني مطمئنة على تطورها الأكاديمي والشخصي.",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/teacher-class-explaining-lesson_23-2148665950.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: "classroom-environment",              label: "البيئة الدراسية",              title: "فصول دراسية حديثة ومريحة",              items: [
+                "تصميم معماري عصري وآمن",                "إضاءة طبيعية وتهوية جيدة",                "تجهيزات تكنولوجية متقدمة",                "مساحات كافية للتعلم والأنشطة"],
             },
           ]}
-          showRating={true}
-          animationType="slide-up"
-          title="ما يقول عنا الطلاب والأهالي"
-          description="شهادات حقيقية من طلابنا وأولياء أمورهم عن جودة التعليم والبيئة الآمنة"
+          animationType="opacity"
+          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-1772975000273-1pr3g0pt.jpg"
           imageAlt="فصل دراسي حديث"
           mediaAnimation="blur-reveal"
           frameStyle="card"
@@ -145,4 +145,4 @@ export default function ProgramsPage() {
       </div>
     </ThemeProvider>
   );
-}
+}