Merge version_2 into main

Merge version_2 into main

src/app/contact/page.tsx

@@ -3,24 +3,30 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <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" 
         />
-        <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" }] }]} 
-        />
+        <div id="contact" data-section="contact">
+          <ContactSplit
+              title="Contact Us"
+              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>
   );

src/app/departments/page.tsx

@@ -3,7 +3,6 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function DepartmentsPage() {
@@ -25,22 +24,12 @@ export default function DepartmentsPage() {
           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 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>
-        <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>
   );

src/app/doctors/page.tsx

@@ -3,29 +3,19 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function DoctorsPage() {
   return (
-    <ThemeProvider>
+    <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: "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" }] }]} />
+        <div id="hospital-footer" data-section="hospital-footer">
+          <FooterBaseReveal columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Doctors", href: "/doctors" }] }]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/services/page.tsx

@@ -3,30 +3,37 @@
 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 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>
+    <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" 
         />
-        <FeatureCardNineteen
+        <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={[
-                { 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." }
+                { 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" }] }
             ]}
-        />
-        <FooterBaseReveal
+          />
+        </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>
   );