From 2b3cb1aea2864969d0817b073349ae86e70601e8 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 8 Sep 2020 20:15:38 +0100
Subject: [PATCH] Add hero component

---
 src/App.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index a04eb95..f9249e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,13 @@
 <template>
   <div id="app" class="text-black">
     <navbar :name="title" />
+
+    <div class="h-48 flex items-center justify-center bg-yellow">
+      <div class="p-4 text-center">
+        <h1 class="text-4xl leading-none font-bold">{{ title }}</h1>
+        <p class="mt-5 text-sm">{{ description }}</p>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -16,7 +23,8 @@ export default {
 
   data() {
     return {
-      title: 'Bristol JS'
+      title: 'Bristol JS',
+      description: 'We host monthly JavaScript meetings in the beautiful city of Bristol, UK.'
     }
   }
 }