src/app/page.tsx

@@ -11,7 +11,8 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Activity, Gauge, MessageCircle, Phone } from "lucide-react";
+import { Activity, Gauge, MessageCircle, Phone, Calendar } from "lucide-react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function LandingPage() {
   return (
@@ -34,6 +35,7 @@ export default function LandingPage() {
                 { name: "Home", id: "hero" },
                 { name: "About", id: "about" },
                 { name: "Services", id: "services" },
+                { name: "Appointment", id: "appointment" },
                 { name: "Contact", id: "contact" },
               ]}
               brandName="Dr. Santosh Hospital"
@@ -52,7 +54,7 @@ export default function LandingPage() {
                 { name: "Meera Devi", handle: "@munger", testimonial: "Dr. Santosh is very thorough with his examinations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/doctor-talking-patient-s-wife_23-2148981228.jpg", imageAlt: "professional doctor consultation clinic" },
                 { name: "Suresh Yadav", handle: "@tarapur", testimonial: "Top-notch care, I feel much better after my visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg", imageAlt: "professional doctor consultation clinic" }
               ]}
-              buttons={[{ text: "Book Appointment", href: "#contact" }]}
+              buttons={[{ text: "Book Appointment", href: "#appointment" }]}
               imageSrc="http://img.b2bpic.net/free-photo/male-doctor-reviewing-medical-records_482257-119149.jpg?_wi=2"
               mediaAnimation="slide-up"
               avatars={[
@@ -103,6 +105,17 @@ export default function LandingPage() {
             />
         </div>
 
+        <div id="appointment" data-section="appointment">
+            <ContactCTA
+              tag="Appointment"
+              tagIcon={Calendar}
+              title="Schedule Your Consultation"
+              description="Easily book your doctor appointment online to receive prompt medical care and reduce waiting times."
+              buttons={[{ text: "Book Now", href: "#contact" }]}
+              useInvertedBackground={true}
+            />
+        </div>
+
         <div id="metrics" data-section="metrics">
             <MetricCardTwo
               animationType="depth-3d"
@@ -172,4 +185,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}