Add recent talks component

src/App.vue

@@ -8,17 +8,23 @@
         <p class="mt-5 text-sm">{{ description }}</p>
       </div>
     </div>
+
+    <main>
+      <recent-talks/>
+    </main>
   </div>
 </template>
 
 <script>
 import Navbar from '@/components/navbar'
+import RecentTalks from '@/components/recent-talks'
 
 export default {
   name: 'App',
 
   components: {
-    Navbar
+    Navbar,
+    RecentTalks
   },
 
   data() {

src/components/recent-talks/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <section class="py-4">
+    <div class="mx-auto px-4">
+      <h2 class="text-2xl font-bold uppercase text-center">Recent Talks</h2>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'RecentTalks'
+}
+</script>