diff --git a/src/app/admissions/page.tsx b/src/app/admissions/page.tsx
index a57f8fd..00780ab 100644
--- a/src/app/admissions/page.tsx
+++ b/src/app/admissions/page.tsx
@@ -1,116 +1,102 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import Link from 'next/link';
-import { Mail } from 'lucide-react';
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import Link from "next/link";
+import { Mail, CheckCircle } from "lucide-react";
 
 export default function AdmissionsPage() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "About", id: "/about" },
-    { name: "Admissions", id: "/admissions" },
-    { name: "Contact", id: "/contact" }
+    { name: "About", id: "about" },
+    { name: "Programs", id: "programs" },
+    { name: "Admissions", id: "admissions" },
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
+      defaultButtonVariant="directional-hover"
       defaultTextAnimation="reveal-blur"
       borderRadius="pill"
-      contentWidth="medium"
-      sizing="mediumLarge"
-      background="fluid"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
-      headingFontWeight="normal"
+      contentWidth="smallMedium"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="INTEGOMB"
           navItems={navItems}
           button={{
-            text: "Apply Now",
-            href: "/admissions"
-          }}
+            text: "Contact Us",            href: "contact"}}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="admissions-info" data-section="admissions-info">
-        <FaqDouble
-          title="Admissions Guide"
-          description="Find answers to common questions about applying to INTEGOMB."
-          tag="FAQ"
-          faqs={[
+      <div id="admissions-about" data-section="admissions-about">
+        <TextSplitAbout
+          title="Admissions at INTEGOMB"
+          description={[
+            "Our admissions process is designed to identify students with strong academic potential, character integrity, and enthusiasm for holistic growth. We seek individuals who embody our values of Benar (Truth), Tepat (Precision), and Efektif (Effectiveness).",            "The selection process includes a rigorous entrance examination assessing mathematical reasoning, verbal comprehension, and analytical skills. Qualified candidates proceed to a structured interview evaluating communication, motivation, character strengths, and fit with our residential community.",            "We welcome applications from Malaysian students nationwide. International students are also considered. Our admissions timeline follows the national school calendar. Early application is encouraged as places are limited and highly competitive."]}
+          showBorder={true}
+          useInvertedBackground={false}
+          buttons={[
             {
-              id: "1",
-              title: "Who can apply to INTEGOMB?",
-              content: "Malaysian citizens and permanent residents aged 13-15 (Form 1) are eligible to apply. Applicants must demonstrate strong academic performance, good character, and commitment to boarding school life. Non-citizen applications may be considered on a case-by-case basis."
-            },
-            {
-              id: "2",
-              title: "What is the selection process?",
-              content: "The selection process includes: (1) Written application and transcript review, (2) Academic aptitude assessment in Mathematics and English, (3) Character and personality interview, (4) Parents' meeting (optional). Decisions are based on merit, potential, and suitability for boarding."
-            },
-            {
-              id: "3",
-              title: "When are applications open?",
-              content: "Applications typically open in September for the following academic year. The deadline is usually December. We conduct interviews in January-February with results announced by March. Early application is encouraged."
-            },
-            {
-              id: "4",
-              title: "What are the fees?",
-              content: "Annual fees include tuition, accommodation, meals, and facilities. Detailed fee schedules are available upon request. Scholarships and financial assistance are available for qualified students based on merit and need."
-            },
-            {
-              id: "5",
-              title: "What subjects are offered?",
-              content: "We offer a comprehensive SPM curriculum including Mathematics, English, Malay, Sciences (Physics, Chemistry, Biology), Islamic Studies, and electives (History, Geography, Economics, Accounting, Business Studies). Specialization options available in Upper Forms."
-            },
-            {
-              id: "6",
-              title: "Are there scholarship opportunities?",
-              content: "Yes, INTEGOMB offers merit-based scholarships, sports scholarships, and need-based financial assistance. Outstanding students in academics, sports, and co-curricular activities are encouraged to apply. Scholarship applications are reviewed separately."
-            },
-            {
-              id: "7",
-              title: "What about boarding arrangements?",
-              content: "Students live in gender-segregated boarding houses with housemasters and counselors on-site 24/7. Each house provides a supportive community environment. Rooms accommodate 2-3 students. Laundry, meals, and recreational facilities are provided."
-            },
-            {
-              id: "8",
-              title: "Can parents visit during term?",
-              content: "Yes, designated visiting days are scheduled monthly (typically one Sunday per month). Parents can also attend special events, sports days, and ceremonies. Emergency visits can be arranged if needed."
-            }
+              text: "View Admission Timeline",              href: "#contact"},
           ]}
-          faqsAnimation="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          animationType="smooth"
+          buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="contact-section" data-section="contact-section">
-        <ContactSplit
-          tag="Get in Touch"
-          tagIcon={Mail}
+      <div id="accreditation" data-section="accreditation">
+        <SocialProofOne
+          title="Recognized & Accredited"
+          description="INTEGOMB is endorsed by Malaysia's Ministry of Education and recognized by national and international education bodies."
+          tag="Official Recognition"
+          tagIcon={CheckCircle}
           tagAnimation="slide-up"
-          title="Start Your INTEGOMB Journey"
-          description="Have questions about the admissions process? Contact us or subscribe to our newsletter for updates on admission deadlines, entrance examination dates, and open house events."
-          background={{ variant: "sparkles-gradient" }}
+          textboxLayout="default"
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/detroit-flower-day_181624-21694.jpg?_wi=2"
-          imageAlt="INTEGOMB Campus"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime."
+          names={[
+            "Ministry of Education",            "SPM Examination Board",            "Quality Assurance",            "Achievement & Excellence",            "University Partnership",            "Corporate Sponsor",            "International Exchange",            "Alumni Association"]}
+          speed={40}
+          showCard={true}
+          buttons={[
+            {
+              text: "View Certifications",              href: "#"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactFaq
+          faqs={[
+            {
+              id: "1",              title: "How can I contact the admissions office?",              content:
+                "Our admissions team is available during office hours (8 AM - 5 PM, Monday to Friday). You can reach us via email at admissions@integomb.edu.my or call our main office line. Campus tours can be arranged by appointment."},
+            {
+              id: "2",              title: "What should I bring during campus visit?",              content:
+                "For campus visits, bring your identification document and any relevant academic records. Comfortable clothing is recommended as tours include walking through dormitories, classrooms, and sports facilities. Photography may be restricted in certain areas for privacy reasons."},
+            {
+              id: "3",              title: "Can I speak with current students or alumni?",              content:
+                "Yes, we encourage prospective students and parents to connect with our current students and alumni. We regularly organize open house events and can facilitate informal conversations. These interactions provide valuable firsthand insights into life at INTEGOMB."},
+          ]}
+          ctaTitle="Get in Touch"
+          ctaDescription="Have questions about INTEGOMB or ready to start your application? Reach out to our admissions team. We're here to support your journey toward educational excellence."
+          ctaButton={{
+            text: "Email Admissions",            href: "mailto:admissions@integomb.edu.my"}}
+          ctaIcon={Mail}
+          useInvertedBackground={false}
+          animationType="slide-up"
+          accordionAnimationType="smooth"
         />
       </div>
 
@@ -118,13 +104,9 @@ export default function AdmissionsPage() {
         <FooterLogoReveal
           logoText="INTEGOMB"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#privacy"
-          }}
+            text: "Privacy Policy",            href: "#"}}
           rightLink={{
-            text: "Terms of Service",
-            href: "#terms"
-          }}
+            text: "Terms of Service",            href: "#"}}
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7ae4c95..6b2685a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,374 +1,294 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
-import AboutMetric from "@/components/sections/about/AboutMetric";
-import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import Link from "next/link";
 import {
-  Sparkles,
   Award,
-  Users,
-  Globe,
-  TrendingUp,
-  Mail,
-  Trophy,
   Star,
+  TrendingUp,
+  Users,
+  Sparkles,
+  Heart,
+  CheckCircle,
+  HelpCircle,
 } from "lucide-react";
 
 export default function HomePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "about" },
