diff --git a/client/src/components/FAQItem.tsx b/client/src/components/FAQItem.tsx
new file mode 100644
index 0000000..65d24b6
--- /dev/null
+++ b/client/src/components/FAQItem.tsx
@@ -0,0 +1,18 @@
+type FAQItem = {
+ question: string;
+ answer: string;
+};
+
+type Props = {
+ stats: FAQItem;
+}
+
+export default function FAQItem({ stats }: Props) {
+
+ return(
+
+
{stats.question}
+
{stats.answer}
+
+ );
+}
diff --git a/client/src/components/Navbar.tsx b/client/src/components/Navbar.tsx
index 6642e44..921dddd 100644
--- a/client/src/components/Navbar.tsx
+++ b/client/src/components/Navbar.tsx
@@ -17,6 +17,7 @@ export default function Navbar() {
events
Sign Up
Gallery
+ FAQ
diff --git a/client/src/main.tsx b/client/src/main.tsx
index c3017b3..82b6a1d 100644
--- a/client/src/main.tsx
+++ b/client/src/main.tsx
@@ -14,6 +14,7 @@ import Gallery from './pages/Gallery'
import Team from "./pages/Team";
import Contact from "./pages/Contact";
import Sponsors from "./pages/Sponsors";
+import FAQ from './pages/Frequent-Asked-Question'
{/* project team imports */}
import Pruna from "./pages/project-team/Pruna"
@@ -33,6 +34,7 @@ const router = createBrowserRouter([
{ path: 'project-team', element: },
{ path: 'sign-up', element: },
{ path: 'gallery', element: },
+ { path: 'faq', element: },
{ path: "contact", element: },
{ path: "sponsors", element: },
diff --git a/client/src/pages/Frequent-Asked-Question.tsx b/client/src/pages/Frequent-Asked-Question.tsx
new file mode 100644
index 0000000..d7e7b16
--- /dev/null
+++ b/client/src/pages/Frequent-Asked-Question.tsx
@@ -0,0 +1,52 @@
+import FAQItem from "../components/FAQItem";
+import { useEffect } from "react";
+
+
+export default function FrequentAskedQuestions(){
+ useEffect(() => {
+ document.title = "FAQ | UMSA";
+ }, []);
+
+ return(
+
+ <>
+ Frequently Asked Questions
+
+
+
+
+
+
+
+
+
+
+
+ >
+ )
+}
\ No newline at end of file