Remove hero shortcode

exampleSite/content/_index.md

@@ -13,15 +13,19 @@ paige:
 title: "Paige"
 ---
 
-{{< paige/hero
-    alt="Landscape"
-    header="An advanced Hugo theme"
-    image="https://images.unsplash.com/photo-1490604001847-b712b0c2f967"
-    imageclass="object-fit-cover rounded-4 shadow w-100"
-    maxheight="20rem"
-    process="1296x webp" >}}
-Paige is designed to put your content front and center, avoiding the typical clutter. The look is seamless and smooth, scalable and readable, portable and efficient. The layout is minimal and responsive, using verticality and white space to focus and delineate parts of the page. The implementation is flexible and extensible. It's a versatile canvas that serves most web needs.
-{{< /paige/hero >}}
+{{< paige/figure >}}
+{{< paige/image alt="Landscape" class="object-fit-cover rounded-4 shadow w-100" fetchpriority="high" loading="eager" maxheight="20rem" process="webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" >}}
+{{< /paige/figure >}}
+
+<p class="display-5 fw-bold h2 text-center">An advanced Hugo theme</p>
+
+<div class="container-fluid">
+    <div class="justify-content-center row">
+        <div class="col col-auto col-lg-7 px-0">
+            <p class="lead text-center">Paige is designed to put your content front and center, avoiding the typical clutter. The look is seamless and smooth, scalable and readable, portable and efficient. The layout is minimal and responsive, using verticality and white space to focus and delineate parts of the page. The implementation is flexible and extensible. It’s a versatile canvas that serves most web needs.</p>
+        </div>
+    </div>
+</div>
 
 <p class="text-center">
     <a class="lead" href="https://github.com/willfaught/paige">Install it now.</a>