Add description text and button

tailwind.config.js

@@ -7,6 +7,10 @@ module.exports = {
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {
+      fontFamily: {
+        display: ['Bebas Neue', 'Arial Narrow', 'Arial', 'sans-serif'],
+        sans: ['Helvetica', 'Arial', 'sans-serif']
+      },
       screens: {
         sm: '700px'
       }
@@ -17,10 +21,7 @@ module.exports = {
       dandelion: '#FFDC67',
       gray: colors.trueGray,
       white: '#ffffff'
-    },
-    fontFamily: {
-      display: ['Bebas Neue', 'Arial Narrow', 'Arial', 'sans-serif']
-    },
+    }
   },
   variants: {
     extend: {},

templates/includes/home/description.html.twig

@@ -0,0 +1,5 @@
+<div class="py-12 px-8 text-center sm:max-w-3xl sm:mx-auto">
+    <p class="text-xl leading-relaxed font-sans text-center text-blue-700 sm:text-3xl sm:leading-normal">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
+
+    <a class="my-6 px-5 py-3 inline-block text-xl font-sans text-blue-700 border-2 border-blue-700 transition transition-color duration-200 ease-in-out hover:text-white hover:bg-blue-700 focus:text-white focus:bg-blue-700 sm:text-3xl" href="#0">Learn more</a>
+</div>

templates/pages/home.html.twig

@@ -2,6 +2,5 @@
 
 {% block content %}
     {% include 'includes/home/header.html.twig' %}
-
-    This is the homepage.
+    {% include 'includes/home/description.html.twig' %}
 {% endblock %}