From 34fc5d77dc8e9daa1259c6251bf9a064fdb5a6eb Mon Sep 17 00:00:00 2001
From: Kenny Jung <dukyoung01@naver.com>
Date: Mon, 30 Oct 2023 02:03:53 +0900
Subject: [PATCH 1/4] Set up FAQ page

---
 apps/dotcom/src/app/App.tsx           | 2 ++
 apps/dotcom/src/app/pages/faq/FAQ.tsx | 7 +++++++
 2 files changed, 9 insertions(+)
 create mode 100644 apps/dotcom/src/app/pages/faq/FAQ.tsx

diff --git a/apps/dotcom/src/app/App.tsx b/apps/dotcom/src/app/App.tsx
index bef465f..b5fefa7 100644
--- a/apps/dotcom/src/app/App.tsx
+++ b/apps/dotcom/src/app/App.tsx
@@ -10,6 +10,7 @@ import ApplyDeveloper from './pages/apply/developer/ApplyDeveloper';
 import ApplyProductDesigner from './pages/apply/product-designer/ApplyProductDesigner';
 import ApplyProductManager from './pages/apply/product-manager/ApplyProductManager';
 import Events from './pages/events/Events';
+import FAQ from './pages/faq/FAQ';
 import Home from './pages/home/Home';
 import NotFound from './pages/notfound/NotFound';
 import People from './pages/people/People';
@@ -43,6 +44,7 @@ const App: React.FC = () => {
           <Route path="/apply/brand-designer" Component={ApplyBrandDesigner} />
           <Route path="/projects" Component={Projects} />
           <Route path="/people" Component={People} />
+          <Route path="/faq" Component={FAQ} />
           <Route path="*" Component={NotFound} />
         </Routes>
         <Footer />
diff --git a/apps/dotcom/src/app/pages/faq/FAQ.tsx b/apps/dotcom/src/app/pages/faq/FAQ.tsx
new file mode 100644
index 0000000..877b536
--- /dev/null
+++ b/apps/dotcom/src/app/pages/faq/FAQ.tsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const FAQ: React.FC = () => {
+  return <>I am faq page</>;
+};
+
+export default FAQ;

From 56afc867c8136273d179829375b66caac6e77434 Mon Sep 17 00:00:00 2001
From: Kenny Jung <dukyoung01@naver.com>
Date: Mon, 30 Oct 2023 02:36:16 +0900
Subject: [PATCH 2/4] Everything else

---
 apps/dotcom/src/app/pages/faq/Accordion.tsx | 66 ++++++++++++++++++
 apps/dotcom/src/app/pages/faq/FAQ.tsx       | 75 +++++++++++++++++++--
 apps/dotcom/src/app/pages/faq/faq.svg       |  1 +
 3 files changed, 137 insertions(+), 5 deletions(-)
 create mode 100644 apps/dotcom/src/app/pages/faq/Accordion.tsx
 create mode 100644 apps/dotcom/src/app/pages/faq/faq.svg

diff --git a/apps/dotcom/src/app/pages/faq/Accordion.tsx b/apps/dotcom/src/app/pages/faq/Accordion.tsx
new file mode 100644
index 0000000..a1b633f
--- /dev/null
+++ b/apps/dotcom/src/app/pages/faq/Accordion.tsx
@@ -0,0 +1,66 @@
+// Mostly copied from src/app/components/Accordion.tsx
+
+import React, { useState } from 'react';
+import {
+  Accordion as MuiAccordion,
+  AccordionDetails,
+  AccordionSummary,
+  Typography,
+  Fade,
+} from '@material-ui/core';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import { makeStyles } from '@material-ui/core/styles';
+
+interface AccordionProps {
+  sections: any[];
+}
+
+const useStyles = makeStyles({
+  title: {
+    fontWeight: 500,
+  },
+});
+
+const Accordion: React.FC<AccordionProps> = (props: any) => {
+  const classes = useStyles();
+  const [showHiddenQuestions, setShowHiddenQuestions] = useState(false);
+
+  return (
+    <>
+      {props.sections.map((section: any, index: any) => (
+        <Fade in timeout={1000 + 200 * index}>
+          <MuiAccordion>
+            <AccordionSummary
+              expandIcon={<ExpandMoreIcon />}
+              onClick={() => {
+                console.log('onClick called');
+                setShowHiddenQuestions(true);
+              }}
+              id="panel1a-header"
+            >
+              <Typography
+                variant="body1"
+                className={classes.title}
+                color="primary"
+              >
+                {section.title}
+              </Typography>
+            </AccordionSummary>
+            <AccordionDetails>
+              <Typography variant="body2">{section.body}</Typography>
+            </AccordionDetails>
+          </MuiAccordion>
+        </Fade>
+      ))}
+      {showHiddenQuestions && (
+        <React.Fragment>
+          {props.hiddenQuestions.map((question: string) => (
+            <>{question}</>
+          ))}
+        </React.Fragment>
+      )}
+    </>
+  );
+};
+
+export default Accordion;
diff --git a/apps/dotcom/src/app/pages/faq/FAQ.tsx b/apps/dotcom/src/app/pages/faq/FAQ.tsx
index 877b536..01debe4 100644
--- a/apps/dotcom/src/app/pages/faq/FAQ.tsx
+++ b/apps/dotcom/src/app/pages/faq/FAQ.tsx
@@ -1,7 +1,72 @@
-import React from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+} from 'react';
+import { Helmet } from 'react-helmet';
+import { Container, Box, Link } from '@material-ui/core';
+import Hero from '../../components/Hero';
+import { ReactComponent as SVG } from './faq.svg';
+import { Link as RouterLink } from 'react-router-dom';
+import Accordion from './Accordion';
 
