Update src/app/layout.tsx

src/app/enrollment/page.tsx

@@ -73,7 +73,7 @@ export default function EnrollmentPage() {
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "plain" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975000273-1pr3g0pt.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-uf9opzwa.jpg"
           imageAlt="فصل دراسي حديث"
           mediaAnimation="blur-reveal"
           frameStyle="card"

src/app/page.tsx

@@ -3,9 +3,12 @@
 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 FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
+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 { BookOpen, Users, Lightbulb, Award } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
@@ -62,72 +65,96 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="home-hero" data-section="home-hero">
-        <HeroLogoBillboard
-          logoText="روافد المستقبل"
-          description="مدرسة حديثة متخصصة في التعليم الثانوي الخاص، نوفر بيئة تعليمية محفزة تجمع بين التميز الأكاديمي والقيم التربوية الأصيلة."
+      <div id="hero" data-section="hero">
+        <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: "/programs" },
+            { text: "اعرف المزيد", href: "/about" },
           ]}
           buttonAnimation="slide-up"
-          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="home-features" data-section="home-features">
-        <FeatureCardTwelve
+      <div id="about" data-section="about">
+        <SplitAbout
+          title="عن روافد المستقبل"
+          description="مدرسة حديثة ملتزمة بتقديم تعليم عالي الجودة يجمع بين المعايير العالمية والقيم المحلية"
+          tag="من نحن"
+          bulletPoints={[
+            {
+              title: "تعليم متقدم",              description: "مناهج حديثة تواكب المعايير العالمية مع التركيز على التطبيق العملي",              icon: BookOpen,
+            },
+            {
+              title: "بيئة داعمة",              description: "فصول حديثة ومعلمون مختصون يعملون على تطوير كل طالب",              icon: Users,
+            },
+            {
+              title: "تطوير شامل",              description: "برامج إثرائية وأنشطة تطور المهارات الأكاديمية والحياتية",              icon: Lightbulb,
+            },
+            {
+              title: "إنجازات مميزة",              description: "طلابنا يحققون نجاحات متميزة في الامتحانات والمشاركات الخارجية",              icon: Award,
+            },
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-uf9opzwa.jpg"
+          imageAlt="فصل دراسي حديث"
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaAnimation="blur-reveal"
+          ariaLabel="قسم من نحن - معلومات عن المدرسة"
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardSeven
+          title="برامجنا التعليمية"
+          description="نقدم مجموعة شاملة من البرامج المصممة لتطوير مهارات كل طالب"
+          tag="التعليم"
           features={[
             {
-              id: "academic-excellence",              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: "modern-facilities",              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: "student-development",              label: "تطوير الطالب",              title: "برامج شاملة لتنمية المهارات",              items: [
-                "أنشطة لاصفية متنوعة",                "برامج القيادة والتنمية",                "الإرشاد النفسي والأكاديمي",                "خدمة مجتمعية وتطوع"],
-            },
-            {
-              id: "qualified-staff",              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"
-          title="لماذا تختار روافد المستقبل"
-          description="نحن نقدم تعليماً متميزاً يجمع بين الجودة الأكاديمية والقيم الإنسانية"
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="مميزات المدرسة"
+          ariaLabel="قسم البرامج التعليمية"
         />
       </div>
 
-      <div id="home-about" data-section="home-about">
-        <FeatureCardTwelve
-          features={[
+      <div id="team" data-section="team">
+        <TeamCardFive
+          title="فريقنا التعليمي"
+          description="معلمون مختصون وذوو كفاءة عالية مكرسون لتطوير طلابنا"
+          tag="الفريق"
+          team={[
             {
-              id: "school-logo",              label: "الهوية",              title: "شعار المدرسة - روافد المستقبل",              items: [
-                "تأسيس المدرسة برؤية تربوية واضحة",                "التزام بجودة التعليم والقيم",                "رسالة تربوية نبيلة",                "تطلع مستمر للتطور والتحسين"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975000273-ftf7nxiu.jpg"},
+              id: "1",              name: "د. أحمد العرفي",              role: "مدير المدرسة",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134265-79w9zmxg.jpg",              imageAlt: "د. أحمد العرفي - مدير المدرسة"},
             {
-              id: "classroom-environment",              label: "البيئة الدراسية",              title: "فصول دراسية حديثة ومريحة",              items: [
-                "تصميم معماري عصري وآمن",                "إضاءة طبيعية وتهوية جيدة",                "تجهيزات تكنولوجية متقدمة",                "مساحات كافية للتعلم والأنشطة"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975000273-m3k3v755.jpg"},
+              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: "أ. محمود السياري",              role: "مسؤول البرنامج الإثرائي",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-6gppx4ei.jpg",              imageAlt: "أ. محمود السياري - مسؤول البرنامج الإثرائي"},
+            {
+              id: "4",              name: "أ. نور الدين بشير",              role: "مسؤول الشؤون الطلابية",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-sp2q4d3c.jpg",              imageAlt: "أ. نور الدين بشير - مسؤول الشؤون الطلابية"},
           ]}
-          animationType="opacity"
-          title="عن روافد المستقبل"
-          description="تعرف على المدرسة وبيئتها التعليمية المتميزة"
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="معلومات عن المدرسة"
+          ariaLabel="قسم الفريق التعليمي"
         />
       </div>
 

src/app/programs/page.tsx

@@ -72,7 +72,7 @@ export default function ProgramsPage() {
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "plain" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975000273-1pr3g0pt.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AfBcfM1AmyIJP3VaVGDo82bpb0/uploaded-1772975134266-uf9opzwa.jpg"
           imageAlt="فصل دراسي حديث"
           mediaAnimation="blur-reveal"
           frameStyle="card"