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