-const FAQ: React.FC = () => {
-  return <>I am faq page</>;
-};
+export default function FAQ() {
+  // this is the list of FAQs
+  const frequently_asked_questions = [
+    {
+      title: 'What does C4C stand for?',
+      body: 'C4C stands for Code4Community!',
+    },
+    {
+      title: 'How does the application process work?',
+      // TODO figure out how to link to the apply page from here
+      body: "Visit the apply page and submit your application. We'll reach out to schedule an interview with 1-2 members of our team.",
+    },
+    {
+      title: 'Who do we work with?',
+      body: 'We work with nonprofits in the Greater Boston area that strive to improve the community we live in. We look for organizations that have a need for a software solution, but lack the resources to pursue typical development channels.',
+    },
+    {
+      title: 'How often does C4C meet?',
+      body: 'Product team members meet once a week.',
+    },
+    {
+      title: 'What is the product team structure?',
+      body: 'Teams are structured around a single project that everyone works on together. Each team is made up of: a project lead, 1-2 designers, and several software developers.',
+    },
+    {
+      title:
+        'How many people are in C4C? How many people are on a product team?',
+      body: 'Depending on how many partners and projects we are taking on in a semester, our organization size may vary. However, our product teams are usually around 8 members each.',
+    },
+    {
+      title: 'What have you worked on in the past?',
+      body: (
+        <>
+          Check out our past projects on our{' '}
+          <Link href="https://github.com/Code-4-Community">Github</Link>!
+        </>
+      ),
+    },
+  ];
 
-export default FAQ;
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
+  return (
+    <Container maxWidth="md">
+      <Hero
+        title="FAQs"
+        subtitle="Everything you need to know about our product teams."
+        SvgNode={SVG}
+      />
+      <Container maxWidth="sm">
+        <Box py="5vh">
+          <Accordion sections={frequently_asked_questions} />
+        </Box>
+      </Container>
+    </Container>
+  );
+}
diff --git a/apps/dotcom/src/app/pages/faq/faq.svg b/apps/dotcom/src/app/pages/faq/faq.svg
new file mode 100644
index 0000000..ed5f21e
--- /dev/null
+++ b/apps/dotcom/src/app/pages/faq/faq.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 887.5 444.01"><defs><style>.cls-1{fill:#e6e6e6;}.cls-2{fill:#ffb8b8;}.cls-3{fill:#d0cde1;}.cls-4{fill:#2f2e41;}.cls-5{fill:#3f3d56;}.cls-6{fill:#6c63ff;}.cls-7{opacity:0.3;isolation:isolate;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" x="34.33" y="29.4" width="395.04" height="197.52"/><path class="cls-1" d="M474.79,406.05l-9.36-2.7a123.55,123.55,0,0,1-4.24-13.15l4.39-.16-4.79-1.38c-1.38-5.52-2-9.27-2-9.27s19,5.65,33.26,16.68l1.77,12.37,1.68-9.51a48.3,48.3,0,0,1,4.4,4.42c13.75,15.81,19.74,33.13,13.37,38.67s-22.69-2.78-36.45-18.6a65.53,65.53,0,0,1-10.22-17.08Z"/><path class="cls-1" d="M829.27,349.69l5.33-21a272.39,272.39,0,0,1,29-10.4l.67,9.78L867,317.27c12.21-3.49,20.52-5,20.52-5s-11.22,42.68-34.76,75.3l-27.43,4.82,21.31,3.07a108.3,108.3,0,0,1-9.53,10.1c-34.24,31.78-72.38,46.37-85.18,32.57s4.57-50.74,38.81-82.52c10.62-9.86,23.95-17.76,37.3-24Z"/><path class="cls-1" d="M778.54,326.85l-6.3-20.76a272.84,272.84,0,0,1,19.43-23.88l5.63,8-3.23-10.63c8.65-9.3,15-14.91,15-14.91s12.45,42.33,9.17,82.43l-21,18.3L817,357a110.56,110.56,0,0,1-2.93,13.58c-12.89,44.9-38,77.1-56.09,71.91s-22.31-45.8-9.43-90.71c4-13.92,11.32-27.58,19.53-39.81Z"/><polygon class="cls-2" points="693.23 413.76 691.02 423.68 675.61 422.57 676.71 411.56 693.23 413.76"/><polygon class="cls-2" points="731.76 413.76 733.97 423.68 749.38 422.57 748.28 411.56 731.76 413.76"/><circle class="cls-2" cx="736.17" cy="71.31" r="20.92"/><polygon class="cls-2" points="749.38 76.81 754.89 102.14 727.36 110.95 728.46 79.02 749.38 76.81"/><path class="cls-3" d="M739.47,105.44,753.33,95s2.66-3.82,3.76-.52,11,15.42,11,15.42l-7.7,90.29L702,201.24S724.84,96,727.75,99.61,738.37,103.24,739.47,105.44Z"/><path class="cls-4" d="M727.91,92.78s4.41,4.4,2.2,7.71-.55,9.43-2.75,9.94,2.2,38-4.4,47.87-3.31,35.23-3.31,39.64-6.6,30.83-6.6,30.83-22,2.2-22-3.3,7.71-44.05,7.71-44.05l-6.61-68.27s0-6.61,7.71-8.81S723,96.63,723,96.63Z"/><path class="cls-2" d="M696.53,172.61H702s28.63,2.2,26.43-9.91-24.22-3.3-24.22-3.3l-6.61,3.3Z"/><path class="cls-4" d="M752.45,90.93s9,5.7,10.15,7.91S789,113.15,789,122s-7.71,18.72-7.71,18.72l-9.91,96.9s-16.52,5.51-17.62,1.1-5.51-101.3-3.31-105.71,2.21-33,2.21-33Z"/><path class="cls-2" d="M781.32,250.79l1.1,6.61s-1.1,22-9.91,20.92-3.31-23.12-3.31-23.12l1.11-4.41Z"/><path class="cls-4" d="M768.1,194.64s-1.1,99.1-6.6,131-7.71,87-7.71,87-14.32,2.21-16.52,3.31-7.71-2.2-7.71-2.2l-1.1-163-20.92,73.78s-3.3,89.2-9.91,91.4-26.43-2.2-26.43-2.2,7.71-84.79,9.91-88.1,7.71-100.2,16.52-117.82l3.3-12.11S763.7,197.94,768.1,194.64Z"/><path class="cls-4" d="M689.92,419.27s5.51-4.4,5.51-1.1,5.5,23.67-1.1,23.67-50.66,3.86-49.56-4.95S672.37,414,672.37,414s9.84,3.06,10.94,4.16S689.92,419.27,689.92,419.27Z"/><path class="cls-4" d="M735.07,419.27s-5.51-4.4-5.51-1.1-5.5,23.67,1.1,23.67,50.66,3.86,49.56-4.95S752.62,414,752.62,414s-9.84,3.06-10.94,4.16S735.07,419.27,735.07,419.27Z"/><path class="cls-4" d="M699.83,112.05l-7.71,1.1-15.41,44s-4.41,22,2.2,25.32S698,185.18,698,185.18l1.84-24.68-5.5,1.1,5.5-11Z"/><path class="cls-4" d="M783.52,117.55,789,122s5.5,56.16,4.4,61.66-7.71,72.68-7.71,72.68L767,251.9l13.22-133.24Z"/><path class="cls-4" d="M759.32,56.1s6.09-7.73,0-11.59v1.93S746.26,32,738.43,35.82l-7-1.94v1.94l-4.35-1.94.87,2.9H721.9l2.61,1.93s-20-1-7.83,13.53c0,0-5.79,8.68-.29,13.52,0,0,4.64-10.63,10.73-7.73a9.71,9.71,0,0,0,10.44-1s12.18-1,10.44,4.83-.87,7.72-.87,7.72,4.35,2.9,3.48,4.83-.87,7.73-.87,7.73,4.35-6.76,6.09-5.8S767.15,67.69,759.32,56.1Z"/><polygon class="cls-4" points="520.59 125.26 566.89 126.41 573.12 71.2 520.59 71.2 520.59 125.26"/><path class="cls-4" d="M569.6,196.83,586.5,314s14.65,41.69,15.78,62l4.5,29.29-20.28,4.51-21.4-82.25-29.3-74.37,3.38,85.63,6.76,69.86L525.66,412l-12.39-89-13.52-65.35s-10.14-56.33,5.63-62Z"/><path class="cls-4" d="M587.86,398.08l2.25,27.42s-24.13,14-16.39,16.66,18.35-.77,20.51-1.39,6.57-1.68,9.8-2.45a7.17,7.17,0,0,0,5.56-6.47v-.1c.2-3.38-7.42-32.7-7.42-32.7Z"/><path class="cls-4" d="M529.25,398.77,527.35,425S499.87,435.2,507,439.33s18.16,2.75,20.4,2.56c4.14-.35,14.44-.7,14.44-.7s1.91,1.65,2.74-1.62S543.42,407,543.42,407Z"/><circle class="cls-2" cx="545.94" cy="80.78" r="21.41"/><polygon class="cls-2" points="558.34 93.17 562.84 117.96 543.69 126.97 539.18 95.42 558.34 93.17"/><path class="cls-2" d="M560.59,210.35l-23.66,16.9s-10.14,25.91-18,21.41,9-27,9-27l19.16-19.16Z"/><path class="cls-2" d="M493,202.46,490.73,216s5.64,28.17,12.4,22.54-2.26-23.66-2.26-23.66L502,203.59Z"/><path class="cls-3" d="M545.94,120.21l2.25-9,13.53-6.76,4.5,5.63,14.65,4.51L564,204.72s-57.46,3.38-58.59-5.64,11.27-33.8,11.27-33.8-3.38-12.39-2.26-19.15l4.51-27,18-5.64,4.11-5,3.77,6.11Z"/><path class="cls-3" d="M577.49,116.83l3.38-2.25s6.76,1.13,9,10.14,0,49.57-5.63,57.46-21.41,31.55-21.41,31.55l-21.41-10.14L564,177.67,569.6,145Z"/><path class="cls-3" d="M527.91,121.34l-9-2.25s-5.63,2.25-7.89,10.14-14.64,47.32-13.52,50.7-10.14,25.91-10.14,25.91L503.13,207l9-23.66,9-23.66Z"/><path class="cls-4" d="M583,101.11c-4.51-2.48-6.61-8-6.76-13.2s1.1-10.24,1.2-15.39a11.85,11.85,0,0,0-.27-3.14,12.17,12.17,0,0,0-1.73-3.57c-5.87-9-16.07-15.33-26.82-15.42a11.72,11.72,0,0,0-4.54.83c-1.11.44-1.48.39-1.69,1.75a11.37,11.37,0,0,0-7.8.25,26.26,26.26,0,0,0-6.81,4.06,30.69,30.69,0,0,0-3.45,3c-5.68,5.88-7,14.95-5.34,23,.53,2.61-2,5.12-4.16,6.72s-4.58,3.07-5.62,5.52-.45,5-.65,7.59A13,13,0,0,1,500.31,114a4,4,0,0,0,3.86,1.35,9.47,9.47,0,0,0,4-1.91,24,24,0,0,0,8.91-13.22c.62,2.83.38,5.76.36,8.67a24.39,24.39,0,0,1-1.76,9.47,13.85,13.85,0,0,1-6.38,7c2.78,1.36,5.85.37,8.21-1.64a17.1,17.1,0,0,0,4.73-7.88,39.26,39.26,0,0,0,1.9-14.91,21.29,21.29,0,0,1,2.67,14.51,22.17,22.17,0,0,1-7.53,13.06,43,43,0,0,0,19.78-5,11.1,11.1,0,0,0,4.06-3.12c2-2.73,1.5-6.44,1-9.75-.44-2.62,2.84-6.41,1-8.29a3.12,3.12,0,0,0-2.08-.9,18.41,18.41,0,0,1-14-8.27,21.33,21.33,0,0,1-3.55-10.93,19.89,19.89,0,1,1,38.88,5.9,39.85,39.85,0,0,0-1.44,6.74,52.45,52.45,0,0,1-1.62,7.84c-1.42,4.94-3.82,10-8.26,12.55a12.75,12.75,0,0,0,4.91,1c5.58.62,11.45.48,16.49-2S583.4,106.71,583,101.11Z"/><path class="cls-4" d="M570.87,79.25c-16-6.42-31.81-7.79-47.19,0V66.31a8.44,8.44,0,0,1,8.43-8.43h32.11a6.66,6.66,0,0,1,6.65,6.66h0Z"/><ellipse class="cls-2" cx="565.89" cy="83.49" rx="2.36" ry="3.78"/><rect class="cls-5" x="367.5" y="442.01" width="520" height="2"/><path class="cls-5" d="M0,199.52H397V0H0Zm395-2H2V2H395Z"/><path class="cls-6" d="M247.16,162.29a16.11,16.11,0,1,1,0-.09Z"/><path class="cls-7" d="M247.16,162.29a16.11,16.11,0,1,1,0-.09Z"/><path class="cls-6" d="M276.41,80.88a37.34,37.34,0,0,1-6.5,21.28,49.43,49.43,0,0,1-9.44,10.2c-.62.52-1.3,1.06-2.21,1.76-1.14.85-2.41,1.74-3.87,2.7a80.73,80.73,0,0,0-7.43,5.43,16.33,16.33,0,0,0-3.61,3.9c-1.23,2.15-1.85,6.31-1.85,12.37v1h-27v-4.68c0-3.66.09-6.74.26-9.42a67.73,67.73,0,0,1,.76-7.25,17.91,17.91,0,0,1,1.88-6c1.77-3,6-7,13-12.26l.91-.68c.29-.2.57-.41.86-.63a41.49,41.49,0,0,0,6.66-5.9,21.34,21.34,0,0,0,1.62-2.16l.13-.2a17.21,17.21,0,0,0,2.22-9.12,16.17,16.17,0,0,0-.16-2.41,12.78,12.78,0,0,0-4.06-8.12,14.5,14.5,0,0,0-9.11-3.8c-.43,0-.83,0-1.24,0a19.36,19.36,0,0,0-4.73.56,14.27,14.27,0,0,0-7.44,4.6,19.27,19.27,0,0,0-2.6,4,58.16,58.16,0,0,0-4.48,17.14l-.1,1-25.38-6.76V76.16c.12-.45.25-.9.39-1.34a50.48,50.48,0,0,1,7.63-15.63,39.53,39.53,0,0,1,4.93-5.57c.43-.43.9-.85,1.37-1.26A45.75,45.75,0,0,1,208,45.72l.32-.15a50.75,50.75,0,0,1,22-4.68c.79,0,1.72,0,2.64.06a50.28,50.28,0,0,1,21.69,5.53,44,44,0,0,1,8.43,5.68,36.06,36.06,0,0,1,13,23.68A42.47,42.47,0,0,1,276.41,80.88Z"/><path class="cls-7" d="M276.41,80.88a37.34,37.34,0,0,1-6.5,21.28,49.43,49.43,0,0,1-9.44,10.2c-.62.52-1.3,1.06-2.21,1.76-1.14.85-2.41,1.74-3.87,2.7a80.73,80.73,0,0,0-7.43,5.43,16.33,16.33,0,0,0-3.61,3.9c-1.23,2.15-1.85,6.31-1.85,12.37v1h-27v-4.68c0-3.66.09-6.74.26-9.42a67.73,67.73,0,0,1,.76-7.25,17.91,17.91,0,0,1,1.88-6c1.77-3,6-7,13-12.26l.91-.68c.29-.2.57-.41.86-.63a41.49,41.49,0,0,0,6.66-5.9,21.34,21.34,0,0,0,1.62-2.16l.13-.2a17.21,17.21,0,0,0,2.22-9.12,16.17,16.17,0,0,0-.16-2.41,12.78,12.78,0,0,0-4.06-8.12,14.5,14.5,0,0,0-9.11-3.8c-.43,0-.83,0-1.24,0a19.36,19.36,0,0,0-4.73.56,14.27,14.27,0,0,0-7.44,4.6,19.27,19.27,0,0,0-2.6,4,58.16,58.16,0,0,0-4.48,17.14l-.1,1-25.38-6.76V76.16c.12-.45.25-.9.39-1.34a50.48,50.48,0,0,1,7.63-15.63,39.53,39.53,0,0,1,4.93-5.57c.43-.43.9-.85,1.37-1.26A45.75,45.75,0,0,1,208,45.72l.32-.15a50.75,50.75,0,0,1,22-4.68c.79,0,1.72,0,2.64.06a50.28,50.28,0,0,1,21.69,5.53,44,44,0,0,1,8.43,5.68,36.06,36.06,0,0,1,13,23.68A42.47,42.47,0,0,1,276.41,80.88Z"/><path class="cls-6" d="M236.16,162.29a16.11,16.11,0,1,1,0-.09Z"/><path class="cls-6" d="M265.41,80.88a37.34,37.34,0,0,1-6.5,21.28,49.43,49.43,0,0,1-9.44,10.2c-.62.52-1.3,1.06-2.21,1.76-1.14.85-2.41,1.74-3.87,2.7a80.73,80.73,0,0,0-7.43,5.43,16.33,16.33,0,0,0-3.61,3.9c-1.23,2.15-1.85,6.31-1.85,12.37v1h-27v-4.68c0-3.66.09-6.74.26-9.42a67.73,67.73,0,0,1,.76-7.25,17.91,17.91,0,0,1,1.88-6c1.77-3,6-7,13-12.26l.91-.68c.29-.2.57-.41.86-.63a41.49,41.49,0,0,0,6.66-5.9,21.34,21.34,0,0,0,1.62-2.16l.13-.2a17.21,17.21,0,0,0,2.22-9.12,16.17,16.17,0,0,0-.16-2.41,12.78,12.78,0,0,0-4.06-8.12,14.5,14.5,0,0,0-9.11-3.8c-.43,0-.83,0-1.24,0a19.36,19.36,0,0,0-4.73.56,14.27,14.27,0,0,0-7.44,4.6,19.27,19.27,0,0,0-2.6,4c-1.8,3.59-3,8.35-3.48,14.14l-.1,1L170.42,87l.14-1A71.74,71.74,0,0,1,173,74.82a50.48,50.48,0,0,1,7.63-15.63,39.53,39.53,0,0,1,4.93-5.57c.43-.43.9-.85,1.37-1.26A45.75,45.75,0,0,1,197,45.72l.32-.15a50.75,50.75,0,0,1,22-4.68c.79,0,1.72,0,2.64.06a50.28,50.28,0,0,1,21.69,5.53,44,44,0,0,1,8.43,5.68,36.06,36.06,0,0,1,13,23.68A42.47,42.47,0,0,1,265.41,80.88Z"/></g></g></svg>
\ No newline at end of file

