Digital Threat Dashboard

import Head from "next/head"; import { useTranslate } from "react-polyglot"; import { Box, Grid } from "@mui/material"; import { Layout } from "components/Layout"; import { PageHeader } from "components/PageHeader"; import { Question } from "components/Question"; import { useAppContext } from "components/AppProvider"; import FaqHeader from "images/faq-header.svg"; const FAQ = () => { const t = useTranslate(); const { colors: { lavender }, typography: { h1, h4, p }, } = useAppContext(); const questions = [ { question: t("whatIsLeafcutterQuestion"), answer: t("whatIsLeafcutterAnswer"), }, { question: t("whoBuiltLeafcutterQuestion"), answer: t("whoBuiltLeafcutterAnswer"), }, { question: t("whoCanUseLeafcutterQuestion"), answer: t("whoCanUseLeafcutterAnswer"), }, { question: t("whatCanYouDoWithLeafcutterQuestion"), answer: t("whatCanYouDoWithLeafcutterAnswer"), }, { question: t("whereIsTheDataComingFromQuestion"), answer: t("whereIsTheDataComingFromAnswer"), }, { question: t("whereIsTheDataStoredQuestion"), answer: t("whereIsTheDataStoredAnswer"), }, { question: t("howDoWeKeepTheDataSafeQuestion"), answer: t("howDoWeKeepTheDataSafeAnswer"), }, { question: t("howLongDoYouKeepTheDataQuestion"), answer: t("howLongDoYouKeepTheDataAnswer"), }, { question: t("whatOrganizationsAreParticipatingQuestion"), answer: t("whatOrganizationsAreParticipatingAnswer"), }, { question: t("howDidYouGetMyProfileInformationQuestion"), answer: t("howDidYouGetMyProfileInformationAnswer"), }, { question: t("howCanILearnMoreAboutLeafcutterQuestion"), answer: t("howCanILearnMoreAboutLeafcutterAnswer"), }, ]; return ( Digital Threat Dashboard – Leafcutter {t("frequentlyAskedQuestionsTitle")} {t("frequentlyAskedQuestionsSubtitle")} {t("frequentlyAskedQuestionsDescription")} {questions.map((q, index) => ( ))} ); }; export default FAQ;