diff --git a/components/Logo.tsx b/components/Logo.tsx
deleted file mode 100644
index b336ec66..00000000
--- a/components/Logo.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from "react";
-import "../styles/Logo.css";
-
-import * as logos from "../components/assets";
-
-const Logo: React.FC = () => {
-  const logoArray = [
-    logos.aisp,
-    logos.avanade,
-    logos.basf,
-    logos.bcg,
-    logos.bigIdea,
-    logos.bloomberg,
-    logos.citi,
-    logos.csa,
-    logos.dbs,
-    logos.deloitte,
-    logos.edb,
-    logos.edelman,
-    logos.ey,
-    logos.gic,
-    logos.govtech,
-    logos.ipr,
-    logos.kearney,
-    logos.maxeon,
-    logos.mha,
-    logos.nac,
-    logos.nvpc,
-    logos.one,
-    logos.sap,
-    logos.sc,
-    logos.sgtech,
-    logos.ttsh,
-    logos.we,
-    logos.google,
-  ];
-
-  return (
-    <div className="logos">
-      <div className="logos-slide">
-        {logoArray.map((logo, index) => (
-          <img key={index} src={logo} alt={`Logo ${index + 1}`} />
-        ))}
-      </div>
-
-      <div className="logos-slide">
-        {logoArray.map((logo, index) => (
-          <img
-            key={index + logoArray.length}
-            src={logo}
-            alt={`Logo ${index + 1}`}
-          />
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default Logo;
diff --git a/components/assets/index.ts b/components/assets/index.ts
deleted file mode 100644
index 0023de8b..00000000
--- a/components/assets/index.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-export const advisoryLogo = `/advisory-logo.png`;
-export const advisoryMentorshipLogo = `/advisory-mentorship-logo-2023.png`;
-export const advisoryMentorshipPartners = `/advisory-mentorship-partners.png`;
-
-export const aisp = "/logos/AISP.png";
-export const avanade = "/logos/avanade.png";
-export const basf = "/logos/basf.png";
-export const bcg = "/logos/bcg.jpg";
-export const bigIdea = "/logos/bigIdea.png";
-export const bloomberg = "/logos/bloomberg.png";
-export const citi = "/logos/citi.png";
-export const csa = "/logos/csa.png";
-export const dbs = "/logos/dbs.png";
-export const deloitte = "/logos/deloitte.jpg";
-export const edb = "/logos/edb.png";
-export const edelman = "/logos/edelman.jpg";
-export const ey = "/logos/ey.png";
-export const gic = "/logos/gic.png";
-export const govtech = "/logos/govtech.png";
-export const ipr = "/logos/ipr.png";
-export const kearney = "/logos/kearney.png";
-export const maxeon = "/logos/maxeon.png";
-export const mha = "/logos/mha.png";
-export const nac = "/logos/nac.png";
-export const nvpc = "/logos/nvpc.png";
-export const one = "/logos/one.png";
-export const sap = "/logos/sap.jpg";
-export const sc = "/logos/sc.jpg";
-export const sgtech = "/logos/sgtech.png";
-export const ttsh = "/logos/ttsh.png";
-export const we = "/logos/we.png";
-export const google = "/logos/google.png";
-
-export const footerLogo = "/footer-logo.png";
diff --git a/index.html b/index.html
index d66e570c..588f981f 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
     <meta itemprop="description" content="The Advisory Mentorship Programme" />
     <meta
       itemprop="image"
-      content="%PUBLIC_URL%/advisory-mentorship-logo.jpg"
+      content="%PUBLIC_URL%/advisory-mentorship-logo.png"
     />
     <!-- Facebook / OpenGraph -->
     <meta property="og:url" content="https://mentorship.advisory.sg" />
@@ -28,7 +28,7 @@
     />
     <meta
       property="og:image"
-      content="%PUBLIC_URL%/advisory-mentorship-logo.jpg"
+      content="%PUBLIC_URL%/advisory-mentorship-logo.png"
     />
     <!-- Twitter -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -39,7 +39,7 @@
     />
     <meta
       name="twitter:image"
-      content="%PUBLIC_URL%/advisory-mentorship-logo.jpg"
+      content="%PUBLIC_URL%/advisory-mentorship-logo.png"
     />
 
     <script
diff --git a/package-lock.json b/package-lock.json
index c67ba678..0702d93b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
       "devDependencies": {
         "@elastic/elasticsearch": "^8.8.0",
         "@next/eslint-plugin-next": "^14.0.4",
+        "@types/js-cookie": "^3.0.6",
         "@types/react": "^18.3.3",
         "airtable": "^0.12.2",
         "autoprefixer": "^10.4.16",
@@ -972,6 +973,12 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@types/js-cookie": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-3.0.6.tgz",
+      "integrity": "sha512-wkw9yd1kEXOPnvEeEV1Go1MmxtBJL0RR79aOTAApecWFVu7w0NNXNqhcWgvw2YgZDYadliXkl14pa3WXw5jlCQ==",
+      "dev": true
+    },
     "node_modules/@types/node": {
       "version": "14.18.12",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.12.tgz",
diff --git a/package.json b/package.json
index e0d112ce..6b0f9eae 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start",
+    "start": "npx serve@latest out",
     "prepare": "husky install"
   },
   "eslintConfig": {
@@ -49,6 +49,7 @@
   "devDependencies": {
     "@elastic/elasticsearch": "^8.8.0",
     "@next/eslint-plugin-next": "^14.0.4",
+    "@types/js-cookie": "^3.0.6",
     "@types/react": "^18.3.3",
     "airtable": "^0.12.2",
     "autoprefixer": "^10.4.16",
diff --git a/pages/faq.tsx b/pages/faq.tsx
deleted file mode 100644
index 13aae64b..00000000
--- a/pages/faq.tsx
+++ /dev/null
@@ -1,218 +0,0 @@
-import React from "react";
-
-import Accordion from "@mui/material/Accordion";
-import AccordionDetails from "@mui/material/AccordionDetails";
-import AccordionSummary from "@mui/material/AccordionSummary";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import Typography from "@mui/material/Typography";
-import { styled } from "@mui/material/styles";
-
-import Canvas from "../components/Canvas";
-import "../styles/App.css";
-
-// programme structure and timeline questions
-const programmeQuestions = [
-  {
-    question:
-      "How does the programme work and what will be covered in the monthly meetings?",
-    answer:
-      "The Advisory Mentorship Programme is a four-month structured mentorship programme consisting of a one hour session each month, from June to September 2022. The consistency and timings of meetings would be dependent on the individual availability of mentees and their mentors. In terms of the content covered in each meeting, while we do ultimately leave it to the discretion of the individual mentee-mentor pairs, we have also provided a suggested structure for each month’s session in our Mentee Manual, which is distributed to all confirmed mentees prior to the commencement of the programme. Very briefly, we recommend the first month’s session be used for you and your mentor to set some ground rules and expectations, and to get to know one another better. The second session on “understanding career interests” could be a chance for your mentor to share how they navigated their own career path, so as to provide you with some insights on how to bridge the gap between school and work. The third session on “understanding next steps” consolidates the discussions of the past two sessions. It is a good time for your mentor to offer you some advice on the practical steps you can take post-mentorship to pursue your occupation(s) of interest. The fourth session on “working on next steps” would allow mentors to offer some guidance on how you can proceed from where you are now, to where you want to be. This can be through actionables or tasks, and so on.",
-  },
-  {
-    question:
-      "Are there any projects or deliverables to be completed during the period of the mentorship?",
-    answer:
-      "There are no specific projects per se during the mentorship period, as we recognise that each mentee would be at a different stage of their career exploration journey, and we typically leave that to the discretion of individual mentee-mentor pairs. If selected, you can also let your mentor know if there are additional areas of support you’re looking for, and on a case-by-case basis they will certainly do their best to support you!",
-  },
-  {
-    question: "When will the programme officially commence?",
-    answer:
-      "The application period for mentees would close on 20 June 2022, while the official launch of the programme would take place mid-end June!",
-  },
-  {
-    question:
-      "Would there be possible internship opportunities during/ following the mentorship?",
-    answer:
-      "Internships are not guaranteed. Our mentors have been made well aware that they are not obliged to provide any internships or other forms of employment to their mentees. Though we have seen very heartening cases of mentors who have helped to arrange internships for their mentes, this should not be an expectation going into the programme, and we ultimately leave it to the individual mentor's discretion as to how they would like to tailor their guidance and support to their mentees.",
-  },
-  {
-    question:
-      "Will there be a certificate for mentees at the end of the programme?",
-    answer:
-      "We have provided a certificate of completion at the end of the programme in both 2020 and 2021, and we are certainly intending to do the same in this year's iteration of the programme.",
-  },
-  {
-    question:
-      "Are there 2 waves of mentorship this year similar to last year’s structure and If I apply now, am I applying for one wave or all of them?",
-    answer:
-      "Unfortunately, we do not currently have plans to carry out more waves of the mentorship programme, so all applications made would only be considered for the current run.",
-  },
-  {
-    question: "Can we continue to meet our mentors beyond the programme?",
-    answer:
-      "Yes! Mentees are encouraged to stay in contact with their mentors and continue the relationship beyond the programme as long as both parties wish to do so. However, do take note that your contact with your Mentor is no longer affiliated with nor facilitated by Advisory after the duration of the programme, but on the basis of your own independence.",
-  },
-];
-
-// application process and considerations questions
-const applicationQuestions = [
-  {
-    question:
-      "How many mentors am I able to select in my application? What if I do not get matched with any of my choices?",
-    answer:
-      "In your application, you will be allowed to indicate up to three mentors of your choice, which do not have to come from the same industry. For each of your choices, you will be prompted to share with us in more than 150 words on why you would like to be matched with the particular mentor. For more information on what we look out for in your application, you may refer to our Sample Application Response. In the sign-up form, you will also be prompted to indicate three industries (out of our list of 48) which you are most interested in, as well as to tell us whether you would be open to being matched with a mentor beyond your three choices. In the event that you are not allocated any of your top three mentor choices, should your application be found suitable, you may be allocated a mentor whose industry or fields of expertise match those of your interest.",
-  },
-  {
-    question:
-      "What if I am unsure about my industries of interest? Are there any supporting resources to help me make a more informed decision?",
-    answer:
-      "Most definitely. Our mentorship website contains a link to our list of 48 industries by which we categorise our mentors’ areas of expertise. If you are experiencing any difficulties in deciding on your industries of interest, we would encourage you to take some time to read through the list, and shortlist a couple of industries that you may be most interested in. Following which, you may use the “Industry” search filter function to find possible mentors from your fields of interest.",
-  },
-  {
-    question:
-      "Do you have any advice for students who are passionate about a field but not entirely sure whether they will join the industry in the end?",
-    answer:
-      "We would encourage you to apply either way! One important aspect of mentorship is that you have the opportunity to learn about whether a job or industry is right for you, and we do have mentees who, following the mentorship programme, have decided to embark on other career paths which they had previously not considered. There are many students who are still in their exploratory phases, and it’s perfectly okay to change your mind!",
-  },
-  {
-    question:
-      "The application form requires a CV. Are younger students at a disadvantage since their experiences may not be as extensive as older students?",
-    answer:
-      "The purpose of collecting your CV would really be to give us a sense of who you are, and we have students from across the whole age range getting matched with mentors. The most important aspect of your application would be what you share with us about the mentors you want to be matched with and why - the most compelling answers are genuine, and you don’t have to have the most experience! Many things count as experience - not just formal work experience of achievements, but also free courses you’ve done on the side, things you’ve read, hobbies you have, etc. We encourage everyone to take the leap - you never know if you’ll be the lucky person to get your first choice mentor!",
-  },
-  {
-    question:
-      "Can I select a mentor who is in an industry that is not related to the degree I am currently pursuing?",
-    answer:
-      "Most definitely, we do not impose any restrictions on students’ applications based on their courses of study or subject combinations. As long as the application shows a depth of research into the mentor's profile and clear learning outcomes for the particular mentor, it would certainly be a very strong application.",
-  },
-  {
-    question:
-      "What is the total number of mentee vacancies, and how many students will be selected for the programme?",
-    answer:
-      "For each of our mentors, they would have indicated the number of mentees (between 1-3) they would be willing to take. Based on what the mentors have indicated, we would then be able to allocate them the relevant number of suitable mentees. While we are unable to forecast the total number of mentee positions this year, to give some context, during last year's run of the programme, we had 1,517 mentees who were matched with our 1,264 mentors.",
-  },
-  {
-    question:
-      "Other than Advisory’s website, how else should we conduct research on the mentor(s) we are interested in?",
-    answer:
-      "We would strongly recommend you to do a Google search or look up the mentors you’re interested in online. There is usually a wealth of information available out there, given the success many of them have had in their careers.",
-  },
-  {
-    question:
-      "Is there a maximum word count for the section on why we would like to be matched with particular mentors?",
-    answer:
-      "You would be pleased to know that we do not impose a maximum limit on word count in application responses. Do feel free to share with us any compelling reasons you may have for wanting to receive personalised guidance from a particular mentor. A well-thought out response would certainly help boost your application!",
-  },
-  {
-    question:
-      "If we aspire to go to the same school as a chosen mentor who also works in an industry of interest, would that count as a significant and valid basis on which to choose them?",
-    answer:
-      "Most definitely. Having a mentor who has walked the path that you yourself are considering, both in terms of industry and school, would certainly count as a significant reason. Aside from these specific reasons for wanting to be mentored by them, we would also encourage you to bear in mind the other important aspects in your application and do the due diligence in researching your mentor’s experiences and background.",
-  },
-  {
-    question:
-      "Will my academic results or language ability be taken into consideration in my application?",
-    answer:
-      "Absolutely not. The CV we collect from you is a standalone document for us to gain a better understanding of your background and interests. Rest assured that your grades will not be taken into account at all, and our internal team of assessors is also careful to balance against any intuitive biases for language ability — which are biases that unfairly prejudice against some applicants. We also do not accept any referrals from schools or other institutions, so as to ensure a fair playing field for all applicants.",
-  },
-  {
-    question:
-      "If I am currently serving my National Service, am I still eligible to apply for the programme? How can full-time National Servicemen benefit from this program?",
-    answer:
-      "If you are currently serving your National Service, you are definitely still eligible, and most welcome to apply for the programme. In fact, you will be able to benefit from this programme in the same way anyone else can! National Service is also a very suitable time for you to figure out where you would like to go upon the completion of your service, as well as some of the concrete steps you can take to realise your dreams.",
-  },
-  {
-    question:
-      "If I am currently holding a full time job, am I still eligible for the programme?",
-    answer:
-      "Our sincere apologies - we are only accepting applications from students who aren’t currently employed or holding job offers. This is because these students have less opportunities to engage with working professionals than those currently in the industry, and so we want to save our spots for students! Nevertheless, we would invite you to join us for other programmes - mentorship is just one of the many things we do to support students and young working professionals!",
-  },
-  {
-    question:
-      "If I do not have much knowledge or experience in the industry of my selected mentor, does that mean I am less likely to be matched to my choice?",
-    answer:
-      "We believe in providing equal access to mentorship opportunities to all students regardless of their background, so there is no need for you to be an expert in your selected field of interest. As the rationale for mentorship is for you to learn more about a particular industry or about a particular role, what we hope to see in your application is a demonstration of your interest in wanting to learn from your mentor and their experiences. Your application should also reflect concrete learning outcomes that you would like to gain from the programme.",
-  },
-  {
-    question: "Am I able to re-submit or modify my existing application?",
-    answer:
-      "If you had previously submitted a response and would like to re-submit a new application, we would appreciate it if you could kindly drop us an email at mentoring@advisory.sg so that we can remove your previous application from our records, before you submit your new one. That being said, we would really encourage you to consider your choices thoroughly before submitting your application, to save yourself the hassle of having to re-submit later on.",
-  },
-  {
-    question:
-      "What happens if I do not get my first choice of my mentor, would I be reassigned to another mentor?",
-    answer:
-      "In the application form, you would have indicated 3 mentor choices, and if your first mentor choice was not selected, we will consider your second and third choice thereafter. The application form would also contain a question on whether you would be open to being paired with a mentor who falls outside all 3 choices in the event that your three choices were not selected. If you have indicated that you are open to a mentor outside of your choices, we will match you with a mentor who is working in the industry which you are interested in.",
-  },
-  {
-    question:
-      "Can students based outside of Singapore apply for the programme?",
-    answer:
-      "Students outside of Singapore can still apply, but unfortunately, you must be a) a Singapore Citizen; b) a Singapore Permanent Resident; or c) one who has spent a significant amount of time in or has a significant connection to Singapore. If you’d like us to bring Advisory to your country, do drop us an email at contact@advisory.sg!",
-  },
-];
-
-const StyledAccordion = styled(Accordion)(({ theme }) => {
-  return {
-    border: `1px solid var(--brand-color)`,
-    marginBottom: `10px`,
-    ".MuiAccordionDetails-root": {},
-    ".MuiAccordionSummary-content": {
-      marginBottom: `0px`,
-    },
-  };
-});
-
-const App = () => {
-  return (
-    <Canvas>
-      <h1>Frequently Asked Questions</h1>
-      <h2 style={{ color: "var(--brand-color)" }}>
-        Programme Structure and Timeline
-      </h2>
-      <div className="faq container" style={{ marginBottom: "64px" }}>
-        {programmeQuestions.map(({ question, answer }, index) => (
-          <StyledAccordion key={index}>
-            <AccordionSummary
-              expandIcon={<ExpandMoreIcon />}
-              aria-controls="panel1a-content"
-              id="panel1a-header"
-            >
-              <Typography>
-                <b>{question}</b>
-              </Typography>
-            </AccordionSummary>
-            <AccordionDetails>
-              <Typography>{answer}</Typography>
-            </AccordionDetails>
-          </StyledAccordion>
-        ))}
-
-        <h2 style={{ color: "var(--brand-color)" }}>
-          Application Process and Considerations
-        </h2>
-        <div>
-          {applicationQuestions.map(({ question, answer }, index) => (
-            <StyledAccordion key={index}>
-              <AccordionSummary
-                expandIcon={<ExpandMoreIcon />}
-                aria-controls="panel1a-content"
-                id="panel1a-header"
-              >
-                <Typography>
-                  <b>{question}</b>
-                </Typography>
-              </AccordionSummary>
-              <AccordionDetails>
-                <Typography>{answer}</Typography>
-              </AccordionDetails>
-            </StyledAccordion>
-          ))}
-        </div>
-      </div>
-    </Canvas>
-  );
-};
-
-export default App;
diff --git a/public/advisory-mentorship-logo-2023.png b/public/advisory-mentorship-logo-2023.png
deleted file mode 100644
index 1be1f77b..00000000
Binary files a/public/advisory-mentorship-logo-2023.png and /dev/null differ
diff --git a/public/advisory-mentorship-logo.png b/public/advisory-mentorship-logo.png
new file mode 100644
index 00000000..1ac73f9d
Binary files /dev/null and b/public/advisory-mentorship-logo.png differ
diff --git a/public/advisory-mentorship-partners.png b/public/advisory-mentorship-partners.png
deleted file mode 100644
index 6c03275e..00000000
Binary files a/public/advisory-mentorship-partners.png and /dev/null differ
diff --git a/public/logos/01_AiSP.png b/public/logos/01_AiSP.png
new file mode 100644
index 00000000..40eb206c
Binary files /dev/null and b/public/logos/01_AiSP.png differ
diff --git a/public/logos/02_Avanade.png b/public/logos/02_Avanade.png
new file mode 100644
index 00000000..4d25e77d
Binary files /dev/null and b/public/logos/02_Avanade.png differ
diff --git a/public/logos/03_BASF.png b/public/logos/03_BASF.png
new file mode 100644
index 00000000..dbfde94c
Binary files /dev/null and b/public/logos/03_BASF.png differ
diff --git a/public/logos/04_BCG.png b/public/logos/04_BCG.png
new file mode 100644
index 00000000..4f84bf6d
Binary files /dev/null and b/public/logos/04_BCG.png differ
diff --git a/public/logos/05_BCG X.png b/public/logos/05_BCG X.png
new file mode 100644
index 00000000..393d2b05
Binary files /dev/null and b/public/logos/05_BCG X.png differ
diff --git a/public/logos/06_CAG.png b/public/logos/06_CAG.png
new file mode 100644
index 00000000..38dffc36
Binary files /dev/null and b/public/logos/06_CAG.png differ
diff --git a/public/logos/07_Citi.png b/public/logos/07_Citi.png
new file mode 100644
index 00000000..73b60865
Binary files /dev/null and b/public/logos/07_Citi.png differ
diff --git a/public/logos/08_Deloitte.png b/public/logos/08_Deloitte.png
new file mode 100644
index 00000000..236667e7
Binary files /dev/null and b/public/logos/08_Deloitte.png differ
diff --git a/public/logos/09_ECDA.png b/public/logos/09_ECDA.png
new file mode 100644
index 00000000..fd4fdee6
Binary files /dev/null and b/public/logos/09_ECDA.png differ
diff --git a/public/logos/10_EDB.png b/public/logos/10_EDB.png
new file mode 100644
index 00000000..1cc4f873
Binary files /dev/null and b/public/logos/10_EDB.png differ
diff --git a/public/logos/11_EY.png b/public/logos/11_EY.png
new file mode 100644
index 00000000..8164e62f
Binary files /dev/null and b/public/logos/11_EY.png differ
diff --git a/public/logos/12_Forward Dyson.png b/public/logos/12_Forward Dyson.png
new file mode 100644
index 00000000..5928dd06
Binary files /dev/null and b/public/logos/12_Forward Dyson.png differ
diff --git a/public/logos/13_GIC.png b/public/logos/13_GIC.png
new file mode 100644
index 00000000..61e7c738
Binary files /dev/null and b/public/logos/13_GIC.png differ
diff --git a/public/logos/14_GovTech.png b/public/logos/14_GovTech.png
new file mode 100644
index 00000000..225f3230
Binary files /dev/null and b/public/logos/14_GovTech.png differ
diff --git a/public/logos/15_IMDA.png b/public/logos/15_IMDA.png
new file mode 100644
index 00000000..42ea4a98
Binary files /dev/null and b/public/logos/15_IMDA.png differ
diff --git a/public/logos/16_Maxeon.png b/public/logos/16_Maxeon.png
new file mode 100644
index 00000000..36417342
Binary files /dev/null and b/public/logos/16_Maxeon.png differ
diff --git a/public/logos/17_MHA.png b/public/logos/17_MHA.png
new file mode 100644
index 00000000..ff863dea
Binary files /dev/null and b/public/logos/17_MHA.png differ
diff --git a/public/logos/18_NVPC.png b/public/logos/18_NVPC.png
new file mode 100644
index 00000000..2ad85e87
Binary files /dev/null and b/public/logos/18_NVPC.png differ
diff --git a/public/logos/19_Standard Chartered.png b/public/logos/19_Standard Chartered.png
new file mode 100644
index 00000000..b3cfcd3f
Binary files /dev/null and b/public/logos/19_Standard Chartered.png differ
diff --git a/public/logos/AISP.png b/public/logos/AISP.png
deleted file mode 100644
index 453bb67b..00000000
Binary files a/public/logos/AISP.png and /dev/null differ
diff --git a/public/logos/avanade.png b/public/logos/avanade.png
deleted file mode 100644
index 8bd57dc6..00000000
Binary files a/public/logos/avanade.png and /dev/null differ
diff --git a/public/logos/basf.png b/public/logos/basf.png
deleted file mode 100644
index 19d09db3..00000000
Binary files a/public/logos/basf.png and /dev/null differ
diff --git a/public/logos/bcg.jpg b/public/logos/bcg.jpg
deleted file mode 100644
index a42ad93a..00000000
Binary files a/public/logos/bcg.jpg and /dev/null differ
diff --git a/public/logos/bigIdea.png b/public/logos/bigIdea.png
deleted file mode 100644
index 6de3faba..00000000
Binary files a/public/logos/bigIdea.png and /dev/null differ
diff --git a/public/logos/bloomberg.png b/public/logos/bloomberg.png
deleted file mode 100644
index a7175667..00000000
Binary files a/public/logos/bloomberg.png and /dev/null differ
diff --git a/public/logos/citi.png b/public/logos/citi.png
deleted file mode 100644
index dafdaefb..00000000
Binary files a/public/logos/citi.png and /dev/null differ
diff --git a/public/logos/csa.png b/public/logos/csa.png
deleted file mode 100644
index d2b93cde..00000000
Binary files a/public/logos/csa.png and /dev/null differ
diff --git a/public/logos/dbs.png b/public/logos/dbs.png
deleted file mode 100644
index dfcf754f..00000000
Binary files a/public/logos/dbs.png and /dev/null differ
diff --git a/public/logos/deloitte.jpg b/public/logos/deloitte.jpg
deleted file mode 100644
index 5fe38551..00000000
Binary files a/public/logos/deloitte.jpg and /dev/null differ
diff --git a/public/logos/edb.png b/public/logos/edb.png
deleted file mode 100644
index 93e0be76..00000000
Binary files a/public/logos/edb.png and /dev/null differ
diff --git a/public/logos/edelman.jpg b/public/logos/edelman.jpg
deleted file mode 100644
index 6b846132..00000000
Binary files a/public/logos/edelman.jpg and /dev/null differ
diff --git a/public/logos/ey.png b/public/logos/ey.png
deleted file mode 100644
index 6374848a..00000000
Binary files a/public/logos/ey.png and /dev/null differ
diff --git a/public/logos/gic.png b/public/logos/gic.png
deleted file mode 100644
index 5f58f016..00000000
Binary files a/public/logos/gic.png and /dev/null differ
diff --git a/public/logos/google.png b/public/logos/google.png
deleted file mode 100644
index e2b9476e..00000000
Binary files a/public/logos/google.png and /dev/null differ
diff --git a/public/logos/govtech.png b/public/logos/govtech.png
deleted file mode 100644
index 5e40b816..00000000
Binary files a/public/logos/govtech.png and /dev/null differ
diff --git a/public/logos/ipr.png b/public/logos/ipr.png
deleted file mode 100644
index d3759cd4..00000000
Binary files a/public/logos/ipr.png and /dev/null differ
diff --git a/public/logos/kearney.png b/public/logos/kearney.png
deleted file mode 100644
index 64761c1e..00000000
Binary files a/public/logos/kearney.png and /dev/null differ
diff --git a/public/logos/maxeon.png b/public/logos/maxeon.png
deleted file mode 100644
index c32888b6..00000000
Binary files a/public/logos/maxeon.png and /dev/null differ
diff --git a/public/logos/mha.png b/public/logos/mha.png
deleted file mode 100644
index e31234c3..00000000
Binary files a/public/logos/mha.png and /dev/null differ
diff --git a/public/logos/nac.png b/public/logos/nac.png
deleted file mode 100644
index e6d275dd..00000000
Binary files a/public/logos/nac.png and /dev/null differ
diff --git a/public/logos/nvpc.png b/public/logos/nvpc.png
deleted file mode 100644
index 5a2ac3b8..00000000
Binary files a/public/logos/nvpc.png and /dev/null differ
diff --git a/public/logos/one.png b/public/logos/one.png
deleted file mode 100644
index 4bc122ff..00000000
Binary files a/public/logos/one.png and /dev/null differ
diff --git a/public/logos/sap.jpg b/public/logos/sap.jpg
deleted file mode 100644
index 97b5c3c4..00000000
Binary files a/public/logos/sap.jpg and /dev/null differ
diff --git a/public/logos/sc.jpg b/public/logos/sc.jpg
deleted file mode 100644
index b61f1376..00000000
Binary files a/public/logos/sc.jpg and /dev/null differ
diff --git a/public/logos/sgtech.png b/public/logos/sgtech.png
deleted file mode 100644
index 1435cfcf..00000000
Binary files a/public/logos/sgtech.png and /dev/null differ
diff --git a/public/logos/ttsh.png b/public/logos/ttsh.png
deleted file mode 100644
index b93a67d0..00000000
Binary files a/public/logos/ttsh.png and /dev/null differ
diff --git a/public/logos/we.png b/public/logos/we.png
deleted file mode 100644
index cba33306..00000000
Binary files a/public/logos/we.png and /dev/null differ
diff --git a/scripts/load_mentors.js b/scripts/load_mentors.js
index af212304..406466ee 100644
--- a/scripts/load_mentors.js
+++ b/scripts/load_mentors.js
@@ -24,6 +24,7 @@ const WAVES_INFO = new Map([
   ["isw", { tableId: "Institution-Specific Mentorship" }],
   ["2023-vjc", { tableId: "VJC Mentorship 2023" }],
   ["2023", { tableId: "2023 Mentorship" }],
+  ["2024", { tableId: "2024 Mentorship" }],
 ]);
 
 function* chunks(arr, n) {
diff --git a/src/assets.tsx b/src/assets.tsx
new file mode 100644
index 00000000..e12a27ba
--- /dev/null
+++ b/src/assets.tsx
@@ -0,0 +1,26 @@
+export const advisoryLogo = "/advisory-logo.png";
+export const advisoryMentorshipLogo = "/advisory-mentorship-logo.png";
+
+export const partnerLogos = [
+  ["AiSP", "/logos/01_AiSP.png"],
+  ["Avanade", "/logos/02_Avanade.png"],
+  ["BASF", "/logos/03_BASF.png"],
+  ["BCG", "/logos/04_BCG.png"],
+  ["BCG X", "/logos/05_BCG X.png"],
+  ["CAG", "/logos/06_CAG.png"],
+  ["Citi", "/logos/07_Citi.png"],
+  ["Deloitte", "/logos/08_Deloitte.png"],
+  ["ECDA", "/logos/09_ECDA.png"],
+  ["EDB", "/logos/10_EDB.png"],
+  ["EY", "/logos/11_EY.png"],
+  ["Forward Dyson", "/logos/12_Forward Dyson.png"],
+  ["GIC", "/logos/13_GIC.png"],
+  ["GovTech", "/logos/14_GovTech.png"],
+  ["IMDA", "/logos/15_IMDA.png"],
+  ["Maxeon", "/logos/16_Maxeon.png"],
+  ["MHA", "/logos/17_MHA.png"],
+  ["NVPC", "/logos/18_NVPC.png"],
+  ["Standard Chartered", "/logos/19_Standard Chartered.png"],
+];
+
+export const footerLogo = "/footer-logo.png";
diff --git a/components/Canvas.tsx b/src/components/Canvas.tsx
similarity index 83%
rename from components/Canvas.tsx
rename to src/components/Canvas.tsx
index 837575ee..a008fa4b 100644
--- a/components/Canvas.tsx
+++ b/src/components/Canvas.tsx
@@ -1,9 +1,9 @@
 import React from "react";
 
-import Header from "./Header.tsx";
-import Footer from "./Footer.tsx";
+import Header from "./Header";
+import Footer from "./Footer";
 
-const Canvas = ({ children }) => (
+const Canvas = ({ children }: { children: React.ReactNode }) => (
   <>
     <div
       style={{
diff --git a/components/Drawer.tsx b/src/components/Drawer.tsx
similarity index 95%
rename from components/Drawer.tsx
rename to src/components/Drawer.tsx
index 41d6a43f..6bc13287 100644
--- a/components/Drawer.tsx
+++ b/src/components/Drawer.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from "react";
+
 import AppBar from "@mui/material/AppBar";
 import Box from "@mui/material/Box";
 import Drawer from "@mui/material/Drawer";
@@ -8,15 +9,11 @@ import ListItem from "@mui/material/ListItem";
 import Toolbar from "@mui/material/Toolbar";
 import MenuIcon from "@mui/icons-material/Menu";
 import CloseIcon from "@mui/icons-material/Close";
-import { advisoryLogo } from "./assets";
 
-const drawerWidth = 640;
+import { advisoryLogo } from "../assets";
+import { URL_APPLY, URL_FAQ, URL_HOME, URL_MAIN, URL_MENTORS } from "../links";
 
-const URL_APPLY = "/apply";
-const URL_HOME = "/";
-const URL_MAIN = "https://advisory.sg/";
-const URL_FAQ = "/faq";
-const URL_MENTORS = "/mentors";
+const drawerWidth = 640;
 
 const desktopLinkStyle = {
   fontWeight: "700",
@@ -103,11 +100,11 @@ const ResponsiveDrawer = () => {
         </a>
       </ListItem>
       <ListItem disablePadding>
-        <a href={URL_APPLY}>
+        <a href={URL_APPLY} target="_blank">
           <button
             style={{
               backgroundColor: "var(--brand-color)",
-              color: "#fff",
+              color: "white",
               border: "none",
               padding: "10px",
               fontSize: "inherit",
diff --git a/components/Footer.tsx b/src/components/Footer.tsx
similarity index 98%
rename from components/Footer.tsx
rename to src/components/Footer.tsx
index 069db7d6..ba863bf2 100644
--- a/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,6 +1,7 @@
 import React from "react";
+
+import { footerLogo } from "../assets";
 import "../styles/Footer.css";
-import { footerLogo } from "../components/assets";
 
 const FacebookBox = () => (
   <a href="https://www.facebook.com/advisorysg/">
diff --git a/components/Header.tsx b/src/components/Header.tsx
similarity index 99%
rename from components/Header.tsx
rename to src/components/Header.tsx
index 54396083..3b340d8d 100644
--- a/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,6 +1,7 @@
+import React from "react";
+
 import ResponsiveDrawer from "./Drawer";
 import "../styles/Header.css";
-import React from "react";
 
 const Header = () => (
   <div className="header">
diff --git a/src/components/PartnerLogos.tsx b/src/components/PartnerLogos.tsx
new file mode 100644
index 00000000..43d24a3a
--- /dev/null
+++ b/src/components/PartnerLogos.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+
+import { partnerLogos } from "../assets";
+import "../styles/Logo.css";
+
+const Logo: React.FC = () => {
+  return (
+    <div className="partners">
+      <div className="partners-slide">
+        {partnerLogos.map(([altText, logo], index) => (
+          <img key={index} src={logo} alt={altText} />
+        ))}
+      </div>
+
+      <div className="partners-slide">
+        {partnerLogos.map(([altText, logo], index) => (
+          <img key={index + partnerLogos.length} src={logo} alt={altText} />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default Logo;
diff --git a/components/PrivacyNote.tsx b/src/components/PrivacyNote.tsx
similarity index 96%
rename from components/PrivacyNote.tsx
rename to src/components/PrivacyNote.tsx
index e1b9738a..87bdafa3 100644
--- a/components/PrivacyNote.tsx
+++ b/src/components/PrivacyNote.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from "react";
+
 import Modal from "@mui/material/Modal";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
@@ -37,7 +38,7 @@ function PrivacyModal() {
 
   // Function to change it to true
   const handleAgree = () => {
-    Cookies.set("userAgreedToPrivacyPolicy", true, { expires: 30 });
+    Cookies.set("userAgreedToPrivacyPolicy", "true", { expires: 30 });
     setIsOpen(false);
   };
 
diff --git a/components/ResetButton.tsx b/src/components/ResetButton.tsx
similarity index 95%
rename from components/ResetButton.tsx
rename to src/components/ResetButton.tsx
index 77b81e74..7d682304 100644
--- a/components/ResetButton.tsx
+++ b/src/components/ResetButton.tsx
@@ -1,7 +1,8 @@
 import React, { useState } from "react";
+
 import { withSearch } from "@elastic/react-search-ui";
 
-function ClearFacets({ filters, removeFilter }) {
+function ClearFacets({ filters, removeFilter }: any) {
   const handleClearAll = () => {
     for (const filter of filters) {
       removeFilter(filter.field, filter.value);
diff --git a/components/ResultView.tsx b/src/components/ResultView.tsx
similarity index 100%
rename from components/ResultView.tsx
rename to src/components/ResultView.tsx
diff --git a/components/ResultViewGrid.tsx b/src/components/ResultViewGrid.tsx
similarity index 96%
rename from components/ResultViewGrid.tsx
rename to src/components/ResultViewGrid.tsx
index 73de9538..8b2640ab 100644
--- a/components/ResultViewGrid.tsx
+++ b/src/components/ResultViewGrid.tsx
@@ -1,14 +1,14 @@
 import React, { Suspense, lazy, useEffect, useRef, useState } from "react";
-import { Modal, Button, CardActionArea } from "@mui/material";
-import { useInView } from "react-intersection-observer";
-
-import type { DisplayResult } from "./ResultView";
-const LazyResultViewList = lazy(() => import("./ResultViewList"));
 
+import { Modal, Button, CardActionArea } from "@mui/material";
 import Card from "@mui/material/Card";
 import CardActions from "@mui/material/CardActions";
 import CardContent from "@mui/material/CardContent";
 import CardMedia from "@mui/material/CardMedia";
+import { useInView } from "react-intersection-observer";
+
+import type { DisplayResult } from "./ResultView";
+const LazyResultViewList = lazy(() => import("./ResultViewList"));
 import "../styles/ResultView.css";
 
 const ResultViewGrid = ({
@@ -135,10 +135,7 @@ const ResultViewGrid = ({
         }}
       >
         <Suspense fallback={null}>
-          <LazyResultViewList
-            displayResult={displayResult}
-            isShowReadMore={false}
-          />
+          <LazyResultViewList displayResult={displayResult} />
         </Suspense>
       </Modal>
     </Card>
diff --git a/components/ResultViewList.tsx b/src/components/ResultViewList.tsx
similarity index 98%
rename from components/ResultViewList.tsx
rename to src/components/ResultViewList.tsx
index d6d5d044..f6fe8bf8 100644
--- a/components/ResultViewList.tsx
+++ b/src/components/ResultViewList.tsx
@@ -1,4 +1,5 @@
-import React, { Fragment, useState } from "react";
+import React, { Fragment } from "react";
+
 import { Chip } from "@mui/material";
 
 import type { DisplayResult } from "./ResultView";
diff --git a/components/Statistics.tsx b/src/components/Statistics.tsx
similarity index 71%
rename from components/Statistics.tsx
rename to src/components/Statistics.tsx
index 2dd73b6f..bbd084bc 100644
--- a/components/Statistics.tsx
+++ b/src/components/Statistics.tsx
@@ -1,8 +1,16 @@
 import React from "react";
+
 import { Icon } from "@iconify/react";
-import "/styles/Statistics.css";
 
-const Statistics = ({ stats }) => {
+import "../styles/Statistics.css";
+
+export interface Statistic {
+  title: string;
+  value: string;
+  icon: string;
+}
+
+const Statistics = ({ stats }: { stats: Statistic[] }) => {
   return (
     <div className="statistics text-lg">
       <div className="statistics-container">
@@ -10,9 +18,7 @@ const Statistics = ({ stats }) => {
           <div className="statistic" key={index}>
             <Icon icon={stat.icon} className="iconify-icon" />
             <div className="statistic-value">
-              <h2 style={{ margin: "0.5rem 0" }}>
-                {stat.value.toLocaleString()}
-              </h2>
+              <h2 style={{ margin: "0.5rem 0" }}>{stat.value}</h2>
             </div>
             <div className="statistic-title">
               <p style={{ margin: 0, textAlign: "center" }}>{stat.title}</p>
diff --git a/src/globals.d.ts b/src/globals.d.ts
index 96ddfdad..67092dde 100644
--- a/src/globals.d.ts
+++ b/src/globals.d.ts
@@ -1 +1,6 @@
+declare module "@glidejs/glide";
 declare module "html-to-text";
+
+interface Window {
+  umami: any;
+}
diff --git a/src/links.tsx b/src/links.tsx
new file mode 100644
index 00000000..dc1e19e7
--- /dev/null
+++ b/src/links.tsx
@@ -0,0 +1,6 @@
+export const URL_APPLY =
+  "https://advisorysg.typeform.com/to/mJmu4EhV#source=mentorsite";
+export const URL_HOME = "/";
+export const URL_MAIN = "https://advisory.sg/";
+export const URL_FAQ = "/faq";
+export const URL_MENTORS = "/mentors";
diff --git a/pages/_app.tsx b/src/pages/_app.tsx
similarity index 97%
rename from pages/_app.tsx
rename to src/pages/_app.tsx
index db7bec5b..208d3bdd 100644
--- a/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -3,11 +3,10 @@ import type { AppProps } from "next/app";
 import Head from "next/head";
 import Script from "next/script";
 
+import PrivacyModal from "../components/PrivacyNote";
 import "../styles/App.css";
 import "../styles/globals.css";
 
-import PrivacyModal from "../components/PrivacyNote.tsx";
-
 export default function App({ Component, pageProps }: AppProps) {
   return (
     <>
diff --git a/pages/_document.tsx b/src/pages/_document.tsx
similarity index 100%
rename from pages/_document.tsx
rename to src/pages/_document.tsx
diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx
new file mode 100644
index 00000000..a60edc62
--- /dev/null
+++ b/src/pages/faq.tsx
@@ -0,0 +1,314 @@
+import React from "react";
+
+import Accordion from "@mui/material/Accordion";
+import AccordionDetails from "@mui/material/AccordionDetails";
+import AccordionSummary from "@mui/material/AccordionSummary";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import Typography from "@mui/material/Typography";
+import { styled } from "@mui/material/styles";
+
+import Canvas from "../components/Canvas";
+import "../styles/App.css";
+
+interface QNA {
+  question: string;
+  answer: React.ReactNode;
+}
+
+const PROGRAMME_QUESTIONS: QNA[] = [
+  {
+    question:
+      "How does the programme work and what will be covered in the monthly meetings?",
+    answer: (
+      <>
+        <p>
+          The Advisory Mentorship Programme is a four-month structured
+          mentorship programme consisting of a one-hour session each month, from
+          August to November.
+        </p>
+        <p>
+          The consistency and timings of meetings would be dependent on the
+          individual availability of mentees and their mentors. In terms of the
+          content covered in each meeting, while we do ultimately leave it to
+          the discretion of the individual mentee-mentor pairs, we have also
+          provided a suggested structure for each month’s session in our Mentee
+          Manual, which is distributed to all confirmed mentees before the
+          commencement of the programme.
+        </p>
+        <p>
+          Very briefly, we recommend the first month’s session be used for you
+          and your mentor to set some ground rules and expectations, and to get
+          to know one another better. The second session on “understanding
+          career interests” could be a chance for your mentor to share how they
+          navigated their own career path, to provide you with some insights on
+          how to bridge the gap between school and work. The third session on
+          “understanding next steps” consolidates the discussions of the past
+          two sessions. It is a good time for your mentor to offer you some
+          advice on the practical steps you can take post-mentorship to pursue
+          your occupation(s) of interest. The fourth session on “working on next
+          steps” would allow mentors to offer guidance on how you can proceed
+          from where you are now, to where you want to be. This can be through
+          actionables or tasks, and so on.
+        </p>
+      </>
+    ),
+  },
+  {
+    question:
+      "Would there be possible internship opportunities during or following the mentorship?",
+    answer: (
+      <>
+        <p>
+          Though we have seen very heartening cases of mentors who have helped
+          to arrange internships for their mentees, our mentors are not obliged
+          to provide any internships or other forms of employment to their
+          mentees. This should not be an expectation going into the programme,
+          and we ultimately leave it to the individual mentor's discretion as to
+          how they would like to tailor their guidance and support to their
+          mentees.
+        </p>
+      </>
+    ),
+  },
+  {
+    question: "Can we continue to meet our mentors beyond the programme?",
+    answer: (
+      <>
+        <p>
+          Yes! Mentees are encouraged to stay in contact with their mentors and
+          continue the relationship beyond the programme as long as both parties
+          wish to do so. However, do take note that your contact with your
+          Mentor is no longer affiliated with nor facilitated by Advisory after
+          the duration of the programme, but on the basis of your own
+          independence.
+        </p>
+      </>
+    ),
+  },
+];
+
+const APPLICATION_QUESTIONS: QNA[] = [
+  {
+    question:
+      "How many mentors can I select in my application? What if I do not get matched with any of my choices?",
+    answer: (
+      <>
+        <p>
+          In your application, you will be allowed to indicate up to{" "}
+          <b>three</b> mentors of your choice. For each of your choices, you
+          will be prompted to share with us in more than 150 words on why you
+          would like to be matched with the particular mentor. (For more
+          information on what we look out for in your application, you may refer
+          to our{" "}
+          <a href="https://drive.google.com/file/d/1aA3l_WQ1ehGO8UBKuRFLqj4URpQbAVzN/view">
+            Sample Application Response
+          </a>
+          .)
+        </p>
+        <p>
+          In the sign-up form, you will also be prompted to indicate three
+          industries (out of our list of 48) which you are most interested in,
+          as well as to tell us whether you would be open to being matched with
+          a mentor beyond your three choices. In the event that we are not able
+          to allocate to you any of your top three mentor choices, should your
+          application be found suitable, you may be allocated a mentor whose
+          industry or fields of expertise match those of your interest.
+        </p>
+      </>
+    ),
+  },
+  {
+    question: "What if I’m unsure about my industries of interest?",
+    answer: (
+      <>
+        <p>
+          Our mentorship website contains a link to our list of 48 industries by
+          which we categorise our mentors’ areas of expertise. If you are
+          experiencing any difficulties in deciding on your industries of
+          interest, we would encourage you to take some time to read through the
+          list, and shortlist a couple of industries that you may be most
+          interested in. Following which, you may use the “Industry” search
+          filter function to find possible mentors from your fields of interest.
+        </p>
+      </>
+    ),
+  },
+  {
+    question:
+      "What can I do if I’m passionate about a field but not entirely sure whether I want to join the industry at the end of the day?",
+    answer: (
+      <>
+        <p>
+          We would encourage you to apply either way! One important aspect of
+          mentorship is that you have the opportunity to learn about whether a
+          job or industry is right for you, and we do have mentees who,
+          following the mentorship programme, have decided to embark on other
+          career paths which they had previously not considered. There are many
+          students who are still in their exploratory phases, and it’s perfectly
+          okay to change your mind!
+        </p>
+      </>
+    ),
+  },
+  {
+    question:
+      "The application form requires a CV. Are younger students at a disadvantage since their experiences may not be as extensive as older students?",
+    answer: (
+      <>
+        <p>
+          The purpose of collecting your CV would really be to give us a sense
+          of who you are, and we have students from across the whole age range
+          getting matched with mentors. The most important aspect of your
+          application would be what you share with us about the mentors you want
+          to be matched with and why - the most compelling answers are genuine,
+          and you don’t have to have the most experience! Many things count as
+          experience - not just formal work experience of achievements, but also
+          free courses you’ve done on the side, things you’ve read, hobbies you
+          have, etc. We encourage everyone to take the leap - you never know if
+          you’ll be the lucky person to get your first choice mentor!
+        </p>
+      </>
+    ),
+  },
+  {
+    question:
+      "Will my academic results or language ability be taken into consideration in my application?",
+    answer: (
+      <>
+        <p>
+          Absolutely not. The CV we collect from you is a standalone document
+          for us to gain a better understanding of your background and
+          interests. Rest assured that your grades will not be taken into
+          account at all, and our internal team of assessors is also careful to
+          balance against any intuitive biases for language ability — which are
+          biases that unfairly prejudice against some applicants. We also do not
+          accept any referrals from schools or other institutions, so as to
+          ensure a fair playing field for all applicants.
+        </p>
+      </>
+    ),
+  },
+  {
+    question:
+      "What is the total number of mentee vacancies, and how many students will be selected for the programme?",
+    answer: (
+      <>
+        <p>
+          For each of our mentors, they would have indicated the number of
+          mentees (between 1-3) they would be willing to take. Based on what the
+          mentors have indicated, we would then be able to allocate them the
+          relevant number of suitable mentees.
+        </p>
+      </>
+    ),
+  },
+  {
+    question:
+      "If I do not have much knowledge or experience in the industry of my selected mentor, does that mean I am less likely to be matched to my choice?",
+    answer: (
+      <>
+        <p>
+          We believe in providing equal access to mentorship opportunities to
+          all students regardless of their background, so there is no need for
+          you to be an expert in your selected field of interest. As the
+          rationale for mentorship is for you to learn more about a particular
+          industry or about a particular role, what we hope to see in your
+          application is a demonstration of your interest in wanting to learn
+          from your mentor and their experiences. Your application should also
+          reflect concrete learning outcomes that you would like to gain from
+          the programme.
+        </p>
+      </>
+    ),
+  },
+  {
+    question: "Am I able to re-submit or modify my existing application?",
+    answer: (
+      <>
+        <p>
+          If you had previously submitted a response and would like to re-submit
+          a new application, we would appreciate it if you could kindly drop us
+          an email at{" "}
+          <a href="mailto:mentoring@advisory.sg">mentoring@advisory.sg</a> so
+          that we can remove your previous application from our records, before
+          you submit your new one. That being said, we would really encourage
+          you to consider your choices thoroughly before submitting your
+          application, to save yourself the hassle of having to re-submit later
+          on.
+        </p>
+      </>
+    ),
+  },
+  {
+    question:
+      "Can students based outside of Singapore apply for the programme?",
+    answer: (
+      <>
+        <p>
+          Students outside of Singapore can still apply, but unfortunately, you
+          must be a) a Singapore Citizen; b) a Singapore Permanent Resident; or
+          c) one who has spent a significant amount of time in or has a
+          significant connection to Singapore. If you’d like us to bring
+          Advisory to your country, do drop us an email at{" "}
+          <a href="mailto:contact@advisory.sg">contact@advisory.sg</a>!
+        </p>
+      </>
+    ),
+  },
+];
+
+const StyledAccordion = styled(Accordion)(() => {
+  return {
+    border: `1px solid var(--brand-color)`,
+    marginBottom: `10px`,
+    ".MuiAccordionDetails-root": {},
+    ".MuiAccordionSummary-content": {
+      marginBottom: `0px`,
+    },
+  };
+});
+
+const StyledQNA = ({
+  qna: { question, answer },
+  index,
+}: {
+  qna: QNA;
+  index: number;
+}) => (
+  <StyledAccordion key={index}>
+    <AccordionSummary
+      expandIcon={<ExpandMoreIcon />}
+      aria-controls="panel1a-content"
+      id="panel1a-header"
+    >
+      <Typography>
+        <b>{question}</b>
+      </Typography>
+    </AccordionSummary>
+    <AccordionDetails style={{ whiteSpace: "pre-wrap", marginTop: "-20px" }}>
+      {answer}
+    </AccordionDetails>
+  </StyledAccordion>
+);
+
+const App = () => {
+  return (
+    <Canvas>
+      <h1>Frequently Asked Questions</h1>
+      <h2 style={{ color: "var(--brand-color)" }}>
+        Programme Structure and Timeline
+      </h2>
+      <div className="faq container" style={{ marginBottom: "32px" }}>
+        {PROGRAMME_QUESTIONS.map((qna, index) => StyledQNA({ qna, index }))}
+      </div>
+      <h2 style={{ color: "var(--brand-color)" }}>
+        Application Process and Considerations
+      </h2>
+      <div className="faq container" style={{ marginBottom: "32px" }}>
+        {APPLICATION_QUESTIONS.map((qna, index) => StyledQNA({ qna, index }))}
+      </div>
+    </Canvas>
+  );
+};
+
+export default App;
diff --git a/pages/index.tsx b/src/pages/index.tsx
similarity index 87%
rename from pages/index.tsx
rename to src/pages/index.tsx
index ff819e53..adcd595a 100644
--- a/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,20 +1,40 @@
 import React, { useRef, useEffect } from "react";
 import Link from "next/link";
+
 import Glide from "@glidejs/glide";
 import "@glidejs/glide/dist/css/glide.core.min.css";
 import "@glidejs/glide/dist/css/glide.theme.min.css";
-import { Grid } from "@mui/material";
-import Box from "@mui/material/Box";
+// import { Grid } from "@mui/material";
+// import Box from "@mui/material/Box";
 import useMediaQuery from "@mui/material/useMediaQuery";
 
-import { advisoryMentorshipLogo } from "../components/assets";
+import { advisoryMentorshipLogo } from "../assets";
 import Canvas from "../components/Canvas";
-import Logo from "../components/Logo";
-import Statistics from "../components/Statistics";
+import Logo from "../components/PartnerLogos";
+import Statistics, { Statistic } from "../components/Statistics";
+import { URL_APPLY } from "../links";
 import "../styles/Header.css";
 import "../styles/App.css";
 
-const testimonials = [
+/*
+interface Testimonial {
+  person: string;
+  type: string;
+  role?: string;
+  company?: string;
+  school?: string;
+  text: string;
+}
+*/
+
+interface Image {
+  index: string;
+  label1: string;
+  imgPath1: string;
+}
+
+/*
+const TESTIMONIALS: Testimonial[] = [
   {
     person: "Mr. Randell Sie",
     type: "Mentor",
@@ -30,7 +50,7 @@ const testimonials = [
   },
 ];
 
-const images = [
+const IMAGES: Image[] = [
   {
     index: "",
     label1: "Mentor: Randall Sie",
@@ -42,35 +62,38 @@ const images = [
     imgPath1: "/mentee-clarindaong.png",
   },
 ];
+*/
 
-const statistics = [
+const STATISTICS: Statistic[] = [
   {
     title: "Mentors",
-    value: 2000,
+    value: "2,900+",
     icon: "mdi:account",
   },
   {
     title: "Mentees",
-    value: 200,
+    value: "3,500+",
     icon: "mdi:school",
   },
   {
     title: "Industries",
-    value: 48,
+    value: "48",
     icon: "mdi:domain",
   },
   {
-    title: "Hours of Mentorship",
-    value: 8000,
+    title: "Mentorship Hours",
+    value: "14,000+",
     icon: "mdi:clock-time-four-outline",
   },
 ];
 
 const Index = () => {
   const isSmall = useMediaQuery("(max-width: 767px)");
+
+  /*
   const glideRef = useRef(null);
 
-  let glideTestimonial;
+  let glideTestimonial: any;
 
   function initializeGlide() {
     glideTestimonial = new Glide(glideRef.current, {
@@ -94,13 +117,13 @@ const Index = () => {
 
     document
       .querySelector(".glide__arrow--left")
-      .addEventListener("click", function () {
+      ?.addEventListener("click", function () {
         glideTestimonial.go("<");
       });
 
     document
       .querySelector(".glide__arrow--right")
-      .addEventListener("click", function () {
+      ?.addEventListener("click", function () {
         glideTestimonial.go(">");
       });
   }
@@ -111,9 +134,9 @@ const Index = () => {
     }
   }
 
-  function debounce(func, delay) {
-    let timer;
-    return function () {
+  function debounce(func: Function, delay: number) {
+    let timer: any;
+    return function (this: any) {
       const context = this;
       const args = arguments;
       clearTimeout(timer);
@@ -156,12 +179,13 @@ const Index = () => {
       destroyGlide();
     };
   }, [debouncedResize]);
+  */
 
   return (
     <Canvas>
       <div className="logo-and-intro-container">
         <img
-          className="header-mentorship-logo container"
+          className="header-mentorship-logo"
           src={advisoryMentorshipLogo}
           alt="Advisory Mentorship Programme"
         />
@@ -175,9 +199,10 @@ const Index = () => {
         </div>
       </div>
       <h2>Our Impact</h2>
-      <Statistics stats={statistics} />
+      <Statistics stats={STATISTICS} />
       <h2>Our Partner Organisations</h2>
       <Logo />
+      {/*
       <h2>Testimonials</h2>
       <Box
         ref={glideRef}
@@ -193,7 +218,7 @@ const Index = () => {
       >
         <div className="glide__track" data-glide-el="track">
           <ul className="glide__slides">
-            {testimonials.map((testimonial, index) => (
+            {TESTIMONIALS.map((testimonial, index) => (
               <li key={index} className="glide__slide">
                 <Grid
                   container
@@ -215,8 +240,8 @@ const Index = () => {
                       }}
                     >
                       <img
-                        src={images[index].imgPath1}
-                        alt={images[index].label1}
+                        src={IMAGES[index].imgPath1}
+                        alt={IMAGES[index].label1}
                         style={{
                           height: "100%",
                           width: "100%",
@@ -305,12 +330,13 @@ const Index = () => {
           {">"}
         </button>
       </div>
+      */}
       <div
         className="container"
         style={{
           width: "100%",
-          marginTop: "64px",
-          padding: "60px 0",
+          // marginTop: "64px",
+          paddingBottom: "60px",
         }}
       >
         <span
@@ -344,8 +370,8 @@ const Index = () => {
             display: "block",
           }}
         >
-          <Link href="/apply">
-            <h2 style={{ color: "black" }}>Apply Now</h2>
+          <Link href={URL_APPLY} target="_blank">
+            <h2 style={{ color: "white" }}>Apply Now</h2>
           </Link>
         </button>
       </div>
diff --git a/pages/mentors.tsx b/src/pages/mentors.tsx
similarity index 98%
rename from pages/mentors.tsx
rename to src/pages/mentors.tsx
index 542cc1c6..a3ef30e7 100644
--- a/pages/mentors.tsx
+++ b/src/pages/mentors.tsx
@@ -15,15 +15,13 @@ import {
 import { FilterType, SortDirection } from "@elastic/search-ui";
 
 import Canvas from "../components/Canvas";
+import ClearFacets from "../components/ResetButton";
 import ResultView from "../components/ResultView";
-
 import "@elastic/react-search-ui-views/lib/styles/styles.css";
 import "../styles/App.css";
 
-import ClearFacets from "../components/ResetButton";
-
 const App = () => {
-  const WAVE = { waveId: "2023", waveName: "2023 Wave" };
+  const WAVE = { waveId: "2024", waveName: "2024 Wave" };
 
   const connector = new AppSearchAPIConnector({
     engineName: "mentorship-page",
diff --git a/styles/App.css b/src/styles/App.css
similarity index 100%
rename from styles/App.css
rename to src/styles/App.css
diff --git a/styles/Footer.css b/src/styles/Footer.css
similarity index 100%
rename from styles/Footer.css
rename to src/styles/Footer.css
diff --git a/styles/Header.css b/src/styles/Header.css
similarity index 83%
rename from styles/Header.css
rename to src/styles/Header.css
index 2e18f940..97ab89fe 100644
--- a/styles/Header.css
+++ b/src/styles/Header.css
@@ -1,14 +1,3 @@
-.nav {
-  position: absolute;
-  flex: 2;
-  width: 100%;
-  height: 55px;
-  background-color: white;
-  border-bottom-style: solid;
-  border-width: 1px;
-  border-color: #cccccc;
-}
-
 @media only screen and (max-width: 639px) {
   .nav-logo {
     margin-top: auto;
@@ -67,8 +56,10 @@
 }
 
 .header-mentorship-logo {
-  max-width: 30rem; /* Ensure the logo doesn't exceed its container */
-  padding-left: 0px;
+  display: block;
+  width: 50%;
+  max-width: 30rem;
+  padding: 2rem 2rem 2rem 0;
   margin-left: 0px;
   flex: 1;
 }
@@ -84,7 +75,8 @@
   .header-mentorship-logo {
     width: 100%;
     position: relative;
-    padding-top: 0px;
+    padding: 2rem;
+    margin: 0 auto;
   }
 }
 
diff --git a/styles/Logo.css b/src/styles/Logo.css
similarity index 73%
rename from styles/Logo.css
rename to src/styles/Logo.css
index 108431c2..7e04f431 100644
--- a/styles/Logo.css
+++ b/src/styles/Logo.css
@@ -7,7 +7,7 @@
   }
 }
 
-.logos {
+.partners {
   overflow: hidden;
   padding: 60px 0;
   background: white;
@@ -15,8 +15,8 @@
   position: relative;
 }
 
-.logos:before,
-.logos:after {
+.partners:before,
+.partners:after {
   position: absolute;
   top: 0;
   width: 250px;
@@ -25,26 +25,27 @@
   z-index: 2;
 }
 
-.logos:before {
+.partners:before {
   left: 0;
   background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
 }
 
-.logos:after {
+.partners:after {
   right: 0;
   background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
 }
 
-.logos:hover .logos-slide {
+.partners:hover .partners-slide {
   animation-play-state: paused;
 }
 
-.logos-slide {
+.partners-slide {
   display: inline-block;
   animation: 50s slide infinite linear;
 }
 
-.logos-slide img {
-  height: 50px;
-  margin: 0 40px;
+.partners-slide img {
+  height: 120px;
+  width: 120px;
+  margin: auto 20px;
 }
diff --git a/styles/ResultView.css b/src/styles/ResultView.css
similarity index 100%
rename from styles/ResultView.css
rename to src/styles/ResultView.css
diff --git a/styles/Statistics.css b/src/styles/Statistics.css
similarity index 100%
rename from styles/Statistics.css
rename to src/styles/Statistics.css
diff --git a/styles/globals.css b/src/styles/globals.css
similarity index 100%
rename from styles/globals.css
rename to src/styles/globals.css