
diff --git a/client/src/components/RequestForInfo/RequestForInfo.module.scss b/client/src/components/RequestForInfo/RequestForInfo.module.scss
new file mode 100644
index 00000000..f2d56b19
--- /dev/null
+++ b/client/src/components/RequestForInfo/RequestForInfo.module.scss
@@ -0,0 +1,12 @@
+@use '../../styles/design-system.scss' as *;
+
+.rfiBox {
+ @include at-media-max("desktop") {
+ @include u-margin-top(2);
+ @include u-margin-bottom(2);
+
+ };
+
+ @include u-margin-top(10);
+
+}
\ No newline at end of file
diff --git a/client/src/components/RequestForInfo/RequestForInfo.module.scss.d.ts b/client/src/components/RequestForInfo/RequestForInfo.module.scss.d.ts
new file mode 100644
index 00000000..a73df67a
--- /dev/null
+++ b/client/src/components/RequestForInfo/RequestForInfo.module.scss.d.ts
@@ -0,0 +1,12 @@
+declare namespace RequestForInfoNamespace {
+ export interface IRequestForInfoScss {
+ rfiBox: string;
+ }
+ }
+
+declare const RequestForInfoScssModule: RequestForInfoNamespace.IRequestForInfoScss & {
+ /** WARNING: Only available when `css-loader` is used without `style-loader` or `mini-css-extract-plugin` */
+ locals: RequestForInfoNamespace.IRequestForInfoScss;
+ };
+
+ export = RequestForInfoScssModule;
diff --git a/client/src/components/RequestForInfo/RequestForInfo.test.tsx b/client/src/components/RequestForInfo/RequestForInfo.test.tsx
new file mode 100644
index 00000000..c016c225
--- /dev/null
+++ b/client/src/components/RequestForInfo/RequestForInfo.test.tsx
@@ -0,0 +1,16 @@
+import * as React from 'react';
+import {render} from '@testing-library/react';
+import {LocalizedComponent} from '../../test/testHelpers';
+import RequestForInfo from './RequestForInfo';
+
+describe('rendering of the RequestForInfo', () => {
+ const {asFragment} = render(
+
+
+ ,
+ );
+
+ it('checks if component renders', () => {
+ expect(asFragment()).toMatchSnapshot();
+ });
+});
diff --git a/client/src/components/RequestForInfo/RequestForInfo.tsx b/client/src/components/RequestForInfo/RequestForInfo.tsx
new file mode 100644
index 00000000..4619d6ad
--- /dev/null
+++ b/client/src/components/RequestForInfo/RequestForInfo.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import {SummaryBox} from '@trussworks/react-uswds';
+import {useIntl} from 'gatsby-plugin-intl';
+
+import * as CONTACT_COPY from '../../data/copy/contact';
+import * as styles from './RequestForInfo.module.scss';
+
+const RequestForInfo = () => {
+ const intl = useIntl();
+
+ return (
+
+ {CONTACT_COPY.RFI_BOX_BODY}
+
+ );
+};
+
+export default RequestForInfo;
diff --git a/client/src/components/RequestForInfo/__snapshots__/RequestForInfo.test.tsx.snap b/client/src/components/RequestForInfo/__snapshots__/RequestForInfo.test.tsx.snap
new file mode 100644
index 00000000..bfec58d3
--- /dev/null
+++ b/client/src/components/RequestForInfo/__snapshots__/RequestForInfo.test.tsx.snap
@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`rendering of the RequestForInfo checks if component renders 1`] = `
+
+
+
+
+ Request for Infomation
+
+
+ During the beta period, comments may be submitted on the Climate and Economic Justice Screening Tool via CEQ’s Request for Information available on
+
+ federalregister.gov
+
+ .
+
+
+
+
+`;
diff --git a/client/src/components/RequestForInfo/index.tsx b/client/src/components/RequestForInfo/index.tsx
new file mode 100644
index 00000000..48fe35df
--- /dev/null
+++ b/client/src/components/RequestForInfo/index.tsx
@@ -0,0 +1,3 @@
+import RequestForInfo from './RequestForInfo';
+
+export default RequestForInfo;
diff --git a/client/src/data/copy/contact.tsx b/client/src/data/copy/contact.tsx
index 798b54de..db6b0bf2 100644
--- a/client/src/data/copy/contact.tsx
+++ b/client/src/data/copy/contact.tsx
@@ -32,6 +32,23 @@ export const PAGE_INTRO = defineMessages({
},
});
+export const RFI_BOX = defineMessages({
+ TITLE: {
+ id: 'contact.page.request.for.info.box.title',
+ defaultMessage: 'Request for Infomation',
+ description: 'Navigate to the contact page, this is the title of the request for information box',
+ },
+});
+
+export const RFI_BOX_BODY =
federalregister.gov.`}
+ description={'Navigate to the contact page, this is the body of the request for information box'}
+ values={{
+ link1: COMMON_COPY.linkFn(`https://www.federalregister.gov/d/2022-03920`, false, true),
+ }}
+/>;
+
export const CENSUS_TRACT_FEEDBACK = {
TITLE: federalregister.gov.",
+ "description": "Navigate to the contact page, this is the body of the request for information box"
+ },
+ "contact.page.request.for.info.box.title": {
+ "defaultMessage": "Request for Infomation",
+ "description": "Navigate to the contact page, this is the title of the request for information box"
+ },
"contact.page.sub.header.text": {
"defaultMessage": "Email us",
"description": "Navigate to the contact page, this is the contact page sub header text"
diff --git a/client/src/pages/__snapshots__/contact.test.tsx.snap b/client/src/pages/__snapshots__/contact.test.tsx.snap
index 981fabe3..4cb7b151 100644
--- a/client/src/pages/__snapshots__/contact.test.tsx.snap
+++ b/client/src/pages/__snapshots__/contact.test.tsx.snap
@@ -339,11 +339,11 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis