diff --git a/src/app/page.tsx b/src/app/page.tsx
index 237ad44..cf65f27 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -117,7 +117,7 @@ export default function LandingPage() {
   <div id="services" data-section="services">
       <FeatureCardTwentySeven
       animationType="slide-up"
-      textboxLayout="split"
+      textboxLayout="split-actions"
       useInvertedBackground={true}
       features={[
         {
@@ -133,6 +133,11 @@ export default function LandingPage() {
             "Detailed styling for men and women."],
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qa1y0n"},
       ]}
+      buttons={[
+        {
+          text: "Book Appointment",          href: "#contact"
+        }
+      ]}
       title="Our Professional Services"
       description="We offer a wide range of services to cater to your specific hair needs."
     />
@@ -230,4 +235,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}