From ede87cabcb8229c43737d12ff0c2322c8b18d9ae Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 02:50:20 +0200
Subject: [PATCH 1/6] Hide footer

---
 src/components/Footer/Footer.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.component.tsx b/src/components/Footer/Footer.component.tsx
index 87db488b9..608803733 100644
--- a/src/components/Footer/Footer.component.tsx
+++ b/src/components/Footer/Footer.component.tsx
@@ -4,7 +4,7 @@
  * @returns {JSX.Element} - Rendered component
  */
 const Footer = () => (
-  <footer className="bg-white mb-4">
+  <footer className="bg-white mb-4 hidden md:block">
     <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 border border-gray-200 rounded">
       <div className="text-gray-600 mx-auto">
         &copy; {new Date().getFullYear()} Daniel / w3bdesign

From fdeaec3edbfaa000130a466f96c3e8ff476eee7c Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 02:58:34 +0200
Subject: [PATCH 2/6] Update Footer.component.tsx

---
 src/components/Footer/Footer.component.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer/Footer.component.tsx b/src/components/Footer/Footer.component.tsx
index 608803733..07c61567e 100644
--- a/src/components/Footer/Footer.component.tsx
+++ b/src/components/Footer/Footer.component.tsx
@@ -1,12 +1,14 @@
+import React from 'react';
+
 /**
  * Renders Footer of the application.
  * @function Footer
  * @returns {JSX.Element} - Rendered component
  */
-const Footer = () => (
-  <footer className="bg-white mb-4 hidden md:block">
-    <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 border border-gray-200 rounded">
-      <div className="text-gray-600 mx-auto">
+const Footer: React.FC = () => (
+  <footer className="bg-white py-4 mt-auto hidden md:block">
+    <div className="container mx-auto px-6">
+      <div className="text-gray-600 text-center">
         &copy; {new Date().getFullYear()} Daniel / w3bdesign
       </div>
     </div>

From c5c1e4404cb56a2cb4c401b637ab32f84896c723 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 03:13:35 +0200
Subject: [PATCH 3/6] Revert "Update Footer.component.tsx"

This reverts commit fdeaec3edbfaa000130a466f96c3e8ff476eee7c.
---
 src/components/Footer/Footer.component.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/Footer/Footer.component.tsx b/src/components/Footer/Footer.component.tsx
index 07c61567e..608803733 100644
--- a/src/components/Footer/Footer.component.tsx
+++ b/src/components/Footer/Footer.component.tsx
@@ -1,14 +1,12 @@
-import React from 'react';
-
 /**
  * Renders Footer of the application.
  * @function Footer
  * @returns {JSX.Element} - Rendered component
  */
-const Footer: React.FC = () => (
-  <footer className="bg-white py-4 mt-auto hidden md:block">
-    <div className="container mx-auto px-6">
-      <div className="text-gray-600 text-center">
+const Footer = () => (
+  <footer className="bg-white mb-4 hidden md:block">
+    <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 border border-gray-200 rounded">
+      <div className="text-gray-600 mx-auto">
         &copy; {new Date().getFullYear()} Daniel / w3bdesign
       </div>
     </div>

From f395e036351e2e50566f808b1b58d3a933bc11c0 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 03:17:34 +0200
Subject: [PATCH 4/6] Update Layout.component.tsx

---
 src/components/Layout/Layout.component.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Layout/Layout.component.tsx b/src/components/Layout/Layout.component.tsx
index 71fbca64b..9f43c36f5 100644
--- a/src/components/Layout/Layout.component.tsx
+++ b/src/components/Layout/Layout.component.tsx
@@ -41,7 +41,6 @@ const Layout = ({ children, title }: ILayoutProps) => {
 
       if (!updatedCart && !data?.cart?.contents?.nodes.length) {
         // Should we clear the localStorage if we have no remote cart?
-
         return;
       }
 
@@ -57,13 +56,15 @@ const Layout = ({ children, title }: ILayoutProps) => {
   }, [refetch]);
 
   return (
-    <>
+    <div className="flex flex-col min-h-screen">
       <Header title={title} />
       <PageTitle title={title} />
-      {children}
+      <main className="flex-grow">
+        {children}
+      </main>
       <Footer />
       <Stickynav />
-    </>
+    </div>
   );
 };
 

From 3ab6913ab71c2ee99e90669e08d743eb74d9aa96 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 03:24:38 +0200
Subject: [PATCH 5/6] Update Footer.component.tsx

---
 src/components/Footer/Footer.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.component.tsx b/src/components/Footer/Footer.component.tsx
index 608803733..a333c633f 100644
--- a/src/components/Footer/Footer.component.tsx
+++ b/src/components/Footer/Footer.component.tsx
@@ -4,7 +4,7 @@
  * @returns {JSX.Element} - Rendered component
  */
 const Footer = () => (
-  <footer className="bg-white mb-4 hidden md:block">
+  <footer className="bg-white mb-4 hidden md:block px-4">
     <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 border border-gray-200 rounded">
       <div className="text-gray-600 mx-auto">
         &copy; {new Date().getFullYear()} Daniel / w3bdesign

From 1f28c2352f680a9048e6ce9bc38aba768164a593 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Sun, 15 Sep 2024 03:53:32 +0200
Subject: [PATCH 6/6] Update Stickynav.component.tsx

---
 src/components/Footer/Stickynav.component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Footer/Stickynav.component.tsx b/src/components/Footer/Stickynav.component.tsx
index 9f73c1473..05b82eee6 100644
--- a/src/components/Footer/Stickynav.component.tsx
+++ b/src/components/Footer/Stickynav.component.tsx
@@ -13,7 +13,7 @@ import Hamburger from './Hamburger.component';
 const Stickynav = () => (
   <nav
     id="footer"
-    className="fixed bottom-0 z-50 w-full mt-[15rem] md:hidden"
+    className="fixed bottom-0 z-50 w-full mt-[10rem] md:hidden"
   >
     <div className="container flex flex-wrap items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96 bg-blue-800">
       <Hamburger />