From 28b999b1aefe52eeb47b8a525aa97f6a1c16fa34 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Mon, 23 Feb 2026 12:51:57 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20align=20all=20CTAs=20with=20concept=20?=
 =?UTF-8?q?=E2=80=94=20every=20CTA=20leads=20to=20contact=20form?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ProcessSection: 'Get started' href /services → /contact
- BlogPreviewSection: fix invalid <Link> nested inside <Button> (was <button><a>)
- ContactPage: 'Book free consultation' sidebar button now href="#contact-form"
  with matching id on the form element (was unclickable — no href)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/contact/page.tsx                            | 9 +++++++--
 src/components/sections/home/BlogPreviewSection.tsx | 4 ++--
 src/components/sections/home/ProcessSection.tsx     | 6 +++++-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ce21391..9d9a145 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -128,7 +128,7 @@ export default function ContactPage() {
                   <h2 className="font-display text-charcoal mb-6 text-2xl font-bold">
                     Send us a message
                   </h2>
-                  <form className="space-y-5" action="#" method="POST">
+                  <form id="contact-form" className="space-y-5" action="#" method="POST">
                     <div className="grid grid-cols-1 gap-5 sm:grid-cols-2">
                       <div>
                         <label
@@ -295,7 +295,12 @@ export default function ContactPage() {
                     <p className="text-muted mb-4 text-sm">
                       Book a free 30-minute consultation directly in our calendar.
                     </p>
-                    <Button size="md" trailingArrow className="w-full justify-center">
+                    <Button
+                      size="md"
+                      trailingArrow
+                      href="#contact-form"
+                      className="w-full justify-center"
+                    >
                       Book free consultation
                     </Button>
                   </div>
diff --git a/src/components/sections/home/BlogPreviewSection.tsx b/src/components/sections/home/BlogPreviewSection.tsx
index d6bf40e..5562f74 100644
--- a/src/components/sections/home/BlogPreviewSection.tsx
+++ b/src/components/sections/home/BlogPreviewSection.tsx
@@ -55,8 +55,8 @@ export function BlogPreviewSection() {
               you can actually use
             </h2>
           </div>
-          <Button variant="ghost" trailingArrow>
-            <Link href="/blog">Visit our blog</Link>
+          <Button variant="ghost" trailingArrow href="/blog">
+            Visit our blog
           </Button>
         </FadeIn>
 
diff --git a/src/components/sections/home/ProcessSection.tsx b/src/components/sections/home/ProcessSection.tsx
index a7ec3e4..e61694b 100644
--- a/src/components/sections/home/ProcessSection.tsx
+++ b/src/components/sections/home/ProcessSection.tsx
@@ -77,7 +77,11 @@ export function ProcessSection() {
             We&apos;ve made switching accountants effortless. Most clients are fully onboarded
             within a week — then we handle everything so you never have to think about tax again.
           </p>
-          <Button size="lg" className="transition-transform duration-300 hover:scale-[1.04]">
+          <Button
+            size="lg"
+            href="/contact"
+            className="transition-transform duration-300 hover:scale-[1.04]"
+          >
             Get started
             <ArrowUpRight className="ml-2 h-5 w-5" />
           </Button>