diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 64a4262..e83ab37 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { HeartPulse, Users, Award } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -23,151 +22,27 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Departments",
-          id: "/departments",
-        },
-        {
-          name: "Doctors",
-          id: "/doctors",
-        },
-        {
-          name: "Book Appointment",
-          id: "/appointment",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Himchan Hospital"
-    />
-  </div>
-
-  <div id="about-main" data-section="about-main">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Our Mission"
-      description="Established with a vision to provide world-class healthcare, Himchan Hospital combines advanced technology with a human touch to ensure the best outcomes for every patient."
-      bulletPoints={[
-        {
-          title: "Compassionate Care",
-          description: "Patients come first in everything we do.",
-        },
-        {
-          title: "Advanced Tech",
-          description: "Equipped with state-of-the-art diagnostic facilities.",
-        },
-        {
-          title: "Expert Team",
-          description: "Highly qualified specialists dedicated to your health.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=2"
-      mediaAnimation="slide-up"
-      videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=3"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Values"
-      description="Integrity, Excellence, and Care."
-      features={[
-        {
-          title: "Patient Centric",
-          description: "Focusing on your recovery",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=7",
-        },
-        {
-          title: "Innovation",
-          description: "Modern technology integration",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=4",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Growth"
-      description="Growing to serve you better."
-      metrics={[
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Support",
-          description: "Always available",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=8",
-        },
-        {
-          id: "m4",
-          value: "10k+",
-          title: "Patients",
-          description: "Served annually",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=5",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="hospital-footer" data-section="hospital-footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Departments",
-              href: "/departments",
-            },
-            {
-              label: "Doctors",
-              href: "/doctors",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Book Appointment",
-              href: "/appointment",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Himchan Hospital. All rights reserved."
-    />
-  </div>
+        <NavbarStyleFullscreen
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Departments", id: "/departments" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }, { name: "Contact", id: "/contact" }]}
+          brandName="Himchan Hospital"
+        />
+        <div style={{ paddingTop: "100px" }}>
+          <AboutMetric
+            title="About Himchan Hospital"
+            metrics={[
+              { icon: HeartPulse, label: "Medical Care", value: "World-Class" },
+              { icon: Users, label: "Patients Served", value: "50,000+" },
+              { icon: Award, label: "Years Excellence", value: "15+" }
+            ]}
+            metricsAnimation="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
+        <FooterBaseReveal
+          columns={[{ title: "Quick Links", items: [{ label: "About Us", href: "/about" }, { label: "Departments", href: "/departments" }, { label: "Doctors", href: "/doctors" }] }, { title: "Support", items: [{ label: "Book Appointment", href: "/appointment" }, { label: "Contact Us", href: "/contact" }] }]}
+          copyrightText="© 2024 Himchan Hospital. All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index df2a006..2be3dc2 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,145 +2,26 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="largeSmall"
-        background="circleGradient"
-        cardStyle="inset"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Departments",
-          id: "/departments",
-        },
-        {
-          name: "Doctors",
-          id: "/doctors",
-        },
-        {
-          name: "Book Appointment",
-          id: "/appointment",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Himchan Hospital"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Get In Touch"
-      description="We're here to assist you."
-      features={[
-        {
-          title: "Email",
-          description: "support@himchan.hospital",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=11",
-        },
-        {
-          title: "Location",
-          description: "123 Health Ave, City",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=8",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Quick Response"
-      description="Reliable communication."
-      metrics={[
-        {
-          id: "r1",
-          value: "1h",
-          title: "Response Time",
-          description: "Average inquiry response",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=12",
-        },
-        {
-          id: "r2",
-          value: "24/7",
-          title: "Support",
-          description: "Available day and night",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=9",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="hospital-footer" data-section="hospital-footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Departments",
-              href: "/departments",
-            },
-            {
-              label: "Doctors",
-              href: "/doctors",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Book Appointment",
-              href: "/appointment",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Himchan Hospital. All rights reserved."
-    />
-  </div>
+        <NavbarStyleFullscreen 
+            navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]} 
+            brandName="Himchan Hospital" 
+        />
+        <ContactText
+            text="Contact Himchan Hospital - Our team is here to support your health journey."
+            background={{ variant: "animated-grid" }}
+        />
+        <FooterBaseReveal
+            columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }]} 
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/departments/page.tsx b/src/app/departments/page.tsx
index d8941db..74e50d8 100644
--- a/src/app/departments/page.tsx
+++ b/src/app/departments/page.tsx
@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-export default function LandingPage() {
+export default function DepartmentsPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -22,116 +21,27 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Departments",
-          id: "/departments",
-        },
-        {
-          name: "Doctors",
-          id: "/doctors",
-        },
-        {
-          name: "Book Appointment",
-          id: "/appointment",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Himchan Hospital"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Specialties"
-      description="Wide range of departments for comprehensive care."
-      features={[
-        {
-          title: "Cardiology",
-          description: "Heart health excellence",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=9",
-        },
-        {
-          title: "Pediatrics",
-          description: "Child-focused healthcare",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=6",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Department FAQs"
-      description="Common questions about our medical departments."
-      faqs={[
-        {
-          id: "df1",
-          title: "Do I need a referral?",
-          content: "Some departments require a referral from a primary care physician.",
-        },
-      ]}
-      faqsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="hospital-footer" data-section="hospital-footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Departments",
-              href: "/departments",
-            },
-            {
-              label: "Doctors",
-              href: "/doctors",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Book Appointment",
-              href: "/appointment",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Himchan Hospital. All rights reserved."
-    />
-  </div>
+        <NavbarStyleFullscreen
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Departments", id: "/departments" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }, { name: "Contact", id: "/contact" }]}
+          brandName="Himchan Hospital"
+        />
+        <div style={{ paddingTop: "100px" }}>
+          <FeatureCardTwentyOne
+            title="Our Medical Departments"
+            description="Specialized care across all major disciplines."
+            accordionItems={[
+              { id: "cardio", title: "Cardiology", content: "Advanced heart care and diagnostics." },
+              { id: "ortho", title: "Orthopedics", content: "Comprehensive joint and bone health." },
+              { id: "oncology", title: "Oncology", content: "Leading cancer treatment and support." }
+            ]}
+            mediaPosition="right"
+          />
+        </div>
+        <FooterBaseReveal
+          columns={[{ title: "Quick Links", items: [{ label: "About Us", href: "/about" }, { label: "Departments", href: "/departments" }, { label: "Doctors", href: "/doctors" }] }, { title: "Support", items: [{ label: "Book Appointment", href: "/appointment" }, { label: "Contact Us", href: "/contact" }] }]}
+          copyrightText="© 2024 Himchan Hospital. All rights reserved."
+        />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/doctors/page.tsx b/src/app/doctors/page.tsx
index 5953d23..730b8b6 100644
--- a/src/app/doctors/page.tsx
+++ b/src/app/doctors/page.tsx
@@ -2,134 +2,31 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
-export default function LandingPage() {
+export default function DoctorsPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="text-stagger"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="small"
-        sizing="largeSmall"
-        background="circleGradient"
-        cardStyle="inset"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
-    >
+    <ThemeProvider>
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Departments",
-          id: "/departments",
-        },
-        {
-          name: "Doctors",
-          id: "/doctors",
-        },
-        {
-          name: "Book Appointment",
-          id: "/appointment",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Himchan Hospital"
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Specialist Team"
-      description="Highly qualified doctors ready to help."
-      groups={[
-        {
-          id: "g1",
-          groupTitle: "Medical Experts",
-          members: [
-            {
-              id: "d1",
-              title: "Dr. Kim",
-              subtitle: "Chief Surgeon",
-              detail: "10 years of experience",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Recognized Excellence"
-      description="Our doctors are leaders in their fields."
-      names={[
-        "Medical Association",
-        "Hospital Excellence Award",
-      ]}
-    />
-  </div>
-
-  <div id="hospital-footer" data-section="hospital-footer">
-      <FooterBaseReveal
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Departments",
-              href: "/departments",
-            },
-            {
-              label: "Doctors",
-              href: "/doctors",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Book Appointment",
-              href: "/appointment",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Himchan Hospital. All rights reserved."
-    />
-  </div>
+        <NavbarStyleFullscreen
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Departments", id: "/departments" }, { name: "Doctors", id: "/doctors" }, { name: "Book Appointment", id: "/appointment" }, { name: "Contact", id: "/contact" }]}
+          brandName="Himchan Hospital"
+        />
+        <TeamCardFive
+          animationType="slide-up"
+          title="Our Expert Doctors"
+          description="Meet our team of highly qualified medical professionals committed to your wellbeing."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          team={[
+            { id: "1", name: "Dr. Alice Smith", role: "Cardiologist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png" },
+            { id: "2", name: "Dr. Bob Johnson", role: "Neurologist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-michael-chen-1774619004322-3eeeed49.png" }
+          ]}
+        />
+        <FooterBaseReveal columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Doctors", href: "/doctors" }] }]} />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2c10ebe..95e08b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,30 +28,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Departments",
-          id: "/departments",
-        },
-        {
-          name: "Doctors",
-          id: "/doctors",
-        },
-        {
-          name: "Book Appointment",
-          id: "/appointment",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Services", id: "/services" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Himchan Hospital"
     />
@@ -62,36 +41,13 @@ export default function LandingPage() {
       logoText="Himchan Hospital"
       description="Your Health, Our Priority. Providing compassionate, advanced medical care for you and your family."
       buttons={[
-        {
-          text: "Book Appointment",
-          href: "/appointment",
-        },
-        {
-          text: "Contact Us",
-          href: "/contact",
-        },
+        { text: "Our Services", href: "/services" },
+        { text: "Contact Us", href: "/contact" },
       ]}
       slides={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=1",
-          imageAlt: "Hospital exterior",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=2",
-          imageAlt: "Modern medical equipment",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=3",
-          imageAlt: "Doctor team",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=4",
-          imageAlt: "Patient care",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=5",
-          imageAlt: "Hospital lobby",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=1", imageAlt: "Hospital exterior" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=2", imageAlt: "Modern medical equipment" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=3", imageAlt: "Doctor team" },
       ]}
     />
   </div>
@@ -103,26 +59,8 @@ export default function LandingPage() {
       rating={5}
       author="Sarah Johnson"
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png",
-          alt: "Sarah Johnson",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-michael-chen-1774619004322-3eeeed49.png",
-          alt: "Michael Chen",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-emily-rodriguez-1774619003385-7a3ae0fc.png",
-          alt: "Emily Rodriguez",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-david-kim-1774619002933-8048dee6.png",
-          alt: "David Kim",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png",
-          alt: "Elena Rossi",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-sarah-johnson-1774619000650-e51d3520.png", alt: "Sarah Johnson" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/portrait-of-michael-chen-1774619004322-3eeeed49.png", alt: "Michael Chen" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -136,16 +74,8 @@ export default function LandingPage() {
       title="Frequently Asked Questions"
       description="Find answers to the most common questions about our hospital services."
       faqs={[
-        {
-          id: "f1",
-          title: "How do I book an appointment?",
-          content: "You can book through our website, phone, or in person.",
-        },
-        {
-          id: "f2",
-          title: "What insurance do you accept?",
-          content: "We accept major national and private health insurance plans.",
-        },
+        { id: "f1", title: "How do I book an appointment?", content: "You can book through our website, phone, or in person." },
+        { id: "f2", title: "What insurance do you accept?", content: "We accept major national and private health insurance plans." },
       ]}
       faqsAnimation="slide-up"
     />
@@ -159,20 +89,8 @@ export default function LandingPage() {
       title="Impact in Numbers"
       description="Years of trust, excellence, and specialized care."
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Experience",
-          description: "Serving the community since 2009",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=6",
-        },
-        {
-          id: "m2",
-          value: "50+",
-          title: "Specialists",
-          description: "Expert medical team",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=1",
-        },
+        { id: "m1", value: "15+", title: "Years Experience", description: "Serving the community since 2009", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-hero-section-professiona-1774619002184-c70988f2.png?_wi=6" },
+        { id: "m2", value: "50+", title: "Specialists", description: "Expert medical team", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWy8TlL0NTHbV3wqsXg9NCJIIh/modern-hospital-facility-interior-clean--1774619001452-e92cb227.png?_wi=1" },
       ]}
     />
   </div>
@@ -183,48 +101,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Trusted Partners"
       description="Collaborating with leading health organizations."
-      names={[
-        "HealthCare Plus",
-        "Global Med",
-        "City Medical Group",
-        "LifeGuard Systems",
-      ]}
+      names={["HealthCare Plus", "Global Med", "City Medical Group", "LifeGuard Systems"]}
     />
   </div>
 
   <div id="hospital-footer" data-section="hospital-footer">
       <FooterBaseReveal
       columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Departments",
-              href: "/departments",
-            },
-            {
-              label: "Doctors",
-              href: "/doctors",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Book Appointment",
-              href: "/appointment",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-          ],
-        },
+        { title: "Quick Links", items: [{ label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] },
       ]}
       copyrightText="© 2024 Himchan Hospital. All rights reserved."
     />
@@ -232,4 +116,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..b883bbb
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleFullscreen 
+            navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]} 
+            brandName="Himchan Hospital" 
+        />
+        <FeatureCardNineteen
+            title="Our Medical Services"
+            description="Comprehensive care for your wellness."
+            textboxLayout="default"
+            features={[
+                { id: 1, tag: "Primary", title: "General Medicine", subtitle: "Comprehensive checkups", description: "Routine exams and health screenings." },
+                { id: 2, tag: "Specialized", title: "Cardiology", subtitle: "Heart health experts", description: "Advanced cardiovascular diagnostic and treatment services." },
+                { id: 3, tag: "Support", title: "Physical Therapy", subtitle: "Rehabilitation", description: "Personalized care for injury recovery and pain management." }
+            ]}
+        />
+        <FooterBaseReveal
+            columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index f2ded1e..ccf037c 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f0fdf4;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --card: #f0f8ff;
+  --foreground: #001a16;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #15479c;
+  --secondary-cta: #d1e7dd;
   --secondary-cta-text: #ffffff;
   --accent: #a8d9be;
-  --background-accent: #6bbf8e;
+  --background-accent: #f0fff4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);