Change structure

components/HeroCard.vue

@@ -0,0 +1,15 @@
+<template>
+  <div class="bg-gradient-to-tr from-primary-600 to-primary-400 text-white rounded shadow p-8">
+    <slot/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "HeroCard"
+}
+</script>
+
+<style scoped>
+
+</style>