diff --git a/src/app/components/ContentContainer/ContentContainer.tsx b/src/app/components/ContentContainer/ContentContainer.tsx new file mode 100644 index 0000000..4132dfb --- /dev/null +++ b/src/app/components/ContentContainer/ContentContainer.tsx @@ -0,0 +1,12 @@ +import { GridContainer } from '@trussworks/react-uswds'; + +interface ContentContainerProps { + children: React.ReactNode; +} +export function ContentContainer({ children }: ContentContainerProps) { + return ( +
+ {children} +
+ ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 8755b05..2bc11db 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,9 +1,10 @@ -import MarkdownContent from './components/MarkdownComponent/MarkdownComponent'; import { Grid } from '@trussworks/react-uswds'; import Image from 'next/image'; import { basePath } from './utils/constants'; import Hero from './components/Hero/Hero'; import InvitationCta from './components/InvitationCta/InvitationCta'; +import { ContentContainer } from './components/ContentContainer/ContentContainer'; +import Link from 'next/link'; export default async function Home() { return ( @@ -15,46 +16,100 @@ export default async function Home() { timely public health action using CDC's free, cloud-based products built from Data Integration Building Blocks, or DIBBs." /> -
-
- - - Placeholder - - {MarkdownContent('homepage/section_2.md')} - -
-
-
-
- - {MarkdownContent('homepage/section_3.md')} - - Placeholder - - -
-
-
-
- - - {MarkdownContent('homepage/section_4.md')} - - -
-
+ + + + ); } + +function SectionOne() { + return ( + + + Placeholder +
+

+ Introducing Data Integration Building Blocks +

+
+

+ DIBBs are modular, open-source software that can be configured to + clean, transform, and enrich data. We build cloud-enabled products + that leverage DIBBs to provide the following benefits to public + health jurisdictions: +

+
    +
  • Better, higher quality data for use in data analysis
  • +
  • + Time-savings for public health staff thanks to reduced manual + work +
  • +
  • More usable data that makes case investigation easier
  • +
  • Automated data processing that streamlines data workflows
  • +
  • + Flexible cloud deployment options, including free central + hosting through CDC +
  • +
+
+
+
+
+ ); +} + +function SectionTwo() { + return ( + + +
+

+ Unlock the value of your jurisdiction's data +

+

+ DIBBs products help jurisdictions make the most of their data. From + improving the usability of electronic case reporting (eCR) data to + streamlining data collection from healthcare providers without the + need for a direct connection, our products save jurisdictions time + and effort for case investigation and analysis. +

+ + Find out more about our products + +
+ Placeholder +
+
+ ); +} + +function SectionThree() { + return ( + +
+

+ Jurisdictions working with DIBBs +

+

+ State and local public health jurisdictions across the United States + used DIBBs to solve their toughest data challenges +

+
+
+ ); +}