diff --git a/frontend/public/downArrow.svg b/frontend/public/downArrow.svg
new file mode 100644
index 0000000..ee45f3c
--- /dev/null
+++ b/frontend/public/downArrow.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="24.0039" y="24" width="24" height="24" transform="rotate(-180 24.0039 24)" fill="url(#pattern0_2504_348)"/>
+<defs>
+<pattern id="pattern0_2504_348" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2504_348" transform="scale(0.00195312)"/>
+</pattern>
+<image id="image0_2504_348" width="512" height="512" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 2a21084..b07fce5 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -12,7 +12,7 @@ import { IndividualProductPage } from "../src/pages/Individual-product-page";
 import { PageNotFound } from "../src/pages/PageNotFound";
 import FirebaseProvider from "../src/utils/FirebaseProvider";
 import { SavedProducts } from "./pages/SavedProducts";
-
+import { FaqPage } from "../src/pages/FaqPage";
 const router = createBrowserRouter([
   {
     path: "/",
@@ -58,6 +58,7 @@ const router = createBrowserRouter([
       </PrivateRoute>
     ),
   },
+  { path: "/faq", element: <FaqPage /> },
   {
     path: "*",
     element: <PageNotFound />,
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index b35b3c6..0aef1d1 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -1,4 +1,11 @@
-import { faBars, faCartShopping, faUser, faXmark, faHeart } from "@fortawesome/free-solid-svg-icons";
+import {
+  faBars,
+  faCartShopping,
+  faUser,
+  faXmark,
+  faHeart,
+  faQuestion,
+} from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useContext, useEffect, useRef, useState } from "react";
 import { FirebaseContext } from "src/utils/FirebaseProvider";
@@ -70,13 +77,23 @@ export function Navbar() {
               hidden={user === null}
               onClick={() => (window.location.href = "/saved-products")}
               className="font-inter px-4 py-1 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors"
+            >
+              <FontAwesomeIcon className="text-lg pr-2" icon={faHeart} aria-label="Heart Icon" />
+              Saved
+            </button>
+          </li>
+          <li>
+            <button
+              hidden={user === null}
+              onClick={() => (window.location.href = "/faq")}
+              className="font-inter px-4 py-1 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors"
             >
               <FontAwesomeIcon
                 className="text-lg pr-2"
-                icon={faHeart}
-                aria-label="Heart Icon"
+                icon={faQuestion}
+                aria-label="Question Mark"
               />
-              Saved
+              FAQ
             </button>
           </li>
           <li>
@@ -129,6 +146,20 @@ export function Navbar() {
                 Products
               </button>
             </li>
+            <li className="mb-2">
+              <button
+                hidden={user === null}
+                onClick={() => (window.location.href = "/faq")}
+                className="font-inter w-full text-center px-4 py-2 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors"
+              >
+                <FontAwesomeIcon
+                  className="text-lg pr-2"
+                  icon={faQuestion}
+                  aria-label="Question Mark"
+                />
+                FAQ
+              </button>
+            </li>
             <li>
               {user ? (
                 <button
diff --git a/frontend/src/pages/FaqPage.tsx b/frontend/src/pages/FaqPage.tsx
new file mode 100644
index 0000000..9e4418c
--- /dev/null
+++ b/frontend/src/pages/FaqPage.tsx
@@ -0,0 +1,116 @@
+import { useNavigate } from "react-router-dom";
+import { useState } from "react";
+
+type FaqItemProps = {
+  question: string;
+  answer: JSX.Element;
+};
+
+function FaqItem({ question, answer }: FaqItemProps) {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <div className="border-t border-gray-400 py-6">
+      <button
+        className="flex justify-between items-center w-full text-lg font-jetbrains"
+        onClick={() => setIsOpen(!isOpen)}
+      >
+        <div className={`${isOpen ? "text-[#00629B]" : "text-black"}`}>{question}</div>
+        <img
+          src="/downArrow.svg"
+          className={`w-5 h-5 transition-transform duration-300 ease-in-out ${
+            isOpen ? "rotate-180" : "rotate-0"
+          }`}
+        />
+      </button>
+      {isOpen && <div className="mt-4 text-sm font-mono">{answer}</div>}
+    </div>
+  );
+}
+
+export function FaqPage() {
+  const navigate = useNavigate();
+
+  return (
+    <div>
+      <div className="flex flex-col mx-auto w-[60%]">
+        <button
+          className="text-lg mt-12 font-inter hover:underline self-start"
+          onClick={() => navigate("/products")}
+        >
+          &larr; Return to Marketplace
+        </button>
+        <div className="font-jetbrains text-center text-[48px] mt-12 mb-8">
+          Frequently Asked Questions
+        </div>
+
+        <FaqItem
+          question="What is Low-Price Center?"
+          answer={
+            <div>
+              <p>We let you buy stuff for cheap at UCSD!</p>
+              <p className="mt-2">
+                Read more about Low-Price Center{" "}
+                <button className="font-bold" onClick={() => navigate("/about-us")}>
+                  Here
+                </button>
+              </p>
+            </div>
+          }
+        />
+
+        <FaqItem
+          question="Is Low-Price Center Officially Affiliated with UCSD?"
+          answer={
+            <p>
+              No, Low-Price Center is an independent entity and is not officially affiliated with
+              UCSD.
+            </p>
+          }
+        />
+        <FaqItem
+          question="Is Low-Price Center Officially Affiliated with UCSD?"
+          answer={
+            <p>
+              No, Low-Price Center is an independent entity and is not officially affiliated with
+              UCSD.
+            </p>
+          }
+        />
+        <FaqItem
+          question="Is Low-Price Center Officially Affiliated with UCSD?"
+          answer={
+            <p>
+              No, Low-Price Center is an independent entity and is not officially affiliated with
+              UCSD.
+            </p>
+          }
+        />
+        <FaqItem
+          question="Is Low-Price Center Officially Affiliated with UCSD?"
+          answer={
+            <p>
+              No, Low-Price Center is an independent entity and is not officially affiliated with
+              UCSD.
+            </p>
+          }
+        />
+        <FaqItem
+          question="Is Low-Price Center Officially Affiliated with UCSD?"
+          answer={
+            <p>
+              No, Low-Price Center is an independent entity and is not officially affiliated with
+              UCSD.
+            </p>
+          }
+        />
+        <FaqItem
+          question="How to Buy?"
+          answer={
+            <p>Visit our marketplace, contact sellers if interested, and then meet to purchase!</p>
+          }
+        />
+      </div>
+    </div>
+  );
+}