From e688509c8857661a2bc46c4e1260ee5151d1c7a8 Mon Sep 17 00:00:00 2001
From: lucille <lucyjemutai.2019@gmail.com>
Date: Tue, 24 Sep 2024 19:09:24 +0300
Subject: [PATCH]  ensure the footer is fixed across the page

---
 components/footer.js | 145 ++++++++++++++++++++++---------------------
 1 file changed, 74 insertions(+), 71 deletions(-)

diff --git a/components/footer.js b/components/footer.js
index d44901d..178fb28 100755
--- a/components/footer.js
+++ b/components/footer.js
@@ -1,75 +1,78 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Link from 'next/link';
+import * as React from "react";
+import Box from "@mui/material/Box";
+import Link from "next/link";
 
 export default function Footer() {
-    return (
-        <Box
-            component="footer"
-            sx={{
-                backgroundColor: "#fcfcfc",
-                width: "100%",
-                height: "80px",
-                position: "absolute",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                zIndex: 1000,
-            }}
+  return (
+    <Box
+      component="footer"
+      sx={{
+        backgroundColor: "#fcfcfc",
+        width: "100%",
+        height: "80px",
+        position: "fixed",
+        bottom: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 1000,
+      }}
+    >
+      <Box
+        sx={{
+          display: "flex",
+          flexDirection: "row",
+          justifyContent: "center",
+          gap: 2,
+        }}
+      >
+        <Link
+          style={{
+            fontWeight: "500",
+            textDecoration: "none",
+            color: "#334",
+            fontSize: "1.1em",
+          }}
+          href={"/about"}
         >
-            <Box
-                sx={{
-                    display: "flex",
-                    flexDirection: "row",
-                    justifyContent: "center",
-                    gap: 2,
-                }}
-            >
-                <Link
-                    style={{
-                        fontWeight: "500",
-                        textDecoration: "none",
-                        color: "#334",
-                        fontSize: "1.1em",
-                    }}
-                    href={"/about"}
-                >
-                    About
-                </Link>
-                <Link
-                    style={{
-                        fontWeight: "500",
-                        textDecoration: "none",
-                        color: "#334",
-                        fontSize: "1.1em",
-                    }}
-                    href={"/resources"}
-                >
-                    Resources
-                </Link>
-                <Link
-                    style={{
-                        fontWeight: "500",
-                        textDecoration: "none",
-                        color: "#334",
-                        fontSize: "1.1em",
-                    }}
-                    href={"/knowledgebase"}
-                >
-                    Knowledge base
-                </Link>
-                <Link
-                    style={{
-                        fontWeight: "500",
-                        textDecoration: "none",
-                        color: "#334",
-                        fontSize: "1.1em",
-                    }}
-                    href={"/help"}
-                >
-                    Help &amp; guides
-                </Link>
-            </Box>
-        </Box>
-    );
+          About
+        </Link>
+        <Link
+          style={{
+            fontWeight: "500",
+            textDecoration: "none",
+            color: "#334",
+            fontSize: "1.1em",
+          }}
+          href={"/resources"}
+        >
+          Resources
+        </Link>
+        <Link
+          style={{
+            fontWeight: "500",
+            textDecoration: "none",
+            color: "#334",
+            fontSize: "1.1em",
+          }}
+          href={"/knowledgebase"}
+        >
+          Knowledge base
+        </Link>
+        <Link
+          style={{
+            fontWeight: "500",
+            textDecoration: "none",
+            color: "#334",
+            fontSize: "1.1em",
+          }}
+          href="https://knhts-staging.health.go.ke/moh-healthdocs/books/kenya-national-health-terminology-service"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Help &amp; guides
+        </Link>
+      </Box>
+    </Box>
+  );
 }