From cbcac2e6af6b0826061a044ec5b1f9000cef5a7d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 10:31:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 510 +++++++++++++++++------------------------------
 1 file changed, 179 insertions(+), 331 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e28aed6..f525b34 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,346 +29,194 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Programs",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Al Bahrain Schools"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Programs", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Al Bahrain Schools"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Shaping the Future of Bahrain's Youth"
-      description="Empowering students through comprehensive secondary education excellence, innovation, and community-focused learning environments."
-      kpis={[
-        {
-          value: "25+",
-          label: "Schools Network",
-        },
-        {
-          value: "15k+",
-          label: "Active Students",
-        },
-        {
-          value: "98%",
-          label: "Success Rate",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg?_wi=1"
-      imageAlt="Bahrain school campus"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg",
-          alt: "Schoolboy waiting for the lesson",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg",
-          alt: "Girl teenager in school uniform",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg",
-          alt: "Smiley student posing for the class",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg",
-          alt: "Lifestyle portrait of young smiling woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg",
-          alt: "Student profile",
-        },
-      ]}
-      avatarText="Join 15,000+ students across Bahrain."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Innovation",
-        },
-        {
-          type: "text",
-          text: "Academic Excellence",
-        },
-        {
-          type: "text",
-          text: "Community Focus",
-        },
-        {
-          type: "text",
-          text: "Future Ready",
-        },
-        {
-          type: "text",
-          text: "Heritage Driven",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "gradient-bars" }}
+            title="Shaping the Future of Bahrain's Youth"
+            description="Empowering students through comprehensive secondary education excellence, innovation, and community-focused learning environments."
+            kpis={[
+              { value: "25+", label: "Schools Network" },
+              { value: "15k+", label: "Active Students" },
+              { value: "98%", label: "Success Rate" },
+            ]}
+            enableKpiAnimation={true}
+            imageSrc="http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg"
+            imageAlt="Bahrain school campus"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg", alt: "Schoolboy waiting for the lesson" },
+              { src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg", alt: "Girl teenager in school uniform" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg", alt: "Smiley student posing for the class" },
+              { src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg", alt: "Lifestyle portrait of young smiling woman" },
+              { src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg", alt: "Student profile" },
+            ]}
+            avatarText="Join 15,000+ students across Bahrain."
+            marqueeItems={[
+              { type: "text", text: "Innovation" },
+              { type: "text", text: "Academic Excellence" },
+              { type: "text", text: "Community Focus" },
+              { type: "text", text: "Future Ready" },
+              { type: "text", text: "Heritage Driven" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Commitment to Academic Distinction"
-      description="Providing a balanced curriculum that combines local heritage with global standards to prepare students for the demands of the 21st century."
-      metrics={[
-        {
-          value: "100%",
-          title: "Faculty Certified",
-        },
-        {
-          value: "50+",
-          title: "Advanced Programs",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-work-side-view_23-2149411512.jpg?_wi=1"
-      imageAlt="Students in classroom"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Commitment to Academic Distinction"
+            description="Providing a balanced curriculum that combines local heritage with global standards to prepare students for the demands of the 21st century."
+            metrics={[
+              { value: "100%", title: "Faculty Certified" },
+              { value: "50+", title: "Advanced Programs" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-work-side-view_23-2149411512.jpg"
+            imageAlt="Students in classroom"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "STEM Excellence",
-          description: "State-of-the-art laboratories and robotics programs.",
-          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/science-day-celebration-with-kids-learning-laboratory_23-2151808092.jpg",
-              imageAlt: "STEM lab",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/child-making-robot_23-2148863406.jpg",
-              imageAlt: "Robotics workshop",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/design-old-brick-building_23-2148252744.jpg?_wi=2",
-          imageAlt: "modern science laboratory school",
-        },
-        {
-          title: "Arts and Humanities",
-          description: "Creative expression and deep critical thinking workshops.",
-          icon: Palette,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/empty-artistic-space-studio-with-nobody-it-ready-students-attend-drawing-class-school-classroom-equipped-with-painting-canvas-drawing-professional-tools-creative-concept_482257-38986.jpg",
-              imageAlt: "Art class",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-sitting-table-studying_23-2147664200.jpg",
-              imageAlt: "Humanities project",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-work-side-view_23-2149411512.jpg?_wi=2",
-          imageAlt: "modern science laboratory school",
-        },
-        {
-          title: "Sports Development",
-          description: "Comprehensive physical training and team sports facilities.",
-          icon: Trophy,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg",
-              imageAlt: "School track",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/children-playing-basketball-field_23-2148796849.jpg",
-              imageAlt: "Basketball team",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg",
-          imageAlt: "modern science laboratory school",
-        },
-      ]}
-      title="Comprehensive Educational Programs"
-      description="Our schools offer a wide array of specialized paths designed to nurture talent and curiosity in every student."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Comprehensive Educational Programs"
+            description="Our schools offer a wide array of specialized paths designed to nurture talent and curiosity in every student."
+            features={[
+              {
+                title: "STEM Excellence",                description: "State-of-the-art laboratories and robotics programs.",                icon: Zap,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/science-day-celebration-with-kids-learning-laboratory_23-2151808092.jpg", imageAlt: "STEM lab" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/child-making-robot_23-2148863406.jpg", imageAlt: "Robotics workshop" },
+                ],
+              },
+              {
+                title: "Arts and Humanities",                description: "Creative expression and deep critical thinking workshops.",                icon: Palette,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/empty-artistic-space-studio-with-nobody-it-ready-students-attend-drawing-class-school-classroom-equipped-with-painting-canvas-drawing-professional-tools-creative-concept_482257-38986.jpg", imageAlt: "Art class" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-sitting-table-studying_23-2147664200.jpg", imageAlt: "Humanities project" },
+                ],
+              },
+              {
+                title: "Sports Development",                description: "Comprehensive physical training and team sports facilities.",                icon: Trophy,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-women-running-together_23-2149386048.jpg", imageAlt: "School track" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/children-playing-basketball-field_23-2148796849.jpg", imageAlt: "Basketball team" },
+                ],
+              },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          icon: BookOpen,
-          title: "Library Books",
-          value: "500k+",
-        },
-        {
-          id: "m2",
-          icon: GraduationCap,
-          title: "Annual Alumni",
-          value: "3k+",
-        },
-        {
-          id: "m3",
-          icon: Award,
-          title: "National Awards",
-          value: "120+",
-        },
-      ]}
-      title="Measuring Our Vision"
-      description="Data-driven insights into our educational milestones."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", icon: BookOpen, title: "Library Books", value: "500k+" },
+              { id: "m2", icon: GraduationCap, title: "Annual Alumni", value: "3k+" },
+              { id: "m3", icon: Award, title: "National Awards", value: "120+" },
+            ]}
+            title="Measuring Our Vision"
+            description="Data-driven insights into our educational milestones."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The quality of teaching and the resources provided at this institution have fundamentally shaped my career goals. Truly world-class."
-      rating={5}
-      author="Fatima Al-Hamad"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg",
-          alt: "Fatima Al-Hamad",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg",
-          alt: "Student profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg",
-          alt: "Student profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg",
-          alt: "Student profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg",
-          alt: "Student profile 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="The quality of teaching and the resources provided at this institution have fundamentally shaped my career goals. Truly world-class."
+            rating={5}
+            author="Fatima Al-Hamad"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-blonde-student-woman-with-her-backpack-goes-back-school-feels-lovely-happy_114579-77326.jpg", alt: "Fatima Al-Hamad" },
+              { src: "http://img.b2bpic.net/free-photo/schoolboy-waiting-lesson_329181-10464.jpg", alt: "Student profile 2" },
+              { src: "http://img.b2bpic.net/free-photo/girl-teenager-school-uniform_1303-25846.jpg", alt: "Student profile 3" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-student-posing-class_23-2147650754.jpg", alt: "Student profile 4" },
+              { src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-young-smiling-woman-student-office-employee-standing-street-blue_1258-205568.jpg", alt: "Student profile 5" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How to register?",
-          content: "Online portal applications open annually in August.",
-        },
-        {
-          id: "f2",
-          title: "Are there scholarships?",
-          content: "Yes, merit-based grants are available.",
-        },
-        {
-          id: "f3",
-          title: "What are the hours?",
-          content: "Classes run from 7:30 AM to 2:00 PM.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/students-talking-before-class_23-2148844751.jpg"
-      imageAlt="Counseling session"
-      title="Frequently Asked Questions"
-      description="Information for parents and students regarding admissions and school life."
-      faqsAnimation="blur-reveal"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "How to register?", content: "Online portal applications open annually in August." },
+              { id: "f2", title: "Are there scholarships?", content: "Yes, merit-based grants are available." },
+              { id: "f3", title: "What are the hours?", content: "Classes run from 7:30 AM to 2:00 PM." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/students-talking-before-class_23-2148844751.jpg"
+            imageAlt="Counseling session"
+            title="Frequently Asked Questions"
+            description="Information for parents and students regarding admissions and school life."
+            faqsAnimation="blur-reveal"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Ministry of Education",
-        "Bahrain University",
-        "Global Science Alliance",
-        "International Arts Council",
-        "Youth Empowerment Bahrain",
-      ]}
-      title="Our Proud Partners"
-      description="Collaborating with leading organizations to expand our horizons."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Ministry of Education",              "Bahrain University",              "Global Science Alliance",              "International Arts Council",              "Youth Empowerment Bahrain"]}
+            title="Our Proud Partners"
+            description="Collaborating with leading organizations to expand our horizons."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Inquiries"
-      title="Get in touch with us"
-      description="Have questions about our schools or programs? Send us a message today."
-      imageSrc="http://img.b2bpic.net/free-photo/female-teacher-with-clipboard-pointing-globe-classroom_23-2148848250.jpg"
-      imageAlt="School administration building"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Inquiries"
+            title="Get in touch with us"
+            description="Have questions about our schools or programs? Send us a message today."
+            imageSrc="http://img.b2bpic.net/free-photo/female-teacher-with-clipboard-pointing-globe-classroom_23-2148848250.jpg"
+            imageAlt="School administration building"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Admissions",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Al Bahrain Secondary Schools"
-      bottomRightText="Building the future of our nation."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Quick Links",                items: [
+                  { label: "Home", href: "#hero" },
+                  { label: "Admissions", href: "#" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "Contact Us", href: "#contact" },
+                  { label: "Privacy Policy", href: "#" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 Al Bahrain Secondary Schools"
+            bottomRightText="Building the future of our nation."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1