From a05065445529138a634deccfe4d9274e93aaffce Mon Sep 17 00:00:00 2001
From: Kishan Takoordyal <kishan@kinesis.games>
Date: Thu, 4 Mar 2021 18:34:19 +0400
Subject: [PATCH] functional down arrow header

---
 src/components/HeaderD.js | 7 +++----
 src/components/HeaderM.js | 7 +++----
 src/components/PartOne.js | 5 ++++-
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/HeaderD.js b/src/components/HeaderD.js
index 195e3e5..23c341f 100644
--- a/src/components/HeaderD.js
+++ b/src/components/HeaderD.js
@@ -91,10 +91,9 @@ export default function HeaderD({
       </div>
 
       <div className="absolute z-10 w-full h-full flex flex-col items-center justify-end">
-        <div
-          className={`w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent ${
-            showCookies ? 'mb-2' : 'mb-22'
-          }`}
+        <a
+          href="#part-one"
+          className="w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent mb-22"
         />
       </div>
 
diff --git a/src/components/HeaderM.js b/src/components/HeaderM.js
index 683610d..e92dba5 100644
--- a/src/components/HeaderM.js
+++ b/src/components/HeaderM.js
@@ -124,10 +124,9 @@ export default function HeaderD({
       </div>
 
       <div className="absolute z-10 w-full h-full flex flex-col items-center justify-end">
-        <div
-          className={`w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent ${
-            showCookies ? 'mb-2' : 'mb-22'
-          }`}
+        <a
+          href="#part-one"
+          className="w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent mb-32"
         />
       </div>
 
diff --git a/src/components/PartOne.js b/src/components/PartOne.js
index faffc70..37bf11c 100644
--- a/src/components/PartOne.js
+++ b/src/components/PartOne.js
@@ -4,7 +4,10 @@ import part1banner from '../assets/images/part-1-banner.png';
 
 export default function PartOne() {
   return (
-    <div className="w-full h-screen flex flex-col items-center sm:justify-start justify-center sm:py-12 sm:px-20 p-4">
+    <div
+      className="w-full h-screen flex flex-col items-center sm:justify-start justify-center sm:py-12 sm:px-20 p-4"
+      id="part-one"
+    >
       <div className="text-red-600 uppercase text-sm font-bold font-avenirblack">
         How we do it
       </div>