From 8f9d88aafa85593e3e3fb75399d1b1049adaf329 Mon Sep 17 00:00:00 2001
From: Emma <e.e.gill@outlook.com>
Date: Fri, 29 Jul 2022 09:43:05 +0100
Subject: [PATCH 1/3] Continuing work on landing banner

---
 project-app/.eslintrc.json                 |  4 ++--
 project-app/components/Landing/Landing.jsx | 19 +++++++++++--------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/project-app/.eslintrc.json b/project-app/.eslintrc.json
index bffb357..fe73d21 100644
--- a/project-app/.eslintrc.json
+++ b/project-app/.eslintrc.json
@@ -1,3 +1,3 @@
 {
-  "extends": "next/core-web-vitals"
-}
+  "extends": ["next/babel","next/core-web-vitals"]
+}
\ No newline at end of file
diff --git a/project-app/components/Landing/Landing.jsx b/project-app/components/Landing/Landing.jsx
index 184a10f..e981f0d 100644
--- a/project-app/components/Landing/Landing.jsx
+++ b/project-app/components/Landing/Landing.jsx
@@ -3,17 +3,20 @@ import NavButton from './NavButton/NavButton.jsx'
 const LandingBanner = () => {
 
   return ( 
-    <div className='bg-hero-background bg-contain bg-no-repeat .flex flex-col '>
+    <div id="home" className='bg-hero-background min-h-screen hero-image bg-right-bottom bg-cover flex'>
 
-      <div className='grid h-screen place-items-center'>
-      <h1 className = 'text-3xl'>Project Clean-Up</h1>
-      </div>
-
-      <div className='md:w-80 md:space-x-5 p-3 inset-9 md:-mt-96'>
-        <NavButton buttonText="Button One"/> 
-        <NavButton buttonText="Button Two"/>
+    <div class="relative container mx-auto p-4 flex items-center justify-center z-10">
+      <div>
+        <div class="flex flex-col justify-center items-center lg:items-start text-center">
+          <h1 class="text-6xl font-semibold text-gray-900 leading-none align-center">Project Clean-Up</h1>
+          <div class="flex flex-row items-center justify-between">
+            <NavButton buttonText="Button One"/> 
+            <NavButton buttonText="Button Two"/>
+          </div>
+        </div>
       </div>
     </div> 
+  </div> 
     );
 
 }

From 68f75e345eb3432033b751f2a223c8f0675cab71 Mon Sep 17 00:00:00 2001
From: Jenan <j.azzubaydi@gmail.com>
Date: Fri, 29 Jul 2022 10:46:57 +0100
Subject: [PATCH 2/3] landing-banner

---
 project-app/components/Landing/Landing.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/project-app/components/Landing/Landing.jsx b/project-app/components/Landing/Landing.jsx
index e981f0d..6e97ee4 100644
--- a/project-app/components/Landing/Landing.jsx
+++ b/project-app/components/Landing/Landing.jsx
@@ -3,13 +3,13 @@ import NavButton from './NavButton/NavButton.jsx'
 const LandingBanner = () => {
 
   return ( 
-    <div id="home" className='bg-hero-background min-h-screen hero-image bg-right-bottom bg-cover flex'>
+    <div id="home" className='bg-hero-background min-h-screen hero-image bg-right-bottom bg-cover flex mt-[4rem]'>
 
-    <div class="relative container mx-auto p-4 flex items-center justify-center z-10">
-      <div>
+    <div class="relative container mx-auto p-4 flex items-center justify-center z-10" >
+      <div > 
         <div class="flex flex-col justify-center items-center lg:items-start text-center">
           <h1 class="text-6xl font-semibold text-gray-900 leading-none align-center">Project Clean-Up</h1>
-          <div class="flex flex-row items-center justify-between">
+          <div class="flex flex-row items-center justify-between space-x-8 md:ml-24">
             <NavButton buttonText="Button One"/> 
             <NavButton buttonText="Button Two"/>
           </div>

From cd2b8d1eaa79176e7dfb2b55ba7abedbce43a778 Mon Sep 17 00:00:00 2001
From: Jenan <j.azzubaydi@gmail.com>
Date: Fri, 29 Jul 2022 11:37:05 +0100
Subject: [PATCH 3/3] landing-banner fixed

---
 project-app/components/Landing/Landing.jsx | 2 +-
 project-app/components/Navbar/Navbar.jsx   | 2 +-
 project-app/styles/globals.css             | 4 ++++
 project-app/tailwind.config.js             | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/project-app/components/Landing/Landing.jsx b/project-app/components/Landing/Landing.jsx
index 6e97ee4..f78fa36 100644
--- a/project-app/components/Landing/Landing.jsx
+++ b/project-app/components/Landing/Landing.jsx
@@ -5,7 +5,7 @@ const LandingBanner = () => {
   return ( 
     <div id="home" className='bg-hero-background min-h-screen hero-image bg-right-bottom bg-cover flex mt-[4rem]'>
 
-    <div class="relative container mx-auto p-4 flex items-center justify-center z-10" >
+    <div class="relative container mx-auto p-4 flex items-center justify-center z-10 h-48 w-2/4 mt-[10rem]" >
       <div > 
         <div class="flex flex-col justify-center items-center lg:items-start text-center">
           <h1 class="text-6xl font-semibold text-gray-900 leading-none align-center">Project Clean-Up</h1>
diff --git a/project-app/components/Navbar/Navbar.jsx b/project-app/components/Navbar/Navbar.jsx
index 3e89b91..dc42bd5 100644
--- a/project-app/components/Navbar/Navbar.jsx
+++ b/project-app/components/Navbar/Navbar.jsx
@@ -54,7 +54,7 @@ const Navbar = () => {
   );
 
   return (
-    <div className="fixed">
+    <div className="fixed z-20">
       <div className=" flex justify-between w-[100vw] bg-[#004F54] text-[white] ml-[0px] px-[2em] py-[2em]">
         <div>Logo</div>
         <Link href="#home">
diff --git a/project-app/styles/globals.css b/project-app/styles/globals.css
index f9750d4..7e8f660 100644
--- a/project-app/styles/globals.css
+++ b/project-app/styles/globals.css
@@ -18,4 +18,8 @@ body{
 img {
   border: none;
 }
+.hero-background{
+  width: 100%;
+  height:auto
+}
 
diff --git a/project-app/tailwind.config.js b/project-app/tailwind.config.js
index 19cfc68..f4cb967 100644
--- a/project-app/tailwind.config.js
+++ b/project-app/tailwind.config.js
@@ -8,6 +8,7 @@ module.exports = {
     extend: {
       backgroundImage: {
         'hero-background': "url('/hero-background.png')",
+       
       }
     },
   },