Add two placeholder pages

- FAQs
- TSD

client/cypress/integration/LegacyTests/constants.js

@@ -4,7 +4,7 @@ export const PAGES_ENDPOINTS = {
   DOWNLOADS: '/downloads',
   TSD: '/technical-support-document',
   ABOUT: '/about',
-  FAQS: '/faqs',
+  FAQS: '/frequently-asked-questions',
   PUBLIC_ENG: '/public-engagement',
   CONTACT: '/contact',
 };

client/src/components/J40Header/__snapshots__/J40Header.test.tsx.snap

@@ -315,9 +315,9 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
                   >
                     <a
                       data-cy="nav-link-faqs"
-                      href="/en/faqs"
+                      href="/en/frequently-asked-questions"
                     >
-                      FAQs
+                      Frequently asked questions
                     </a>
                   </li>
                   <li
@@ -327,7 +327,7 @@ exports[`rendering of the J40Header checks if component renders 1`] = `
                       data-cy="nav-link-public-engagement"
                       href="/en/public-engagement"
                     >
-                      Public Engagement
+                      Engagement calendar
                     </a>
                   </li>
                 </ul>

client/src/data/constants.tsx

@@ -11,7 +11,7 @@ export const PAGES_ENDPOINTS = {
   DOWNLOADS: '/downloads',
   TSD: '/technical-support-document',
   ABOUT: '/about',
-  FAQS: '/faqs',
+  FAQS: '/frequently-asked-questions',
   PUBLIC_ENG: '/public-engagement',
   CONTACT: '/contact',
 };

client/src/data/copy/common.tsx

@@ -96,12 +96,12 @@ export const HEADER = defineMessages({
   },
   FAQs: {
     id: 'common.pages.header.faqs',
-    defaultMessage: 'FAQs',
+    defaultMessage: 'Frequently asked questions',
     description: 'Navigate to the about page. This is Header navigate item to the faqs page',
   },
   PUBLIC_ENG: {
     id: 'common.pages.header.public.eng',
-    defaultMessage: 'Public Engagement',
+    defaultMessage: 'Engagement calendar',
     description: 'Navigate to the about page. This is Header navigate item to the public eng page',
   },
   TSD: {

client/src/data/copy/faqs.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable max-len */
+import {defineMessages} from 'react-intl';
+
+
+export const PAGE_INTRO = defineMessages({
+  PAGE_TILE: {
+    id: 'faqs.page.title.text',
+    defaultMessage: 'Frequently asked questions',
+    description: 'Navigate to the the FAQs page, this will be the page title text',
+  },
+  COMING_SOON: {
+    id: 'faqs.page.coming.soon.text',
+    defaultMessage: 'Coming Soon!',
+    description: 'Navigate to the the FAQs page, this will be the page coming soon text',
+  },
+});

client/src/data/copy/tsd.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable max-len */
+import {defineMessages} from 'react-intl';
+
+
+export const PAGE_INTRO = defineMessages({
+  PAGE_TILE: {
+    id: 'technical.support.doc.page.title.text',
+    defaultMessage: 'Technical Support Document',
+    description: 'Navigate to the the Technical Support Doc page, this will be the page title text',
+  },
+  COMING_SOON: {
+    id: 'technical.support.doc.page.coming.soon.text',
+    defaultMessage: 'Coming Soon!',
+    description: 'Navigate to the the Technical Support Doc page, this will be the page coming soon text',
+  },
+});

client/src/intl/en.json

@@ -172,7 +172,7 @@
     "description": "Navigate to the about page. This is Header navigate item to the Explore the tool page"
   },
   "common.pages.header.faqs": {
-    "defaultMessage": "FAQs",
+    "defaultMessage": "Frequently asked questions",
     "description": "Navigate to the about page. This is Header navigate item to the faqs page"
   },
   "common.pages.header.methodology": {
@@ -180,7 +180,7 @@
     "description": "Navigate to the about page. This is Header navigate item to the Methodology page"
   },
   "common.pages.header.public.eng": {
-    "defaultMessage": "Public Engagement",
+    "defaultMessage": "Engagement calendar",
     "description": "Navigate to the about page. This is Header navigate item to the public eng page"
   },
   "common.pages.header.title.line1": {
@@ -791,6 +791,14 @@
     "defaultMessage": "Help improve the site & data",
     "description": "Navigate to the the public engagement page, this will be the text for floating action button"
   },
+  "faqs.page.coming.soon.text": {
+    "defaultMessage": "Coming Soon!",
+    "description": "Navigate to the the FAQs page, this will be the page coming soon text"
+  },
+  "faqs.page.title.text": {
+    "defaultMessage": "Frequently asked questions",
+    "description": "Navigate to the the FAQs page, this will be the page title text"
+  },
   "indicator.categories.afford.house.title": {
     "defaultMessage": "Affordable and sustainable housing",
     "description": "Navigate to the methodology page. Navigate to the category section. This will set the category title"
@@ -1390,5 +1398,13 @@
   "public.eng.page.whejac.meeting.day.1.info": {
     "defaultMessage": "March 31th (3:00 - 7:30 PM EST)",
     "description": "public engagement page event WHEJAC"
+  },
+  "technical.support.doc.page.coming.soon.text": {
+    "defaultMessage": "Coming Soon!",
+    "description": "Navigate to the the Technical Support Doc page, this will be the page coming soon text"
+  },
+  "technical.support.doc.page.title.text": {
+    "defaultMessage": "Technical Support Document",
+    "description": "Navigate to the the Technical Support Doc page, this will be the page title text"
   }
 }

client/src/pages/frequently-asked-questions.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import {Grid} from '@trussworks/react-uswds';
+import {useIntl} from 'gatsby-plugin-intl';
+
+import J40MainGridContainer from '../components/J40MainGridContainer';
+import Layout from '../components/layout';
+
+import * as FAQS_COPY from '../data/copy/faqs';
+
+interface IFAQPageProps {
+  location: Location;
+}
+
+const FAQPage = ({location}: IFAQPageProps) => {
+  const intl = useIntl();
+
+  return (
+    <Layout location={location} title={intl.formatMessage(FAQS_COPY.PAGE_INTRO.PAGE_TILE)}>
+
+      <J40MainGridContainer>
+
+        <h1>{intl.formatMessage(FAQS_COPY.PAGE_INTRO.PAGE_TILE)}</h1>
+
+        <Grid row>
+          {intl.formatMessage(FAQS_COPY.PAGE_INTRO.COMING_SOON)}
+        </Grid>
+      </J40MainGridContainer>
+    </Layout>
+  );
+};
+
+export default FAQPage;

client/src/pages/technical-support-document.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import {Grid} from '@trussworks/react-uswds';
+import {useIntl} from 'gatsby-plugin-intl';
+
+import J40MainGridContainer from '../components/J40MainGridContainer';
+import Layout from '../components/layout';
+
+import * as TSD_COPY from '../data/copy/tsd';
+
+interface ITSDPageProps {
+  location: Location;
+}
+
+const TSDPage = ({location}: ITSDPageProps) => {
+  const intl = useIntl();
+
+  return (
+    <Layout location={location} title={intl.formatMessage(TSD_COPY.PAGE_INTRO.PAGE_TILE)}>
+
+      <J40MainGridContainer>
+
+        <h1>{intl.formatMessage(TSD_COPY.PAGE_INTRO.PAGE_TILE)}</h1>
+
+        <Grid row>
+          {intl.formatMessage(TSD_COPY.PAGE_INTRO.COMING_SOON)}
+        </Grid>
+      </J40MainGridContainer>
+    </Layout>
+  );
+};
+
+export default TSDPage;

client/src/pages/tests/__snapshots__/about.test.tsx.snap

@@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   >
                     <a
                       data-cy="nav-link-faqs"
-                      href="/en/faqs"
+                      href="/en/frequently-asked-questions"
                     >
-                      FAQs
+                      Frequently asked questions
                     </a>
                   </li>
                   <li
@@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                       data-cy="nav-link-public-engagement"
                       href="/en/public-engagement"
                     >
-                      Public Engagement
+                      Engagement calendar
                     </a>
                   </li>
                 </ul>

client/src/pages/tests/__snapshots__/contact.test.tsx.snap

@@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   >
                     <a
                       data-cy="nav-link-faqs"
-                      href="/en/faqs"
+                      href="/en/frequently-asked-questions"
                     >
-                      FAQs
+                      Frequently asked questions
                     </a>
                   </li>
                   <li
@@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                       data-cy="nav-link-public-engagement"
                       href="/en/public-engagement"
                     >
-                      Public Engagement
+                      Engagement calendar
                     </a>
                   </li>
                 </ul>

client/src/pages/tests/__snapshots__/downloads.test.tsx.snap

@@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   >
                     <a
                       data-cy="nav-link-faqs"
-                      href="/en/faqs"
+                      href="/en/frequently-asked-questions"
                     >
-                      FAQs
+                      Frequently asked questions
                     </a>
                   </li>
                   <li
@@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                       data-cy="nav-link-public-engagement"
                       href="/en/public-engagement"
                     >
-                      Public Engagement
+                      Engagement calendar
                     </a>
                   </li>
                 </ul>

client/src/pages/tests/__snapshots__/freqAskedQuestions.test.tsx.snap

@@ -0,0 +1,604 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
+<DocumentFragment>
+  <header
+    class="usa-header usa-header--basic"
+    data-testid="header"
+    role="banner"
+  >
+    <div>
+      <div>
+        <section
+          class="usa-banner"
+          data-testid="govBanner"
+        >
+          <div
+            class="usa-accordion"
+          >
+            <header
+              class="usa-banner__header"
+            >
+              <div
+                class="usa-banner__inner"
+              >
+                <div
+                  class="grid-col-auto"
+                >
+                  <img
+                    alt="U.S. flag"
+                    class="usa-banner__header-flag"
+                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
+                  />
+                </div>
+                <div
+                  class="grid-col-fill tablet:grid-col-auto"
+                >
+                  <p
+                    class="usa-banner__header-text"
+                  >
+                    An official website of the United States government
+                  </p>
+                  <p
+                    aria-hidden="true"
+                    class="usa-banner__header-action"
+                  >
+                    Here’s how you know
+                  </p>
+                </div>
+                <button
+                  aria-controls="gov-banner"
+                  aria-expanded="false"
+                  class="usa-accordion__button usa-banner__button"
+                  type="button"
+                >
+                  <span
+                    class="usa-banner__button-text"
+                  >
+                    Here’s how you know
+                  </span>
+                </button>
+              </div>
+            </header>
+            <div
+              class="usa-banner__content usa-accordion__content"
+              hidden=""
+              id="gov-banner"
+            >
+              <div
+                class="grid-row grid-gap-lg"
+              >
+                <div
+                  class="usa-banner__guidance tablet:grid-col-6"
+                >
+                  <img
+                    alt=""
+                    aria-hidden="true"
+                    class="usa-banner__icon usa-media-block__img"
+                    role="img"
+                    src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
+                  />
+                  <div
+                    class="usa-media-block__body"
+                  >
+                    <p>
+                      <strong>
+                        Official websites use .gov
+                      </strong>
+                      <br />
+                      A 
+                      <strong>
+                        .gov
+                      </strong>
+                       website belongs to an official government organization in the United States.
+                    </p>
+                  </div>
+                </div>
+                <div
+                  class="usa-banner__guidance tablet:grid-col-6"
+                >
+                  <img
+                    alt=""
+                    aria-hidden="true"
+                    class="usa-banner__icon usa-media-block__img"
+                    role="img"
+                    src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
+                  />
+                  <div
+                    class="usa-media-block__body"
+                  >
+                    <p>
+                      <strong>
+                        Secure .gov websites use HTTPS
+                      </strong>
+                      <br />
+                      A 
+                      <strong>
+                        lock (
+                        <span
+                          class="icon-lock"
+                        >
+                          <img
+                            alt="lock"
+                            class="usa-banner__lock-image"
+                            role="img"
+                            src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
+                            title="Lock"
+                          />
+                        </span>
+                        )
+                      </strong>
+                       or 
+                      <strong>
+                        https://
+                      </strong>
+                       means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+    <div>
+      <div>
+        <div />
+        <div>
+          <span>
+            This is a beta site. 
+          </span>
+          <span>
+            It is an early, in-progress version of the tool with limited datasets that will 
+    be regularly updated.
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <div
+        class="grid-row"
+        data-testid="grid"
+      >
+        <div
+          class="grid-col-1"
+          data-testid="grid"
+        >
+          <img
+            alt="Climate and Economic Justice Screening Tool"
+            src="test-file-stub"
+          />
+        </div>
+        <div
+          class="grid-col-6"
+          data-testid="grid"
+        >
+          <div>
+            <div>
+              Climate and Economic Justice
+            </div>
+            <div>
+              <div>
+                 Screening Tool 
+              </div>
+              <div>
+                BETA
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="grid-col-fill"
+          data-testid="grid"
+        >
+          <button
+            class="usa-menu-btn"
+            data-testid="navMenuButton"
+            type="button"
+          >
+            Menu
+          </button>
+          <nav
+            class="usa-nav"
+          >
+            <button
+              class="usa-nav__close"
+              data-testid="navCloseButton"
+              type="button"
+            >
+              <img
+                alt="close"
+                src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
+              />
+            </button>
+            <ul
+              class="usa-nav__primary usa-accordion"
+            >
+              <li
+                class="usa-nav__primary-item"
+              >
+                <a
+                  data-cy="nav-link-explore-the-tool"
+                  href="/en/"
+                >
+                  Explore the tool
+                </a>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <button
+                  aria-controls="methMenu"
+                  aria-expanded="false"
+                  class="usa-accordion__button usa-nav__link"
+                  data-cy="nav-dropdown-methodology"
+                  data-testid="navDropDownButton"
+                  type="button"
+                >
+                  <span>
+                    Methodology & data
+                  </span>
+                </button>
+                <ul
+                  class="usa-nav__submenu"
+                  hidden=""
+                  id="methMenu"
+                >
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-methodology"
+                      href="/en/methodology"
+                    >
+                      Methodology & data
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-downloads"
+                      href="/en/downloads"
+                    >
+                      Downloads
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-technical-support-docs"
+                      href="/en/technical-support-document"
+                    >
+                      Technical Support Document
+                    </a>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <button
+                  aria-controls="aboutMenu"
+                  aria-expanded="false"
+                  class="usa-accordion__button usa-nav__link"
+                  data-cy="nav-dropdown-about"
+                  data-testid="navDropDownButton"
+                  type="button"
+                >
+                  <span>
+                    About
+                  </span>
+                </button>
+                <ul
+                  class="usa-nav__submenu"
+                  hidden=""
+                  id="aboutMenu"
+                >
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-about"
+                      href="/en/about"
+                    >
+                      About
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-faqs"
+                      href="/en/frequently-asked-questions"
+                    >
+                      Frequently asked questions
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-public-engagement"
+                      href="/en/public-engagement"
+                    >
+                      Engagement calendar
+                    </a>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <a
+                  data-cy="nav-link-contact"
+                  href="/en/contact"
+                >
+                  Contact
+                </a>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <div />
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <div
+        class="usa-alert usa-alert--info"
+        data-testid="alert"
+      >
+        <div
+          class="usa-alert__body"
+        >
+          <h4
+            class="usa-alert__heading"
+          >
+            Improvements to the map on the Explore the tool page
+          </h4>
+          <p
+            class="usa-alert__text"
+          >
+            View improvements made to the display of the information for each census tract and 
+            <a
+              class="usa-link usa-link--external"
+              data-cy=""
+              href="mailto:Screeningtool-Support@omb.eop.gov"
+              rel="noreferrer"
+              target="_blank"
+            >
+              send feedback
+            </a>
+            .
+          </p>
+        </div>
+      </div>
+    </div>
+  </header>
+  <main
+    id="main-content"
+  >
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <h1>
+        Frequently asked questions
+      </h1>
+      <div
+        class="grid-row"
+        data-testid="grid"
+      >
+        Coming Soon!
+      </div>
+    </div>
+  </main>
+  <footer
+    class="j40-footer"
+  >
+    <div
+      class="usa-footer__primary-section pb2"
+      data-cy="footer-primary-block"
+    >
+      <div
+        class="grid-container-desktop-lg"
+        data-testid="gridContainer"
+      >
+        <div
+          class="grid-row tablet-lg:grid-col4"
+        >
+          <div
+            class="mobile-lg:grid-col-12 desktop:grid-col-4"
+          >
+            <section>
+              <div
+                class="j40-h4"
+              >
+                Contact
+              </div>
+              <ul
+                class="usa-list usa-list--unstyled"
+              >
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <address
+                    class="usa-footer__address j40-footer-address"
+                  >
+                    <div
+                      class="usa-footer__contact-info grid-row grid-gap"
+                    >
+                      <div
+                        class="grid-col-auto"
+                      >
+                        Council on Environmental Quality
+                      </div>
+                      <div
+                        class="grid-col-auto"
+                      >
+                        730 Jackson Pl NW
+                      </div>
+                      <div
+                        class="grid-col-auto"
+                      >
+                        Washington, D.C. 20506
+                      </div>
+                      <div
+                        class="grid-col-auto"
+                      >
+                        (202) 395-5750
+                      </div>
+                    </div>
+                  </address>
+                </li>
+              </ul>
+            </section>
+          </div>
+          <div
+            class="mobile-lg:grid-col-12 desktop:grid-col-4"
+          >
+            <section>
+              <div
+                class="j40-h4"
+              >
+                More information
+              </div>
+              <ul
+                class="usa-list usa-list--unstyled"
+              >
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external footer-link-first-child"
+                    data-cy="whitehouse-gov"
+                    href="https://www.whitehouse.gov/"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Whitehouse.gov
+                  </a>
+                </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="freedom-of-information-act-(foia)"
+                    href="https://www.whitehouse.gov/ceq/foia"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Freedom of Information Act (FOIA)
+                  </a>
+                </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="privacy-policy"
+                    href="https://www.whitehouse.gov/privacy/"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Privacy Policy
+                  </a>
+                </li>
+              </ul>
+            </section>
+          </div>
+          <div
+            class="mobile-lg:grid-col-12 desktop:grid-col-4"
+          >
+            <section>
+              <div
+                class="j40-h4"
+              >
+                Have a question about government services?
+              </div>
+              <ul
+                class="usa-list usa-list--unstyled"
+              >
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external footer-link-first-child"
+                    data-cy="find-a-contact-at-usa-gov"
+                    href="https://www.usa.gov/"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Find a contact at USA.gov
+                  </a>
+                </li>
+              </ul>
+            </section>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="usa-footer__secondary-section"
+    >
+      <div
+        class="grid-container-desktop-lg"
+        data-testid="gridContainer"
+      >
+        <div
+          class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2"
+          data-testid="footerLogo"
+        >
+          <div
+            class="mobile-lg:grid-col-auto"
+          >
+            <img
+              alt="Whitehouse logo"
+              class="usa-footer__logo-img"
+              src="test-file-stub"
+            />
+          </div>
+          <div
+            class="mobile-lg:grid-col-auto"
+          >
+            <div
+              class="j40-footer-ceq-font"
+            >
+              Council on Environmental Quality
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <button
+        class="usa-button"
+        data-testid="button"
+        type="button"
+      >
+        Help improve the site & data
+        <img
+          alt="launch icon"
+          src="test-file-stub"
+        />
+      </button>
+    </div>
+  </footer>
+</DocumentFragment>
+`;

