From 6f68a38bb433bdf977942211735af76118346e4c Mon Sep 17 00:00:00 2001
From: Deepanshi0019 <ydipanshi19@gmail.com>
Date: Tue, 5 Nov 2024 13:27:22 +0530
Subject: [PATCH] Fixed contact page layout issue where heading was hiding
 behind the navbar by adjusting margin and container structure

---
 site/package-lock.json | 31 +++++++++++++++++++++++++++----
 site/pages/contact.js  | 15 +++++++++++++--
 2 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/site/package-lock.json b/site/package-lock.json
index d996b79..8709d65 100644
--- a/site/package-lock.json
+++ b/site/package-lock.json
@@ -3844,6 +3844,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typescript": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -4045,7 +4058,8 @@
     "@heroicons/react": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.1.5.tgz",
-      "integrity": "sha512-FuzFN+BsHa+7OxbvAERtgBTNeZpUjgM/MIizfVkSCL2/edriN0Hx/DWRCR//aPYwO5QX/YlgLGXk+E3PcfZwjA=="
+      "integrity": "sha512-FuzFN+BsHa+7OxbvAERtgBTNeZpUjgM/MIizfVkSCL2/edriN0Hx/DWRCR//aPYwO5QX/YlgLGXk+E3PcfZwjA==",
+      "requires": {}
     },
     "@humanwhocodes/config-array": {
       "version": "0.11.8",
@@ -4268,7 +4282,8 @@
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "requires": {}
     },
     "ajv": {
       "version": "6.12.6",
@@ -5036,7 +5051,8 @@
     "eslint-plugin-react-hooks": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g=="
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "requires": {}
     },
     "eslint-scope": {
       "version": "7.1.1",
@@ -5735,7 +5751,8 @@
     "lucide-react": {
       "version": "0.439.0",
       "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.439.0.tgz",
-      "integrity": "sha512-PafSWvDTpxdtNEndS2HIHxcNAbd54OaqSYJO90/b63rab2HWYqDbH194j0i82ZFdWOAcf0AHinRykXRRK2PJbw=="
+      "integrity": "sha512-PafSWvDTpxdtNEndS2HIHxcNAbd54OaqSYJO90/b63rab2HWYqDbH194j0i82ZFdWOAcf0AHinRykXRRK2PJbw==",
+      "requires": {}
     },
     "merge2": {
       "version": "1.4.1",
@@ -6555,6 +6572,12 @@
         "is-typed-array": "^1.1.9"
       }
     },
+    "typescript": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "peer": true
+    },
     "unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
diff --git a/site/pages/contact.js b/site/pages/contact.js
index d0fc6a5..aea6085 100644
--- a/site/pages/contact.js
+++ b/site/pages/contact.js
@@ -31,10 +31,20 @@ const Contact = () => {
   };
 
   return (
-    <div className="bg-white min-h-screen p-6">
+
+    <div className="bg-white min-h-screen p-6 mt-20">
+    {/*  Added margin to adjust the layout, and this caused the entire contact page to shift downwards.
+     As a result, it no longer overlaps with the navbar and is positioned below it. */}
+    
       <h2 className="text-3xl font-bold text-center mb-6">
         How would you like to contact Bio-branch?
       </h2>
+      {/* <div className='contact-content flex justify-center gap-10'> */}
+
+      {/* The alignment issue might be resolved by placing both the contact and feedback forms within a single container div.
+      This change could help manage spacing and layout more effectively.
+      However, since this is not my assigned task, I’m leaving this as a suggestion for the appropriate team member. */}
+
       <div className="flex flex-wrap justify-center gap-6"> {/* Center the boxes with gap */}
         {/* Request a Call Box */}
 
@@ -116,8 +126,9 @@ const Contact = () => {
             </form>
           </div>
         </div>
-      </div>
+        {/* </div> contact content div  */}
     </div>
+
   );
 };