Merge pull request #18 from NYPL/feature/DR-2574/page-template

DR-2574 Template for homepage

__tests__/homepage.test.tsx

@@ -17,4 +17,14 @@ describe("Home", () => {
     });
     expect(header).toBeInTheDocument();
   });
+
+  it("renders the expected text content", () => {
+    const { getByText } = render(<Home />);
+    expect(getByText("Notification banner")).toBeInTheDocument();
+    expect(getByText("Header")).toBeInTheDocument();
+    expect(getByText("First swim lane")).toBeInTheDocument();
+    expect(getByText("Featured Content")).toBeInTheDocument();
+    expect(getByText("Rest of swim lanes")).toBeInTheDocument();
+    expect(getByText("Explore further links")).toBeInTheDocument();
+  });
 });

src/pages/index.tsx

@@ -1,5 +1,24 @@
 import CampaignHero from "../components/hero/campaignHero";
+import {
+  SkipNavigation,
+  TemplateAppContainer,
+} from "@nypl/design-system-react-components";
 
 export default function Home() {
-  return <CampaignHero />;
+  return (
+    <TemplateAppContainer
+      aboveHeader={<p> Notification banner </p>}
+      header={<p> Header </p>}
+      breakout={<CampaignHero />}
+      contentPrimary={
+        <>
+          <p>First swim lane</p>
+          <p>Featured Content</p>
+          <p>Rest of swim lanes</p>
+          <p>Explore further links</p>
+        </>
+      }
+      renderSkipNavigation={true}
+    />
+  );
 }