Begin templatizing configuration

layouts/partials/hero-body.html

@@ -1,20 +1,30 @@
+{{- $hero       := .Site.Params.hero }}
+{{- $title      := index $hero "title" }}
+{{- $subtitle   := index $hero "subtitle" }}
+{{- $buttonText := index $hero "buttonText" }}
+{{- $buttonLink := index $hero "buttonLink" }}
+{{- $image      := index $hero "image" }}
 <div class="hero-body">
   <div class="container">
     <div class="columns is-vcentered">
       <div class="column is-5 is-offset-1 landing-caption">
         <h1 class="title is-1 is-bold is-spaced">
-          Manage, Deploy.
+          {{ $title }}
         </h1>
-        <h2 class="subtitle is-5 is-muted">Lorem ipsum sit dolor amet is a dummy text used by typography industry </h2>
+        {{ with $subtitle }}
+        <h2 class="subtitle is-5 is-muted">
+          {{ . }}
+        </h2>
+        {{ end }}
         <p>
-          <a class="button cta rounded primary-btn raised">
-            Get Started
+          <a class="button cta rounded primary-btn raised" href="{{ $buttonLink }}">
+            {{ $buttonText }}
           </a>
         </p>
       </div>
       <div class="column is-5 is-offset-1">
         <figure class="image is-4by3">
-          <img src="{{ "/images/illustrations/worker.svg" | relURL }}" alt="Description">
+          <img src="{{ printf "/images/%s" $image | relURL }}" alt="Description">
         </figure>
       </div>
     </div>