diff --git a/package-lock.json b/package-lock.json
index 87fc4d62..87f16ed2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13814,6 +13814,66 @@
       "engines": {
         "node": ">=18.0.0"
       }
+    },
+    "node_modules/@next/swc-android-arm-eabi": {
+      "version": "13.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.1.6.tgz",
+      "integrity": "sha512-F3/6Z8LH/pGlPzR1AcjPFxx35mPqjE5xZcf+IL+KgbW9tMkp7CYi1y7qKrEWU7W4AumxX/8OINnDQWLiwLasLQ==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-android-arm64": {
+      "version": "13.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-13.1.6.tgz",
+      "integrity": "sha512-cMwQjnB8vrYkWyK/H0Rf2c2pKIH4RGjpKUDvbjVAit6SbwPDpmaijLio0LWFV3/tOnY6kvzbL62lndVA0mkYpw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-freebsd-x64": {
+      "version": "13.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.1.6.tgz",
+      "integrity": "sha512-qaEALZeV7to6weSXk3Br80wtFQ7cFTpos/q+m9XVRFggu+8Ib895XhMWdJBzew6aaOcMvYR6KQ6JmHA2/eMzWw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm-gnueabihf": {
+      "version": "13.1.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.1.6.tgz",
+      "integrity": "sha512-OybkbC58A1wJ+JrJSOjGDvZzrVEQA4sprJejGqMwiZyLqhr9Eo8FXF0y6HL+m1CPCpPhXEHz/2xKoYsl16kNqw==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     }
   }
 }
diff --git a/src/client/lib/authenticated-page.tsx b/src/client/lib/authenticated-page.tsx
index de98892e..fb834926 100644
--- a/src/client/lib/authenticated-page.tsx
+++ b/src/client/lib/authenticated-page.tsx
@@ -10,7 +10,7 @@ export const requiresLogin =
     const { status } = useSession();
 
     // Include any public pathnames here
-    const publicPaths = ["/signInPage"];
+    const publicPaths = ["/signInPage", "/about"];
     const pathIsProtected = !publicPaths.includes(router.pathname);
 
     useEffect(() => {
diff --git a/src/components/navbar/Navbar.module.css b/src/components/navbar/Navbar.module.css
index 74f732be..ca7685ef 100644
--- a/src/components/navbar/Navbar.module.css
+++ b/src/components/navbar/Navbar.module.css
@@ -16,7 +16,6 @@
 .linkItem {
   padding: 1.25rem 0 1.25rem calc(45% - 1.5rem * 1.5);
 }
-
 .link {
   color: var(--on-primary);
   text-decoration: none;
@@ -34,7 +33,6 @@
 .burger {
   color: var(--primary-99);
 }
-
 @media (min-width: 992px) {
   .linkItem {
     padding-left: 9%;
diff --git a/src/middleware.ts b/src/middleware.ts
index 6c3b4c4f..fb72e601 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -22,4 +22,4 @@ export function middleware(request: NextRequest) {
   return NextResponse.next();
 }
 
-export const config = { matcher: ["/((?!img|_next|api|signInPage).*)"] };
+export const config = { matcher: ["/((?!img|_next|api|signInPage|about).*)"] };
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
new file mode 100644
index 00000000..dc81a42a
--- /dev/null
+++ b/src/pages/about.tsx
@@ -0,0 +1,15 @@
+const About = () => {
+  return (
+    <div>
+      <h2>About Compass</h2>
+
+      <div>
+        Compass is a civic app we are building for the San Francisco Unified
+        School District. The app seeks to assist Teachers with setting and
+        tracking goals for students with disabilities.
+      </div>
+    </div>
+  );
+};
+
+export default About;
diff --git a/src/pages/signInPage.tsx b/src/pages/signInPage.tsx
index 229b0df6..d872f241 100644
--- a/src/pages/signInPage.tsx
+++ b/src/pages/signInPage.tsx
@@ -16,13 +16,15 @@ const SignInPage = () => {
 
   return (
     <div className={$home.greetWrap}>
-      <Image
-        src="/img/compass-logo.svg"
-        alt="logo"
-        width={60}
-        height={60}
-        priority
-      />
+      <button className={$button.about} onClick={() => router.push("/about")}>
+        <Image
+          src="/img/compass-logo.svg"
+          alt="logo"
+          width={60}
+          height={60}
+          priority
+        />
+      </button>
       <h1 className={$home.bold}>Welcome to Project Compass</h1>
       <div>Log in with your Google account to continue</div>
       <button
diff --git a/src/styles/Button.module.css b/src/styles/Button.module.css
index 04d3dacb..eb5fbc29 100644
--- a/src/styles/Button.module.css
+++ b/src/styles/Button.module.css
@@ -11,6 +11,13 @@
   text-align: center;
   font-size: 16px;
 }
+.about {
+  border: none;
+  background-color: transparent;
+}
+.about {
+  cursor: pointer;
+}
 
 .default:hover {
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),