final cleanup

src/components/Template/Template.mdx

@@ -95,7 +95,7 @@ This means you may use `TemplateMain` or `TemplateMainNarrow` depending on your
 but the two should not be used in conjunction.
 
 The `TemplateMain` and `TemplateMainNarrow` components render the content as a
-`<main>` element with a default "id" of `"mainContent"`. This should be used as
+`<main>` element with a default `id` of `"mainContent"`. This should be used as
 the anchor element that the skip navigation link points to. If your application
 is using the current Header, it already contains the skip navigation feature but
 make sure it is pointing to the correct anchor element.

src/components/Template/Template.stories.tsx

@@ -373,8 +373,32 @@ export const TemplateFullExampleNarrow = {
   render: () => (
     <>
       <Template>
+        <TemplateBreakout>
+          <Breadcrumbs
+            breadcrumbsData={[
+              { url: "#", text: "Home" },
+              { url: "#", text: "Research" },
+              {
+                url: "#",
+                text: "Catalog",
+              },
+            ]}
+            breadcrumbsType="research"
+          />
+          <Hero
+            backgroundColor="section.research.primary"
+            foregroundColor="ui.white"
+            heroType="tertiary"
+            heading={<Heading level="h1" id="1" text="Tertiary Hero" />}
+          />
+        </TemplateBreakout>
         <TemplateMainNarrow>
-          <p>This is the main content!</p>
+          <Heading
+            level="h2"
+            size="heading3"
+            id="main-heading"
+            text="Main Narrow"
+          />
           <p>
             Discover millions of items from The New York Public Library's
             Stephen A. Schwarzman Building, Schomburg Center for Research in