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 />