src/app/page.tsx

@@ -11,6 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 
 export default function LandingPage() {
   return (
@@ -36,6 +37,8 @@ export default function LandingPage() {
           name: "About",          id: "about"},
         {
           name: "Services",          id: "features"},
+        {
+          name: "Booking",          id: "booking"},
         {
           name: "Contact",          id: "contact"},
       ]}
@@ -69,7 +72,7 @@ export default function LandingPage() {
       tag="Trusted by Pros"
       buttons={[
         {
-          text: "Begin Now",          href: "#contact"},
+          text: "Book Now",          href: "#booking"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"
       avatars={[
@@ -121,14 +124,17 @@ export default function LandingPage() {
         {
           id: "f1",          label: "Automation",          title: "Smart Workflow Automation",          items: [
             "Task scheduling",            "Priority alerts",            "Performance analytics"],
+          buttons: [{ text: "Book Now", href: "#booking" }]
         },
         {
           id: "f2",          label: "Security",          title: "Enterprise Grade Security",          items: [
             "Data encryption",            "Multi-factor auth",            "Regular audits"],
+          buttons: [{ text: "Book Now", href: "#booking" }]
         },
         {
           id: "f3",          label: "Analytics",          title: "Comprehensive Data Insights",          items: [
             "Real-time dashboards",            "Custom reports",            "Trend analysis"],
+          buttons: [{ text: "Book Now", href: "#booking" }]
         },
       ]}
       title="Advanced Features Designed for Growth"
@@ -136,6 +142,24 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="booking" data-section="booking">
+      <FeatureCardMedia
+        animationType="slide-up"
+        title="Easy Appointment Booking"
+        description="Choose how you'd like to meet with us—online or in person."
+        textboxLayout="split-description"
+        useInvertedBackground={true}
+        features={[
+            {
+                id: "b1",                tag: "Online",                title: "Virtual Consultation",                description: "Connect with our experts from anywhere in the world via secure video link.",                buttons: [{ text: "Book Online", href: "#" }]
+            },
+            {
+                id: "b2",                tag: "Walk-in",                title: "Visit Our Office",                description: "Drop by our headquarters for a face-to-face consultation anytime during business hours.",                buttons: [{ text: "Get Directions", href: "#" }]
+            }
+        ]}
+      />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
       animationType="slide-up"
@@ -219,10 +243,10 @@ export default function LandingPage() {
       leftLink={{
         text: "Privacy Policy",        href: "#"}}
       rightLink={{
-        text: "Terms of Service",        href: "#"}}
+        text: "Book Now",        href: "#booking"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}