Update src/app/contact/page.tsx

Update src/app/services/page.tsx
Update src/app/doctors/page.tsx
2026-03-27 13:46:03 +00:00 · 2026-03-27 13:45:36 +00:00 · 2026-03-27 13:45:36 +00:00 · 2026-03-27 13:45:35 +00:00 · 2026-03-27 13:45:35 +00:00 · 2026-03-27 13:45:03 +00:00
7 changed files with 136 additions and 661 deletions
--- 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>
  );
-}
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,145 +2,35 @@

 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 ContactSplit from '@/components/sections/contact/ContactSplit';
+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 defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" 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="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>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen 
+              navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]} 
+              brandName="Himchan Hospital" 
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+              tag="Contact Us"
+              title="Get in Touch"
+              description="Our team is here to support your health journey."
+              background={{ variant: "animated-grid" }}
+              useInvertedBackground={false}
+          />
+        </div>
+        <div id="hospital-footer" data-section="hospital-footer">
+          <FooterBaseReveal
+              columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] }]} 
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/departments/page.tsx
+++ b/src/app/departments/page.tsx
@@ -2,12 +2,10 @@

 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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

-export default function LandingPage() {
+export default function DepartmentsPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
@@ -22,116 +20,17 @@ 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 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>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/doctors/page.tsx
+++ b/src/app/doctors/page.tsx
@@ -2,134 +2,21 @@

 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 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 defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" 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="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"
+        />
+        <div id="hospital-footer" data-section="hospital-footer">
+          <FooterBaseReveal columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Doctors", href: "/doctors" }] }]} />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- 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>
  );
-}
+}
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Heart, Activity, Stethoscope } from 'lucide-react';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarStyleFullscreen 
+            navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }]} 
+            brandName="Himchan Hospital" 
+        />
+        <div id="services" data-section="services">
+          <FeatureCardTwentyFive
+            title="Our Medical Services"
+            description="Comprehensive care for your wellness."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+                { icon: Stethoscope, title: "General Medicine", description: "Routine exams and health screenings.", mediaItems: [{ imageSrc: "https://example.com/med.jpg" }, { imageSrc: "https://example.com/med2.jpg" }] },
+                { icon: Heart, title: "Cardiology", description: "Advanced cardiovascular diagnostic and treatment services.", mediaItems: [{ imageSrc: "https://example.com/cardio.jpg" }, { imageSrc: "https://example.com/cardio2.jpg" }] },
+                { icon: Activity, title: "Physical Therapy", description: "Personalized care for injury recovery and pain management.", mediaItems: [{ imageSrc: "https://example.com/physio.jpg" }, { imageSrc: "https://example.com/physio2.jpg" }] }
+            ]}
+          />
+        </div>
+        <div id="hospital-footer" data-section="hospital-footer">
+          <FooterBaseReveal
+            columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} 
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- 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);
Author	SHA1	Message	Date
bender	42c4410433	Update src/app/contact/page.tsx	2026-03-27 13:46:03 +00:00
bender	65baabdb02	Update src/app/services/page.tsx	2026-03-27 13:45:36 +00:00
bender	b2e037bd3a	Update src/app/doctors/page.tsx	2026-03-27 13:45:36 +00:00
bender	7386db4500	Update src/app/departments/page.tsx	2026-03-27 13:45:35 +00:00
bender	de93a04fbb	Update src/app/contact/page.tsx	2026-03-27 13:45:35 +00:00
bender	058cbbdb9b	Update src/app/styles/variables.css	2026-03-27 13:45:03 +00:00
bender	cbfb3569b9	Add src/app/services/page.tsx	2026-03-27 13:45:03 +00:00
bender	2dbb8eeae9	Update src/app/page.tsx	2026-03-27 13:45:02 +00:00
bender	439c0c8802	Update src/app/doctors/page.tsx	2026-03-27 13:45:02 +00:00
bender	92d680ecaf	Update src/app/departments/page.tsx	2026-03-27 13:45:02 +00:00
bender	9a5ff7d92d	Update src/app/contact/page.tsx	2026-03-27 13:45:01 +00:00
bender	2d6072e742	Update src/app/about/page.tsx	2026-03-27 13:45:01 +00:00
bender	f0476e0e93	Merge version_1 into main Merge version_1 into main	2026-03-27 13:43:43 +00:00