Simple homepage

src/components/PageHero.astro

@@ -1,16 +1,16 @@
 ---
-interface Props { title: string; introduction?: string; example?: boolean; hasImage?: boolean }
-const { title, introduction, example = false, hasImage = false } = Astro.props;
+interface Props { title: string; introduction?: string; example?: boolean; breadcrumb?: boolean; hasImage?: boolean }
+const { title, introduction, example = false, breadcrumb = true, hasImage = false } = Astro.props;
 ---
 <section class:list={['page-hero', { 'page-hero--compact': !hasImage }]}>
   <div class="container">
-    <nav class="breadcrumb" aria-label="Breadcrumb">
+    {breadcrumb && <nav class="breadcrumb" aria-label="Breadcrumb">
       <ol>
         {Astro.url.pathname !== '/' && <li><a href="/">Home</a></li>}
         {example && <li>Example</li>}
         <li aria-current="page">{title}</li>
       </ol>
-    </nav>
+    </nav>}
     <h1 class="page-hero__title">{title}</h1>
     {introduction && <p class="page-hero__lead">{introduction}</p>}
   </div>