diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx
new file mode 100644
index 0000000..31667ac
--- /dev/null
+++ b/src/pages/faq.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+const FAQPage = () => {
+    return <div>
+        <h1>FAQs</h1>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id felis et ipsum bibendum ultrices. Morbi vitae pulvinar velit. Sed aliquam dictum sapien, id sagittis augue malesuada eu.</p>
+    </div>
+};
+
+export default FAQPage;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 3b3501c..3edc849 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -37,6 +37,12 @@ const Home: NextPage = () => {
         <meta name="description" content="Generated by create-t3-app" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
+      <nav>
+        <Link href="/faq">
+            <a>FAQ</a>
+        </Link>
+      </nav>
+
       <main className="h-full p-4">
         <div className="text-2xl font-semibold">Test your Empathy!</div>
         <Chat />