client/src/pages/tests/__snapshots__/methodology.test.tsx.snap

@@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   >
                     <a
                       data-cy="nav-link-faqs"
-                      href="/en/faqs"
+                      href="/en/frequently-asked-questions"
                     >
-                      FAQs
+                      Frequently asked questions
                     </a>
                   </li>
                   <li
@@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                       data-cy="nav-link-public-engagement"
                       href="/en/public-engagement"
                     >
-                      Public Engagement
+                      Engagement calendar
                     </a>
                   </li>
                 </ul>

client/src/pages/tests/__snapshots__/publicEng.test.tsx.snap

@@ -315,9 +315,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                   >
                     <a
                       data-cy="nav-link-faqs"
-                      href="/en/faqs"
+                      href="/en/frequently-asked-questions"
                     >
-                      FAQs
+                      Frequently asked questions
                     </a>
                   </li>
                   <li
@@ -327,7 +327,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
                       data-cy="nav-link-public-engagement"
                       href="/en/public-engagement"
                     >
-                      Public Engagement
+                      Engagement calendar
                     </a>
                   </li>
                 </ul>

client/src/pages/tests/__snapshots__/techSupportDoc.test.tsx.snap

@@ -0,0 +1,604 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`rendering of the DatasetContainer checks if various text fields are visible 1`] = `
+<DocumentFragment>
+  <header
+    class="usa-header usa-header--basic"
+    data-testid="header"
+    role="banner"
+  >
+    <div>
+      <div>
+        <section
+          class="usa-banner"
+          data-testid="govBanner"
+        >
+          <div
+            class="usa-accordion"
+          >
+            <header
+              class="usa-banner__header"
+            >
+              <div
+                class="usa-banner__inner"
+              >
+                <div
+                  class="grid-col-auto"
+                >
+                  <img
+                    alt="U.S. flag"
+                    class="usa-banner__header-flag"
+                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII="
+                  />
+                </div>
+                <div
+                  class="grid-col-fill tablet:grid-col-auto"
+                >
+                  <p
+                    class="usa-banner__header-text"
+                  >
+                    An official website of the United States government
+                  </p>
+                  <p
+                    aria-hidden="true"
+                    class="usa-banner__header-action"
+                  >
+                    Here’s how you know
+                  </p>
+                </div>
+                <button
+                  aria-controls="gov-banner"
+                  aria-expanded="false"
+                  class="usa-accordion__button usa-banner__button"
+                  type="button"
+                >
+                  <span
+                    class="usa-banner__button-text"
+                  >
+                    Here’s how you know
+                  </span>
+                </button>
+              </div>
+            </header>
+            <div
+              class="usa-banner__content usa-accordion__content"
+              hidden=""
+              id="gov-banner"
+            >
+              <div
+                class="grid-row grid-gap-lg"
+              >
+                <div
+                  class="usa-banner__guidance tablet:grid-col-6"
+                >
+                  <img
+                    alt=""
+                    aria-hidden="true"
+                    class="usa-banner__icon usa-media-block__img"
+                    role="img"
+                    src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4="
+                  />
+                  <div
+                    class="usa-media-block__body"
+                  >
+                    <p>
+                      <strong>
+                        Official websites use .gov
+                      </strong>
+                      <br />
+                      A 
+                      <strong>
+                        .gov
+                      </strong>
+                       website belongs to an official government organization in the United States.
+                    </p>
+                  </div>
+                </div>
+                <div
+                  class="usa-banner__guidance tablet:grid-col-6"
+                >
+                  <img
+                    alt=""
+                    aria-hidden="true"
+                    class="usa-banner__icon usa-media-block__img"
+                    role="img"
+                    src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWh0dHBzPC90aXRsZT48cGF0aCBmaWxsPSIjNzE5RjJBIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMiAwYzE3LjY3MyAwIDMyIDE0LjMyNyAzMiAzMiAwIDE3LjY3My0xNC4zMjcgMzItMzIgMzJDMTQuMzI3IDY0IDAgNDkuNjczIDAgMzIgMCAxNC4zMjcgMTQuMzI3IDAgMzIgMHptMCAxLjIwOEMxNC45OTQgMS4yMDggMS4yMDggMTQuOTk0IDEuMjA4IDMyUzE0Ljk5NCA2Mi43OTIgMzIgNjIuNzkyIDYyLjc5MiA0OS4wMDYgNjIuNzkyIDMyIDQ5LjAwNiAxLjIwOCAzMiAxLjIwOHptMCAxOC44ODZhNy4yNDUgNy4yNDUgMCAwIDEgNy4yNDUgNy4yNDV2My4xMDNoLjUyYy44NiAwIDEuNTU3LjY5OCAxLjU1NyAxLjU1OHY5LjMyMmMwIC44Ni0uNjk3IDEuNTU4LTEuNTU3IDEuNTU4aC0xNS41M2MtLjg2IDAtMS41NTctLjY5Ny0xLjU1Ny0xLjU1OFYzMmMwLS44Ni42OTctMS41NTggMS41NTctMS41NThoLjUyVjI3LjM0QTcuMjQ1IDcuMjQ1IDAgMCAxIDMyIDIwLjA5NHptMCAzLjEwM2E0LjE0MiA0LjE0MiAwIDAgMC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NFYyNy4zNEE0LjE0MiA0LjE0MiAwIDAgMCAzMiAyMy4xOTd6Ii8+PC9zdmc+"
+                  />
+                  <div
+                    class="usa-media-block__body"
+                  >
+                    <p>
+                      <strong>
+                        Secure .gov websites use HTTPS
+                      </strong>
+                      <br />
+                      A 
+                      <strong>
+                        lock (
+                        <span
+                          class="icon-lock"
+                        >
+                          <img
+                            alt="lock"
+                            class="usa-banner__lock-image"
+                            role="img"
+                            src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUyIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNTIgNjQiPjx0aXRsZT5sb2NrPC90aXRsZT48cGF0aCBmaWxsPSIjMUIxQjFCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNiAwYzEwLjQ5MyAwIDE5IDguNTA3IDE5IDE5djloM2E0IDQgMCAwIDEgNCA0djI4YTQgNCAwIDAgMS00IDRINGE0IDQgMCAwIDEtNC00VjMyYTQgNCAwIDAgMSA0LTRoM3YtOUM3IDguNTA3IDE1LjUwNyAwIDI2IDB6bTAgOGMtNS45NzkgMC0xMC44NDMgNC43Ny0xMC45OTYgMTAuNzEyTDE1IDE5djloMjJ2LTljMC02LjA3NS00LjkyNS0xMS0xMS0xMXoiLz48L3N2Zz4="
+                            title="Lock"
+                          />
+                        </span>
+                        )
+                      </strong>
+                       or 
+                      <strong>
+                        https://
+                      </strong>
+                       means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+    <div>
+      <div>
+        <div />
+        <div>
+          <span>
+            This is a beta site. 
+          </span>
+          <span>
+            It is an early, in-progress version of the tool with limited datasets that will 
+    be regularly updated.
+          </span>
+        </div>
+      </div>
+    </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <div
+        class="grid-row"
+        data-testid="grid"
+      >
+        <div
+          class="grid-col-1"
+          data-testid="grid"
+        >
+          <img
+            alt="Climate and Economic Justice Screening Tool"
+            src="test-file-stub"
+          />
+        </div>
+        <div
+          class="grid-col-6"
+          data-testid="grid"
+        >
+          <div>
+            <div>
+              Climate and Economic Justice
+            </div>
+            <div>
+              <div>
+                 Screening Tool 
+              </div>
+              <div>
+                BETA
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="grid-col-fill"
+          data-testid="grid"
+        >
+          <button
+            class="usa-menu-btn"
+            data-testid="navMenuButton"
+            type="button"
+          >
+            Menu
+          </button>
+          <nav
+            class="usa-nav"
+          >
+            <button
+              class="usa-nav__close"
+              data-testid="navCloseButton"
+              type="button"
+            >
+              <img
+                alt="close"
+                src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5jbG9zZTwvdGl0bGU+PHBhdGggZmlsbD0iIzU2NUM2NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTcuMDQyIDEuMTVsNS44MDkgNS44MDhhNCA0IDAgMCAxIDAgNS42NTdMNDMuNDY1IDMybDE5LjM4NiAxOS4zODVhNCA0IDAgMCAxIDAgNS42NTdsLTUuODA5IDUuODA5YTQgNCAwIDAgMS01LjY1NyAwTDMyIDQzLjQ2NSAxMi42MTUgNjIuODUxYTQgNCAwIDAgMS01LjY1NyAwbC01LjgwOS01LjgwOWE0IDQgMCAwIDEgMC01LjY1N0wyMC41MzUgMzIgMS4xNDkgMTIuNjE1YTQgNCAwIDAgMSAwLTUuNjU3bDUuODA5LTUuODA5YTQgNCAwIDAgMSA1LjY1NyAwTDMyIDIwLjUzNSA1MS4zODUgMS4xNDlhNCA0IDAgMCAxIDUuNjU3IDB6Ii8+PC9zdmc+"
+              />
+            </button>
+            <ul
+              class="usa-nav__primary usa-accordion"
+            >
+              <li
+                class="usa-nav__primary-item"
+              >
+                <a
+                  data-cy="nav-link-explore-the-tool"
+                  href="/en/"
+                >
+                  Explore the tool
+                </a>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <button
+                  aria-controls="methMenu"
+                  aria-expanded="false"
+                  class="usa-accordion__button usa-nav__link"
+                  data-cy="nav-dropdown-methodology"
+                  data-testid="navDropDownButton"
+                  type="button"
+                >
+                  <span>
+                    Methodology & data
+                  </span>
+                </button>
+                <ul
+                  class="usa-nav__submenu"
+                  hidden=""
+                  id="methMenu"
+                >
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-methodology"
+                      href="/en/methodology"
+                    >
+                      Methodology & data
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-downloads"
+                      href="/en/downloads"
+                    >
+                      Downloads
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-technical-support-docs"
+                      href="/en/technical-support-document"
+                    >
+                      Technical Support Document
+                    </a>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <button
+                  aria-controls="aboutMenu"
+                  aria-expanded="false"
+                  class="usa-accordion__button usa-nav__link"
+                  data-cy="nav-dropdown-about"
+                  data-testid="navDropDownButton"
+                  type="button"
+                >
+                  <span>
+                    About
+                  </span>
+                </button>
+                <ul
+                  class="usa-nav__submenu"
+                  hidden=""
+                  id="aboutMenu"
+                >
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-about"
+                      href="/en/about"
+                    >
+                      About
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-faqs"
+                      href="/en/frequently-asked-questions"
+                    >
+                      Frequently asked questions
+                    </a>
+                  </li>
+                  <li
+                    class="usa-nav__submenu-item"
+                  >
+                    <a
+                      data-cy="nav-link-public-engagement"
+                      href="/en/public-engagement"
+                    >
+                      Engagement calendar
+                    </a>
+                  </li>
+                </ul>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <a
+                  data-cy="nav-link-contact"
+                  href="/en/contact"
+                >
+                  Contact
+                </a>
+              </li>
+              <li
+                class="usa-nav__primary-item"
+              >
+                <div />
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <div
+        class="usa-alert usa-alert--info"
+        data-testid="alert"
+      >
+        <div
+          class="usa-alert__body"
+        >
+          <h4
+            class="usa-alert__heading"
+          >
+            Improvements to the map on the Explore the tool page
+          </h4>
+          <p
+            class="usa-alert__text"
+          >
+            View improvements made to the display of the information for each census tract and 
+            <a
+              class="usa-link usa-link--external"
+              data-cy=""
+              href="mailto:Screeningtool-Support@omb.eop.gov"
+              rel="noreferrer"
+              target="_blank"
+            >
+              send feedback
+            </a>
+            .
+          </p>
+        </div>
+      </div>
+    </div>
+  </header>
+  <main
+    id="main-content"
+  >
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <h1>
+        Technical Support Document
+      </h1>
+      <div
+        class="grid-row"
+        data-testid="grid"
+      >
+        Coming Soon!
+      </div>
+    </div>
+  </main>
+  <footer
+    class="j40-footer"
+  >
+    <div
+      class="usa-footer__primary-section pb2"
+      data-cy="footer-primary-block"
+    >
+      <div
+        class="grid-container-desktop-lg"
+        data-testid="gridContainer"
+      >
+        <div
+          class="grid-row tablet-lg:grid-col4"
+        >
+          <div
+            class="mobile-lg:grid-col-12 desktop:grid-col-4"
+          >
+            <section>
+              <div
+                class="j40-h4"
+              >
+                Contact
+              </div>
+              <ul
+                class="usa-list usa-list--unstyled"
+              >
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <address
+                    class="usa-footer__address j40-footer-address"
+                  >
+                    <div
+                      class="usa-footer__contact-info grid-row grid-gap"
+                    >
+                      <div
+                        class="grid-col-auto"
+                      >
+                        Council on Environmental Quality
+                      </div>
+                      <div
+                        class="grid-col-auto"
+                      >
+                        730 Jackson Pl NW
+                      </div>
+                      <div
+                        class="grid-col-auto"
+                      >
+                        Washington, D.C. 20506
+                      </div>
+                      <div
+                        class="grid-col-auto"
+                      >
+                        (202) 395-5750
+                      </div>
+                    </div>
+                  </address>
+                </li>
+              </ul>
+            </section>
+          </div>
+          <div
+            class="mobile-lg:grid-col-12 desktop:grid-col-4"
+          >
+            <section>
+              <div
+                class="j40-h4"
+              >
+                More information
+              </div>
+              <ul
+                class="usa-list usa-list--unstyled"
+              >
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external footer-link-first-child"
+                    data-cy="whitehouse-gov"
+                    href="https://www.whitehouse.gov/"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Whitehouse.gov
+                  </a>
+                </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="freedom-of-information-act-(foia)"
+                    href="https://www.whitehouse.gov/ceq/foia"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Freedom of Information Act (FOIA)
+                  </a>
+                </li>
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external"
+                    data-cy="privacy-policy"
+                    href="https://www.whitehouse.gov/privacy/"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Privacy Policy
+                  </a>
+                </li>
+              </ul>
+            </section>
+          </div>
+          <div
+            class="mobile-lg:grid-col-12 desktop:grid-col-4"
+          >
+            <section>
+              <div
+                class="j40-h4"
+              >
+                Have a question about government services?
+              </div>
+              <ul
+                class="usa-list usa-list--unstyled"
+              >
+                <li
+                  class="usa-footer__secondary-link"
+                >
+                  <a
+                    class="usa-link usa-link--external footer-link-first-child"
+                    data-cy="find-a-contact-at-usa-gov"
+                    href="https://www.usa.gov/"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Find a contact at USA.gov
+                  </a>
+                </li>
+              </ul>
+            </section>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="usa-footer__secondary-section"
+    >
+      <div
+        class="grid-container-desktop-lg"
+        data-testid="gridContainer"
+      >
+        <div
+          class="usa-footer__logo grid-row mobile-lg:grid-col-6 mobile-lg:grid-gap-2"
+          data-testid="footerLogo"
+        >
+          <div
+            class="mobile-lg:grid-col-auto"
+          >
+            <img
+              alt="Whitehouse logo"
+              class="usa-footer__logo-img"
+              src="test-file-stub"
+            />
+          </div>
+          <div
+            class="mobile-lg:grid-col-auto"
+          >
+            <div
+              class="j40-footer-ceq-font"
+            >
+              Council on Environmental Quality
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <button
+        class="usa-button"
+        data-testid="button"
+        type="button"
+      >
+        Help improve the site & data
+        <img
+          alt="launch icon"
+          src="test-file-stub"
+        />
+      </button>
+    </div>
+  </footer>
+</DocumentFragment>
+`;

client/src/pages/tests/freqAskedQuestions.test.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import {render} from '@testing-library/react';
+import {LocalizedComponent} from '../../test/testHelpers';
+import FAQPage from '../frequently-asked-questions';
+
+describe('rendering of the DatasetContainer', () => {
+  const {asFragment} = render(
+      <LocalizedComponent>
+        <FAQPage location={window.location}/>
+      </LocalizedComponent>,
+  );
+
+  it('checks if various text fields are visible', () => {
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

client/src/pages/tests/techSupportDoc.test.tsx

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import {render} from '@testing-library/react';
+import {LocalizedComponent} from '../../test/testHelpers';
+import TSDPage from '../technical-support-document';
+
+describe('rendering of the DatasetContainer', () => {
+  const {asFragment} = render(
+      <LocalizedComponent>
+        <TSDPage location={window.location}/>
+      </LocalizedComponent>,
+  );
+
+  it('checks if various text fields are visible', () => {
+    expect(asFragment()).toMatchSnapshot();
+  });
+});