DR-2574 Template for homepage

README.md

@@ -53,7 +53,6 @@ The following endpoints are currently available at http://localhost:3000/api/lan
 - [/photographs](http://localhost:3000/api/lanes/photographs)
 - [/prints-and-drawings](http://localhost:3000/api/lanes/prints-and-drawings)
 - [/recently-digitized-collections](http://localhost:3000/api/lanes/recently-digitized-collections)
-- [/items](http://localhost:3000/api/lanes/items)
 
 ### Individual Lane - GET /api/lanes/[...slug]
 

__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}
+    />
+  );
 }