fix: button links

luminr-co · Jan 1, 2024 · 02b9f62 · 02b9f62
1 parent 7423088
commit 02b9f62
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 26 deletions.
diff --git a/src/modules/seo/presentation/components/BenefitSection/BenefitSection.tsx b/src/modules/seo/presentation/components/BenefitSection/BenefitSection.tsx
@@ -32,14 +32,15 @@ export default function BenefitSection() {
       sectionTitle="Get in front of users who are already searching for the products you sell"
     >
       <div className="flex flex-col justify-center items-center">
-      <BenefitList benefits={benefits} />
-      <Button className="flex flex-row gap-3 justify-center items-center text-beige font-secondary text-xl font-medium mt-16">
-        <span>
-          <CallIcon />
-        </span>
-        <p className="lg:text-xl text-sm">Book a Free Discovery Call</p>
-      </Button>
-
+        <BenefitList benefits={benefits} />
+        <a href="#call">
+          <Button className="flex flex-row gap-3 justify-center items-center text-beige font-secondary text-xl font-medium mt-16">
+            <span>
+              <CallIcon />
+            </span>
+            <p className="lg:text-xl text-sm">Book a Free Discovery Call</p>
+          </Button>
+        </a>
       </div>
     </SectionContainer>
   );

diff --git a/src/modules/seo/presentation/components/HeroSection/HeroSection.tsx b/src/modules/seo/presentation/components/HeroSection/HeroSection.tsx
@@ -12,12 +12,14 @@ export default function HeroSection() {
         We Place Your Website in Front of Your Dream Customers Through Revenue
         Focused SEO
       </p>
-      <Button className="flex flex-row justify-center gap-3 items-center mt-8">
-        <span>
-          <CallIcon />
-        </span>
-        <p className="text-sm lg:text-xl">Increase my Traffic</p>
-      </Button>
+      <a href="#call">
+        <Button className="flex flex-row justify-center gap-3 items-center mt-8">
+          <span>
+            <CallIcon />
+          </span>
+          <p className="text-sm lg:text-xl">Increase my Traffic</p>
+        </Button>
+      </a>
     </section>
   );
 }
diff --git a/src/modules/website-development/presentation/components/BenefitSection/BenefitSection.tsx b/src/modules/website-development/presentation/components/BenefitSection/BenefitSection.tsx
@@ -35,12 +35,14 @@ export default function BenefitSection() {
     >
       <div className="flex flex-col justify-center items-center">
         <BenefitList benefits={benefits} />
-        <Button className="flex flex-row gap-3 justify-center items-center text-beige font-secondary text-xl font-medium mt-16">
-          <span>
-            <CallIcon />
-          </span>
-          <p className="lg:text-xl text-sm">Book a Free Discovery Call</p>
-        </Button>
+        <a href="#call">
+          <Button className="flex flex-row gap-3 justify-center items-center text-beige font-secondary text-xl font-medium mt-16">
+            <span>
+              <CallIcon />
+            </span>
+            <p className="lg:text-xl text-sm">Book a Free Discovery Call</p>
+          </Button>
+        </a>
       </div>
     </SectionContainer>
   );

diff --git a/src/modules/website-development/presentation/components/HeroSection/HeroSection.tsx b/src/modules/website-development/presentation/components/HeroSection/HeroSection.tsx
@@ -11,12 +11,14 @@ export default function HeroSection() {
         We Build Professional Websites for Products, Services and Startups So
         They Can Save Time and Focus on Their High ROI Activities.
       </p>
-      <Button className="flex flex-row justify-center gap-3 items-center mt-8">
-        <span>
-          <CallIcon />
-        </span>
-        <p className="text-sm lg:text-xl">Hop on a Call</p>
-      </Button>
+      <a href="#call">
+        <Button className="flex flex-row justify-center gap-3 items-center mt-8">
+          <span>
+            <CallIcon />
+          </span>
+          <p className="text-sm lg:text-xl">Hop on a Call</p>
+        </Button>
+      </a>
     </section>
   );
 }