+    { name: "Programs", id: "programs" },
+    { name: "Admissions", id: "admissions" },
+  ];
+
   return (
     <ThemeProvider
-      defaultButtonVariant="shift-hover"
+      defaultButtonVariant="directional-hover"
       defaultTextAnimation="reveal-blur"
       borderRadius="pill"
-      contentWidth="medium"
-      sizing="mediumLarge"
-      background="fluid"
-      cardStyle="subtle-shadow"
-      primaryButtonStyle="flat"
-      secondaryButtonStyle="layered"
-      headingFontWeight="normal"
+      contentWidth="smallMedium"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
-      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           brandName="INTEGOMB"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Admissions", id: "/admissions" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          button={{ text: "Apply Now", href: "/admissions" }}
+          navItems={navItems}
+          button={{
+            text: "Contact Us",            href: "/contact"}}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Hero Section */}
-      <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
-          tag="Malaysia's Elite Boarding School"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          title="Excellence in Education, Benar, Tepat, Efektif"
-          description="SBP Integrasi Gombak stands as one of Malaysia's premier fully residential boarding schools, consistently achieving top rankings in SPM examinations. We nurture holistic development through academic rigor, character building, and community engagement."
-          background={{ variant: "plain" }}
-          mediaItems={[
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19432.jpg",
-              imageAlt: "INTEGOMB Main Campus Building",
-            },
-            {
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-professor-work-educational-system_23-2151737311.jpg",
-              imageAlt: "Student Activities and Engagement",
-            },
-          ]}
-          rating={5}
-          ratingText="Top Performing Malaysian School"
-          buttons={[
-            { text: "Explore Our Story", href: "/about" },
-            { text: "Start Admissions", href: "/admissions" },
-          ]}
-          buttonAnimation="slide-up"
-          mediaAnimation="slide-up"
-        />
-      </div>
+      <main className="min-h-screen">
+        <div id="hero" data-section="hero" className="mx-auto px-4 md:px-6">
+          <HeroBillboardGallery
+            title="Excellence in Education, Character, and Leadership"
+            description="Discover INTEGOMB—Malaysia's premier residential boarding school, consistently ranked among the nation's top performers in SPM examinations. We cultivate exceptional scholars with strong values rooted in Benar, Tepat, Efektif (True, Accurate, Effective)."
+            tag="SBP Integrasi Gombak"
+            tagIcon={Award}
+            tagAnimation="slide-up"
+            background={{
+              variant: "plain"}}
+            mediaItems={[
+              {
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/territory-college-with-green-trees_23-2147659200.jpg",                imageAlt: "INTEGOMB prestigious campus aerial view"},
+              {
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/people-seated-circle-yoga-class_53876-41462.jpg",                imageAlt: "Diverse students engaged in collaborative learning"},
+              {
+                imageSrc:
+                  "http://img.b2bpic.net/free-vector/quality-labels-badges-set-chalkboard_98292-6692.jpg",                imageAlt: "Excellence and achievement recognition"},
+            ]}
+            mediaAnimation="slide-up"
+            buttons={[
+              {
+                text: "Explore Admissions",                href: "/admissions"},
+              {
+                text: "Learn More",                href: "#about"},
+            ]}
+            buttonAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-      {/* About & Metrics Section */}
-      <div id="about" data-section="about">
-        <AboutMetric
-          title="SBP Integrasi Gombak has been transforming lives through quality education since establishment, serving as a beacon of excellence for Malaysian youth pursuing outstanding academic and personal development."
-          metrics={[
-            { icon: Award, label: "SPM Excellence", value: "Top 5" },
-            { icon: Users, label: "Student Community", value: "1,200+" },
-            { icon: Globe, label: "Years of Service", value: "20+" },
-            {
-              icon: TrendingUp,
-              label: "University Placements",
-              value: "95%",
-            },
-          ]}
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
+        <div id="about" data-section="about" className="mx-auto px-4 md:px-6 py-20">
+          <TextSplitAbout
+            title="About INTEGOMB"
+            description={[
+              "SBP Integrasi Gombak (INTEGOMB) is a fully residential boarding school under Malaysia's Ministry of Education, located in Gombak, Selangor. Established with a mission to nurture academic excellence and character development, INTEGOMB has consistently achieved distinction in national examinations, producing leaders and scholars who contribute meaningfully to society.",              "Our boarding model fosters holistic development through rigorous academics, extensive co-curricular programs, pastoral care, and a vibrant residential community. Every student benefits from comprehensive support systems—academic tutoring, mentorship, wellness services, and cultural activities—designed to unlock their full potential.",              "Guided by our core values of Benar (Truth), Tepat (Precision), and Efektif (Effectiveness), we prepare students not just for examinations, but for meaningful careers and purposeful leadership in a rapidly changing world."]}
+            showBorder={true}
+            useInvertedBackground={false}
+            buttons={[
+              {
+                text: "View Our History",                href: "#features"},
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-      {/* Academic Excellence & Features Section */}
-      <div id="features" data-section="features">
-        <FeatureCardTwelve
-          title="Academic Excellence & Comprehensive Development"
-          description="Our integrated approach combines rigorous academic standards with character development, ensuring students thrive in all dimensions."
-          tag="Core Pillars"
-          features={[
-            {
-              id: "academics",
-              label: "Academics",
-              title: "Advanced Curriculum & Expert Teaching",
-              items: [
-                "SPM-focused rigorous program",
-                "Advanced subject specialization",
-                "Expert faculty with proven track record",
-                "Interactive learning methodology",
-              ],
-              buttons: [{ text: "Learn More", href: "/about" }],
-            },
-            {
-              id: "boarding",
-              label: "Boarding",
-              title: "Safe, Supportive Residential Environment",
-              items: [
-                "Secure modern facilities",
-                "24/7 pastoral care support",
-                "Community living experience",
-                "Character building activities",
-              ],
-            },
-            {
-              id: "enrichment",
-              label: "Enrichment",
-              title: "Holistic Development Programs",
-              items: [
-                "Sports and athletics programs",
-                "Cultural and arts activities",
-                "Leadership training",
-                "Community service initiatives",
-              ],
-            },
-          ]}
-          animationType="blur-reveal"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
+        <div id="features" data-section="features" className="mx-auto px-4 md:px-6 py-20">
+          <FeatureCardEight
+            title="Why Choose INTEGOMB"
+            description="Comprehensive excellence across four key pillars that define our commitment to student success and development."
+            tag="Core Strengths"
+            tagIcon={Star}
+            tagAnimation="slide-up"
+            features={[
+              {
+                id: 1,
+                title: "Academic Excellence",                description:
+                  "Cutting-edge curriculum delivered by highly qualified educators, with consistent top SPM performance and pathway to local and international tertiary education.",                imageSrc:
+                  "http://img.b2bpic.net/free-vector/flat-university-concept_23-2148183645.jpg",                imageAlt: "Modern academic facilities and learning environment"},
+              {
+                id: 2,
+                title: "World-Class Facilities",                description:
+                  "State-of-the-art laboratories, libraries, sports complexes, and comfortable residential quarters that support every aspect of student wellbeing and development.",                imageSrc:
+                  "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708003.jpg",                imageAlt: "Residential and recreational facilities"},
+              {
+                id: 3,
+                title: "Vibrant Culture",                description:
+                  "Rich co-curricular programs spanning sports, arts, sciences, and leadership development—fostering creativity, teamwork, and lifelong passions beyond the classroom.",                imageSrc:
+                  "http://img.b2bpic.net/free-photo/group-teenagers-cute-cheerleader-uniform_23-2149111079.jpg",                imageAlt: "Cultural activities and student engagement"},
+              {
+                id: 4,
+                title: "Personalized Support",                description:
+                  "Dedicated pastoral care, academic mentorship, and counseling services ensure every student's emotional, social, and intellectual needs are met throughout their journey.",                imageSrc:
+                  "http://img.b2bpic.net/free-photo/girl-having-fun-with-her-father-s-guitar_23-2147624695.jpg",                imageAlt: "Mentorship and student support services"},
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+            buttons={[
+              {
+                text: "Discover Programs",                href: "#programs"},
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-      {/* Facilities Section */}
-      <div id="facilities" data-section="facilities">
-        <ProductCardTwo
-          title="World-Class Facilities"
-          description="Our campus is equipped with state-of-the-art facilities designed to support comprehensive student development and comfort."
-          tag="Infrastructure"
-          products={[
-            {
-              id: "1",
-              brand: "Academic",
-              name: "Modern Classrooms & Science Labs",
-              price: "Advanced Technology",
-              rating: 5,
-              reviewCount: "Students Benefit",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/focused-male-adult-student-doing-research-library_74855-1903.jpg",
-              imageAlt: "Modern classrooms with technology",
-            },
-            {
-              id: "2",
-              brand: "Sports",
-              name: "Championship Sports Complex",
-              price: "Multiple Venues",
-              rating: 5,
-              reviewCount: "Active Athletes",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room_74190-4502.jpg",
-              imageAlt: "Sports complex and facilities",
-            },
-            {
-              id: "3",
-              brand: "Accommodation",
-              name: "Comfortable Boarding Houses",
-              price: "Home Away from Home",
-              rating: 5,
-              reviewCount: "Safe & Secure",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598858.jpg",
-              imageAlt: "Student boarding accommodation",
-            },
-            {
-              id: "4",
-              brand: "Library",
-              name: "Resource & Learning Center",
-              price: "Extensive Collections",
-              rating: 5,
-              reviewCount: "Digital Resources",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/brunette-girl-holding-notepads-cup-sitting_23-2147657293.jpg",
-              imageAlt: "Modern library and learning center",
-            },
-          ]}
-          gridVariant="bento-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
+        <div id="metrics" data-section="metrics" className="mx-auto px-4 md:px-6 py-20">
+          <MetricCardOne
+            title="Proven Track Record of Excellence"
+            description="Quantified achievements that reflect INTEGOMB's commitment to academic and holistic excellence."
+            tag="Our Impact"
+            tagIcon={TrendingUp}
+            tagAnimation="slide-up"
+            metrics={[
+              {
+                id: "1",                value: "95",                title: "%",                description: "Average Pass Rate in SPM Examinations",                icon: TrendingUp,
+              },
+              {
+                id: "2",                value: "500",                title: "+",                description: "Active Student Population",                icon: Users,
+              },
+              {
+                id: "3",                value: "50",                title: "+",                description: "Co-Curricular Programs & Clubs",                icon: Sparkles,
+              },
+              {
+                id: "4",                value: "2500",                title: "+",                description: "Alumni in Professional Careers",                icon: Award,
+              },
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            buttons={[
+              {
+                text: "Read Success Stories",                href: "#testimonials"},
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-      {/* Student Achievements Section */}
-      <div id="achievements" data-section="achievements">
-        <MetricCardOne
-          title="Student Achievements & Recognition"
-          description="Year after year, our students demonstrate excellence across academic, sporting, and co-curricular domains."
-          tag="Pride"
-          metrics={[
-            {
-              id: "1",
-              value: "98",
-              title: "Percent",
-              description: "SPM Pass Rate",
-              icon: TrendingUp,
-            },
-            {
-              id: "2",
-              value: "850",
-              title: "Plus",
-              description: "University Scholarships Awarded",
-              icon: Award,
-            },
-            {
-              id: "3",
-              value: "45",
-              title: "Teams",
-              description: "Interschool Champions",
-              icon: Trophy,
-            },
-            {
-              id: "4",
-              value: "2024",
-              title: "Year",
-              description: "Ranked Top 3 Nationally",
-              icon: Star,
-            },
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
+        <div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6 py-20">
+          <TestimonialCardOne
+            title="What Our Community Says"
+            description="Authentic voices from students, parents, alumni, and staff who have experienced INTEGOMB's transformative impact firsthand."
+            tag="Testimonials"
+            tagIcon={Heart}
+            tagAnimation="slide-up"
+            testimonials={[
+              {
+                id: "1",                name: "Nur Aida Zahra",                role: "SPM 2024 Graduate",                company: "INTEGOMB Student",                rating: 5,
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/asian-boy-using-laptop-table-come-back-shcool_1150-14639.jpg",                imageAlt: "Nur Aida Zahra student portrait"},
+              {
+                id: "2",                name: "Fatimah Mohamed",                role: "Parent",                company: "Guardian",                rating: 5,
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/cheerful-students-standing-outdoors_171337-11815.jpg",                imageAlt: "Parent testimonial portrait"},
+              {
+                id: "3",                name: "Dr. Karim Hassan",                role: "Class of 2015",                company: "Petroleum Engineer",                rating: 5,
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",                imageAlt: "Alumni success story portrait"},
+              {
+                id: "4",                name: "Puan Siti Raveena",                role: "Physics Educator",                company: "INTEGOMB Staff",                rating: 5,
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149636284.jpg",                imageAlt: "Staff testimonial portrait"},
+              {
+                id: "5",                name: "Muhammad Rizwan",                role: "SPM 2024 Graduate",                company: "Top Scorer",                rating: 5,
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/young-lady-showing-size-sign-hoodie-sweater-looking-anxious_176474-102707.jpg",                imageAlt: "High achiever student portrait"},
+              {
+                id: "6",                name: "Yasmin Lee Wei",                role: "Current Boarder",                company: "Form 4 Student",                rating: 5,
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/smiling-students-studying-outdoors_171337-11739.jpg",                imageAlt: "Current student testimonial portrait"},
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            buttons={[
+              {
+                text: "More Alumni Stories",                href: "#"},
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-      {/* Testimonials Section */}
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive
-          title="Voices of Our Community"
-          description="Hear from students, parents, and alumni who have experienced the INTEGOMB difference."
-          tag="Success Stories"
-          testimonials={[
-            {
-              id: "1",
-              name: "Ahmad Rizal, Class of 2024, University of Malaya",
-              date: "Date: March 2024",
-              title: "Transformed My Future",
-              quote:
-                "INTEGOMB gave me more than just academic excellence. The supportive environment, dedicated teachers, and world-class facilities helped me achieve my dreams. I'm now studying Medicine at UM.",
-              tag: "Alumni",
-              avatarSrc:
-                "http://img.b2bpic.net/free-photo/young-female-colorful-sweatshirt-standing-with-crossed-arms-looking-offended-front-view_176474-44691.jpg",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/young-lady-academic-dress-pointing-aside-looking-joyful_176474-82274.jpg?_wi=1",
-            },
-            {
-              id: "2",
-              name: "Siti Nurazura, Parent, Selangor",
-              date: "Date: February 2024",
-              title: "My Child Flourished Here",
-              quote:
-                "As a parent, I was concerned about boarding school, but INTEGOMB's pastoral care and transparent communication put my mind at ease. My daughter has grown confident and achieved excellent results.",
-              tag: "Parent",
-              avatarSrc:
-                "http://img.b2bpic.net/free-photo/pretty-asian-woman_1098-20837.jpg",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-markers-rainbow-colors_23-2148457251.jpg",
-            },
-            {
-              id: "3",
-              name: "Dr. Mohd Faizal, Staff Member, 15 years",
-              date: "Date: January 2024",
-              title: "A Place of True Excellence",
-              quote:
-                "Working at INTEGOMB has been rewarding. The institution's commitment to student welfare and academic standards is unwavering. We take pride in developing well-rounded individuals.",
-              tag: "Faculty",
-              avatarSrc:
-                "http://img.b2bpic.net/free-photo/young-handsome-man-office-center_1303-19604.jpg",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/concentrated-young-people-reading-information-from-laptop_74855-4102.jpg?_wi=1",
-            },
-            {
-              id: "4",
-              name: "Priya Patel, Class of 2023, Engineering Scholar",
-              date: "Date: December 2023",
-              title: "Excellence Beyond Classroom",
-              quote:
-                "The holistic approach at INTEGOMB shaped my character. Co-curricular programs developed leadership skills that I use today as an engineering scholar at NUS.",
-              tag: "Alumni",
-              avatarSrc:
-                "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-biologist-researcher-doctor-holding-microscope-slide-with-green-leaf-sample-discovering-genetically-modified-plants-biological-experiment-chemist-working-biochemistry-laboratory_482257-16253.jpg",
-            },
-            {
-              id: "5",
-              name: "Tan Wei Ming, Class of 2024, Medicine Student",
-              date: "Date: November 2023",
-              title: "Dream Realized at INTEGOMB",
-              quote:
-                "The rigorous academic program and supportive mentors helped me achieve straight A's in SPM. Now pursuing medicine, I'm grateful for INTEGOMB's foundation.",
-              tag: "Alumni",
-              avatarSrc:
-                "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/female-scientist-teaching-young-girls-chemistry-experiments_23-2148571262.jpg",
-            },
-            {
-              id: "6",
-              name: "Nurul Aini, Parent, Kuala Lumpur",
-              date: "Date: October 2023",
-              title: "Investment in Future",
-              quote:
-                "INTEGOMB is worth every investment. The character development, safety protocols, and academic rigor ensure our children are prepared for life beyond school.",
-              tag: "Parent",
-              avatarSrc:
-                "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-parents-working-remotely_23-2150171984.jpg?_wi=1",
-            },
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
+        <div id="social-proof" data-section="social-proof" className="mx-auto px-4 md:px-6 py-20">
+          <SocialProofOne
+            title="Recognized & Accredited"
+            description="INTEGOMB is endorsed by Malaysia's Ministry of Education and recognized by national and international education bodies."
+            tag="Official Recognition"
+            tagIcon={CheckCircle}
+            tagAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Ministry of Education",              "SPM Examination Board",              "Quality Assurance",              "Achievement & Excellence",              "University Partnership",              "Corporate Sponsor",              "International Exchange",              "Alumni Association"]}
+            speed={40}
+            showCard={true}
+            buttons={[
+              {
+                text: "View Certifications",                href: "#"},
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-      {/* Contact & Newsletter Section */}
-      <div id="contact-section" data-section="contact-section">
-        <ContactSplit
-          tag="Get in Touch"
-          tagIcon={Mail}
-          tagAnimation="slide-up"
-          title="Stay Connected With INTEGOMB"
-          description="Subscribe to our newsletter for updates on admissions, events, and student achievements. Contact us for inquiries about school programs and facilities."
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/detroit-flower-day_181624-21694.jpg?_wi=1"
-          imageAlt="INTEGOMB Campus"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Enter your email"
-          buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime."
-        />
-      </div>
+        <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6 py-20">
+          <FaqSplitMedia
+            title="Frequently Asked Questions"
+            description="Get answers to common questions about admissions, programs, boarding life, and campus facilities."
+            tag="Information"
+            tagIcon={HelpCircle}
+            tagAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-studying-listening-music-headphones-thinking-while-working-digital-tablet_1258-200171.jpg"
+            imageAlt="Student support and help center illustration"
+            mediaAnimation="slide-up"
+            mediaPosition="left"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqsAnimation="slide-up"
+            faqs={[
+              {
+                id: "1",                title: "What is the admission process for INTEGOMB?",                content:
+                  "Admission to INTEGOMB is highly competitive and based on merit. Prospective students must sit for the selection examination, followed by interviews. Applications are typically accepted during the official enrollment period published by the Ministry of Education. Successful candidates will receive placement offers based on academic performance, interview assessment, and character evaluation."},
+              {
+                id: "2",                title: "What academic programs are offered?",                content:
+                  "INTEGOMB offers a comprehensive SPM curriculum covering Science, Mathematics, Languages (Malay, English, Arabic), and Humanities streams. Our curriculum follows the national syllabus with enhanced enrichment programs, including STEM initiatives, language proficiency certifications, and leadership development modules. We also provide university preparation counseling for local and international higher education pathways."},
+              {
+                id: "3",                title: "What is boarding life like at INTEGOMB?",                content:
+                  "Students reside in comfortable, well-supervised dormitories that foster community and personal development. Each dormitory has dedicated resident mentors and support staff. Boarding facilities include study areas, recreational spaces, and 24/7 security. We maintain a structured daily routine balancing academics, co-curricular activities, and personal time. Regular health and wellness checks ensure student wellbeing throughout their stay."},
+              {
+                id: "4",                title: "Are there co-curricular activities available?",                content:
+                  "INTEGOMB offers over 50 co-curricular clubs and activities spanning sports, arts, sciences, and leadership programs. These include sports teams (football, netball, badminton, swimming), cultural clubs (traditional and modern dance, debate, drama), academic societies (robotics, entrepreneurship, environmental club), and community service initiatives. Participation is encouraged to develop well-rounded leaders."},
+              {
+                id: "5",                title: "What support services are provided to students?",                content:
+                  "INTEGOMB provides comprehensive support including academic tutoring, one-on-one mentorship, career counseling, psychological counseling, health services, and dietary support accommodating various needs. We also offer spiritual guidance, study skills workshops, and transition programs to ensure every student feels supported in their academic and personal journey."},
+              {
+                id: "6",                title: "What are the application deadlines and fees?",                content:
+                  "Application deadlines follow the national school calendar as set by the Ministry of Education. INTEGOMB, as a government-funded residential school, provides heavily subsidized boarding and educational services. For specific fee structures, payment schedules, and application timelines, please visit our admissions page or contact our admissions office directly via email or phone."},
+            ]}
+            buttons={[
+              {
+                text: "Contact Admissions",                href: "/contact"},
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
+      </main>
 
-      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterLogoReveal
           logoText="INTEGOMB"
-          leftLink={{ text: "Privacy Policy", href: "#privacy" }}
-          rightLink={{ text: "Terms of Service", href: "#terms" }}
+          leftLink={{
+            text: "Privacy Policy",            href: "#"}}
+          rightLink={{
+            text: "Terms of Service",            href: "#"}}
         />
       </div>
     </ThemeProvider>
diff --git a/src/app/programs/page.tsx b/src/app/programs/page.tsx
new file mode 100644
index 0000000..4f107cb
--- /dev/null
+++ b/src/app/programs/page.tsx
@@ -0,0 +1,168 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
+import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import Link from "next/link";
+import { Award, TrendingUp, Users, Sparkles, HelpCircle } from "lucide-react";
+
+export default function ProgramsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "About", id: "about" },
+    { name: "Programs", id: "programs" },
+    { name: "Admissions", id: "admissions" },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumSizeLargeTitles"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="INTEGOMB"
+          navItems={navItems}
+          button={{
+            text: "Contact Us",            href: "contact"}}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="features" data-section="features">
+        <FeatureCardEight
+          features={[
+            {
+              id: 1,
+              title: "Academic Excellence",              description:
+                "Cutting-edge curriculum delivered by highly qualified educators, with consistent top SPM performance and pathway to local and international tertiary education.",              imageSrc:
+                "http://img.b2bpic.net/free-vector/flat-university-concept_23-2148183645.jpg",              imageAlt: "Modern academic facilities and learning environment"},
+            {
+              id: 2,
+              title: "World-Class Facilities",              description:
+                "State-of-the-art laboratories, libraries, sports complexes, and comfortable residential quarters that support every aspect of student wellbeing and development.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149708003.jpg",              imageAlt: "Residential and recreational facilities"},
+            {
+              id: 3,
+              title: "Vibrant Culture",              description:
+                "Rich co-curricular programs spanning sports, arts, sciences, and leadership development—fostering creativity, teamwork, and lifelong passions beyond the classroom.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/group-teenagers-cute-cheerleader-uniform_23-2149111079.jpg",              imageAlt: "Cultural activities and student engagement"},
+            {
+              id: 4,
+              title: "Personalized Support",              description:
+                "Dedicated pastoral care, academic mentorship, and counseling services ensure every student's emotional, social, and intellectual needs are met throughout their journey.",              imageSrc:
+                "http://img.b2bpic.net/free-photo/girl-having-fun-with-her-father-s-guitar_23-2147624695.jpg",              imageAlt: "Mentorship and student support services"},
+          ]}
+          title="Why Choose INTEGOMB"
+          description="Comprehensive excellence across four key pillars that define our commitment to student success and development."
+          tag="Core Strengths"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[
+            {
+              text: "Discover Programs",              href: "programs"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          metrics={[
+            {
+              id: "1",              value: "95",              title: "%",              description: "Average Pass Rate in SPM Examinations",              icon: TrendingUp,
+            },
+            {
+              id: "2",              value: "500",              title: "+",              description: "Active Student Population",              icon: Users,
+            },
+            {
+              id: "3",              value: "50",              title: "+",              description: "Co-Curricular Programs & Clubs",              icon: Sparkles,
+            },
+            {
+              id: "4",              value: "2500",              title: "+",              description: "Alumni in Professional Careers",              icon: Award,
+            },
+          ]}
+          title="Proven Track Record of Excellence"
+          description="Quantified achievements that reflect INTEGOMB's commitment to academic and holistic excellence."
+          tag="Our Impact"
+          tagIcon={TrendingUp}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          buttons={[
+            {
+              text: "Read Success Stories",              href: "#testimonials"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqSplitMedia
+          faqs={[
+            {
+              id: "1",              title: "What is the admission process for INTEGOMB?",              content:
+                "Admission to INTEGOMB is highly competitive and based on merit. Prospective students must sit for the selection examination, followed by interviews. Applications are typically accepted during the official enrollment period published by the Ministry of Education. Successful candidates will receive placement offers based on academic performance, interview assessment, and character evaluation."},
+            {
+              id: "2",              title: "What academic programs are offered?",              content:
+                "INTEGOMB offers a comprehensive SPM curriculum covering Science, Mathematics, Languages (Malay, English, Arabic), and Humanities streams. Our curriculum follows the national syllabus with enhanced enrichment programs, including STEM initiatives, language proficiency certifications, and leadership development modules. We also provide university preparation counseling for local and international higher education pathways."},
+            {
+              id: "3",              title: "What is boarding life like at INTEGOMB?",              content:
+                "Students reside in comfortable, well-supervised dormitories that foster community and personal development. Each dormitory has dedicated resident mentors and support staff. Boarding facilities include study areas, recreational spaces, and 24/7 security. We maintain a structured daily routine balancing academics, co-curricular activities, and personal time. Regular health and wellness checks ensure student wellbeing throughout their stay."},
+            {
+              id: "4",              title: "Are there co-curricular activities available?",              content:
+                "INTEGOMB offers over 50 co-curricular clubs and activities spanning sports, arts, sciences, and leadership programs. These include sports teams (football, netball, badminton, swimming), cultural clubs (traditional and modern dance, debate, drama), academic societies (robotics, entrepreneurship, environmental club), and community service initiatives. Participation is encouraged to develop well-rounded leaders."},
+            {
+              id: "5",              title: "What support services are provided to students?",              content:
+                "INTEGOMB provides comprehensive support including academic tutoring, one-on-one mentorship, career counseling, psychological counseling, health services, and dietary support accommodating various needs. We also offer spiritual guidance, study skills workshops, and transition programs to ensure every student feels supported in their academic and personal journey."},
+            {
+              id: "6",              title: "What are the application deadlines and fees?",              content:
+                "Application deadlines follow the national school calendar as set by the Ministry of Education. INTEGOMB, as a government-funded residential school, provides heavily subsidized boarding and educational services. For specific fee structures, payment schedules, and application timelines, please visit our admissions page or contact our admissions office directly via email or phone."},
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-studying-listening-music-headphones-thinking-while-working-digital-tablet_1258-200171.jpg"
+          imageAlt="frequently asked questions help support illustration"
+          mediaAnimation="slide-up"
+          mediaPosition="left"
+          title="Frequently Asked Questions"
+          description="Get answers to common questions about admissions, programs, boarding life, and campus facilities."
+          tag="Information"
+          tagIcon={HelpCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          faqsAnimation="slide-up"
+          buttons={[
+            {
+              text: "Contact Admissions",              href: "contact"},
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="INTEGOMB"
+          leftLink={{
+            text: "Privacy Policy",            href: "#"}}
+          rightLink={{
+            text: "Terms of Service",            href: "#"}}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file