Convert home page to hero, social shortcodes

exampleSite/content/_index.md

@@ -1,14 +1,6 @@
 ---
 description: "Powerful, pliable pixel perfection."
-layout: "paige/home"
 paige:
-  home:
-    blurb: "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."
-    greeting: "An advanced Hugo theme"
-    image:
-      alt: "Landscape"
-      stretch: true
-      url: "https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
   social:
     github:
       class: "bi bi-github"
@@ -26,4 +18,17 @@ paige:
 title: "Paige"
 ---
 
-<a class="lead" href="https://github.com/willfaught/paige">Install it now.</a>
+{{< paige/hero
+    alt="Landscape"
+    header="An advanced Hugo theme"
+    image="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296"
+    imageclass="rounded-4 shadow"
+    stretch=true >}}
+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 >}}
+
+<p class="text-center">
+    <a class="lead" href="https://github.com/willfaught/paige">Install it now.</a>
+</p>
+
+{{< paige/social >}}