From 27a8790dc225257be976a7bc1fbe48bc65ec554e Mon Sep 17 00:00:00 2001
From: Kenny Jung <dukyoung01@naver.com>
Date: Mon, 30 Oct 2023 02:37:54 +0900
Subject: [PATCH 3/4] Testing

---
 apps/dotcom/src/app/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/dotcom/src/app/App.tsx b/apps/dotcom/src/app/App.tsx
index b5fefa7..c1e96e8 100644
--- a/apps/dotcom/src/app/App.tsx
+++ b/apps/dotcom/src/app/App.tsx
@@ -44,7 +44,7 @@ const App: React.FC = () => {
           <Route path="/apply/brand-designer" Component={ApplyBrandDesigner} />
           <Route path="/projects" Component={Projects} />
           <Route path="/people" Component={People} />
-          <Route path="/faq" Component={FAQ} />
+          {/* <Route path="/faq" Component={FAQ} /> */}
           <Route path="*" Component={NotFound} />
         </Routes>
         <Footer />

From ae5d3b445a311fa1a974c79dd6d93396c60a8c0e Mon Sep 17 00:00:00 2001
From: Kenny Jung <dukyoung01@naver.com>
Date: Mon, 30 Oct 2023 02:50:01 +0900
Subject: [PATCH 4/4] Make width better

---
 apps/dotcom/src/app/pages/faq/FAQ.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/dotcom/src/app/pages/faq/FAQ.tsx b/apps/dotcom/src/app/pages/faq/FAQ.tsx
index 01debe4..c8d69e1 100644
--- a/apps/dotcom/src/app/pages/faq/FAQ.tsx
+++ b/apps/dotcom/src/app/pages/faq/FAQ.tsx
@@ -56,13 +56,13 @@ export default function FAQ() {
   }, []);
 
   return (
-    <Container maxWidth="md">
+    <Container maxWidth="lg">
       <Hero
         title="FAQs"
         subtitle="Everything you need to know about our product teams."
         SvgNode={SVG}
       />
-      <Container maxWidth="sm">
+      <Container maxWidth="xs">
         <Box py="5vh">
           <Accordion sections={frequently_asked_questions} />
         </Box>