From 2a1d8896819b9f830c6e65cf392a38c91e0c10ba Mon Sep 17 00:00:00 2001
From: daluclemas <chidaluanukam@gmail.com>
Date: Thu, 13 Jun 2024 08:47:02 +0100
Subject: [PATCH] update(homepage): learn more should move to zero skills
 section

---
 src/components/header/index.jsx | 7 +++----
 src/pages/home/page.jsx         | 5 ++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/header/index.jsx b/src/components/header/index.jsx
index 4ba12d2..5190437 100644
--- a/src/components/header/index.jsx
+++ b/src/components/header/index.jsx
@@ -1,4 +1,3 @@
-import { Link } from "react-router-dom";
 import FloraImg from "../../assets/images/floral.svg";
 import { homeHeroImage } from "../../assets/images";
 
@@ -17,12 +16,12 @@ const Header = () => {
             Clubs and workshops for secondary school girls across Africa to
             explore STEM subjects in a fun and supportive environment.
           </p>
-          <Link
-            to="/"
+          <a
+            href="#zero-tech-skills"
             className="bg-[#B70569] w-[240px] max-sm:text-sm rounded-[30px] text-white py-[18px] mt-2 inline-block text-center"
           >
             Learn More{" "}
-          </Link>
+          </a>
         </div>
         <div className="max-md:hidden">
           <img src={homeHeroImage} alt="" className="md:w-[850px] lg:w-fit" />
diff --git a/src/pages/home/page.jsx b/src/pages/home/page.jsx
index cbe95d5..e67d2e4 100644
--- a/src/pages/home/page.jsx
+++ b/src/pages/home/page.jsx
@@ -21,7 +21,10 @@ const HomePage = () => {
           Engineering, and Mathematics (STEM)."
         />
       </section>
-      <section className="my-3 md:my-20 bg-[#F8F8F8] pt-5 pb-2">
+      <section
+        className="my-3 md:my-20 bg-[#F8F8F8] pt-5 pb-2"
+        id="zero-tech-skills"
+      >
         <div className="bg-white my-5 pt-5 md:pt-10 lg:pt-14 rounded-[32px] w-[90%] max-w-[1280px] mx-auto px-5">
           <h4 className="font-medium text-2xl md:text-3xl lg:text-4xl leading-normal md:leading-normal lg:leading-normal text-center">
             <span className="text-primaryPink font-bold ">