Switch to version 2: modified src/app/page.tsx

src/app/page.tsx

@@ -53,7 +53,7 @@ export default function LandingPage() {
       tag="⭐ 5.0 Rated Grooming Service"
       buttons={[
         {
-          text: "Book Now",          href: "/contact"},
+          text: "Book Now",          href: "#contact"},
         {
           text: "Call Now (07598 206450)",          href: "tel:07598206450"},
       ]}
@@ -112,9 +112,12 @@ export default function LandingPage() {
       title="A Calmer Approach"
       description="We focus on a calm, patient, one-to-one approach ensuring every pet feels safe and cared for. Our salon provides a quiet environment, ideal for nervous or first-time pets."
       metrics={[
-        { value: "1-to-1", title: "Appointments" },
-        { value: "Calm", title: "Environment" },
-        { value: "Expert", title: "Personalized" },
+        {
+          value: "1-to-1",          title: "Appointments"},
+        {
+          value: "Calm",          title: "Environment"},
+        {
+          value: "Expert",          title: "Personalized"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg"
       imageAlt="pet groomer calm atmosphere"
@@ -163,9 +166,19 @@ export default function LandingPage() {
       ]}
       title="Give Your Pet the Care They Deserve"
       description="Book today and experience a professional grooming service trusted by local owners."
-      buttons={[
-        { text: "Book Now", href: "/contact" }
-      ]}
+    />
+  </div>
+
+  <div id="contact" data-section="contact">
+      <ContactSplit
+      useInvertedBackground={false}
+      background={{
+        variant: "plain"}}
+      tag="Visit Us"
+      title="Book Your Appointment"
+      description="Greystoke Dr, Ruislip HA4 7YN. Open daily until 5pm. Call us to book."
+      imageSrc="http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-smiling-man-sitting-pet-friendly-cafe-with-his-beautiful-dog-petting-golden-retriever-waiting-order_1258-314442.jpg"
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -176,19 +189,24 @@ export default function LandingPage() {
       columns={[
         {
           title: "Contact",          items: [
-            { label: "Greystoke Dr, Ruislip", href: "#" },
-            { label: "07598 206450", href: "tel:07598206450" },
+            {
+              label: "Greystoke Dr, Ruislip",              href: "#"},
+            {
+              label: "07598 206450",              href: "tel:07598206450"},
           ],
         },
         {
           title: "Opening Hours",          items: [
-            { label: "Mon-Fri: 9am-5pm", href: "#" },
-            { label: "Sat: 9am-5pm", href: "#" },
+            {
+              label: "Mon-Fri: 9am-5pm",              href: "#"},
+            {
+              label: "Sat: 9am-5pm",              href: "#"},
           ],
         },
         {
           title: "Follow",          items: [
-            { label: "Instagram", href: "#" },
+            {
+              label: "Instagram",              href: "#"},
           ],
         },
       ]}