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