Help

app/Navbar.tsx

@@ -14,6 +14,9 @@ export default function Navbar({ session }: NavbarProps) {
         <li>
           <Link href="/">SideCause</Link>
         </li>
+        <li>
+          <Link href="/help">Help</Link>
+        </li>
         <li>
           <Link href="/posts">Posts</Link>
         </li>

app/help/page.tsx

@@ -0,0 +1,32 @@
+export default function HelpPage() {
+  return (
+    <main>
+      <section className="hero" aria-labelledby="hero-title">
+        <h2 id="hero-title">What is this about?</h2>
+        <p>
+          Side Cause is a volunteering site that uses a &quot;bounty&quot;
+          system. Local businesses and charities benefit from the help they get,
+          and volunteers get a cash reward out of it. Everyone wins!
+        </p>
+        <h3>For volunteers</h3>
+        <p>
+          To begin, sign up for an account and set your location so that you can
+          get listings relevant to you. Next, visit the Posts page to see what
+          listings are available. If one looks good to you, you can sign up for
+          it.
+        </p>
+        <h3>For organizations</h3>
+        <p>TBD</p>
+      </section>
+      <section>
+        <h2>About Us</h2>
+        <p>We are a small team.</p>
+      </section>
+      <section>
+        <h2>FAQ</h2>
+        <h3>TBD</h3>
+        <p>TBD</p>
+      </section>
+    </main>
+  )
+}