tweak front page styling

Author: timcappalli

layouts/index.html

@@ -20,12 +20,15 @@
       {{- end -}}
 
       <div class="row justify-content-center mt-5">
-        <div class="col-lg-8 text-center">
+        <div class="col-lg-7 text-center">
 
           <img alt="passkey icon" src="img/logos/pdd-icon-color-simple.svg" width="20%" />
 
           <div class="mt-4">
             <p class="display-6 mt-0 mb-5">Hello <span class="fw-bold">passkeys!</span><br><span class="fade-out-text">Goodbye passwords.</span></p>
+            <div class="lead">
+              <p>Passkeys are the secure, phishing-resistant, and easy to use replacement for passwords, OTPs, and magic links.</p>
+            </div>
             <a aria-label="Get started" href="docs/intro/what-are-passkeys/" class="btn btn-primary position-relative"
               role="button">
               <span class="d-flex justify-content-center">
@@ -38,4 +41,4 @@
   </div>
 </div>
 <!-- Mastodon verification --><a rel="me" href="https://fosstodon.org/@passkeysdev" aria-label="Mastodon verification"></a>
-{{ end -}}
+{{ end -}}