From 0df10aa44132363a3f0e9fd2af32b266cd1e682e Mon Sep 17 00:00:00 2001
From: elida kirigo <elidakirigo@gmail.com>
Date: Fri, 6 Oct 2023 03:03:47 +0300
Subject: [PATCH] [FIX] - added the officer & meet our staff section

---
 src/components/Navbar.tsx | 10 +++++++---
 src/pages/about/index.tsx | 19 +++++++++++++++++++
 2 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/about/index.tsx

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index faa7ce6..b269739 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -118,10 +118,14 @@ const Navbar = ({
               High Performance Computing
             </NavbarDropdownLink>
           </NavbarDropdown>
-          <NavbarDropdown title="About" width={150}>
+          <NavbarDropdown title="about" width={150}>
             <NavbarDropdownLink>What We Do</NavbarDropdownLink>
-            <NavbarDropdownLink>Officers</NavbarDropdownLink>
-            <NavbarDropdownLink>Meet Our Staff</NavbarDropdownLink>
+            <NavbarDropdownLink href="about/#officers">
+              Officers
+            </NavbarDropdownLink>
+            <NavbarDropdownLink href="about/#meetourstaff">
+              Meet Our Staff
+            </NavbarDropdownLink>
           </NavbarDropdown>
           <NavbarButton
             mr={4}
diff --git a/src/pages/about/index.tsx b/src/pages/about/index.tsx
new file mode 100644
index 0000000..9571736
--- /dev/null
+++ b/src/pages/about/index.tsx
@@ -0,0 +1,19 @@
+import { Box } from "@chakra-ui/react"
+import { SEO } from "~/components/SEO"
+
+const about = () => {
+  return (
+    <Box>
+      <Box id="officers">
+        <h1>Officer content</h1>
+      </Box>
+      <Box id="meetourstaff">
+        <h1>meet our staff content</h1>
+      </Box>
+    </Box>
+  )
+}
+
+export default about
+
+export const Head = () => <SEO />