Hero categories not linked @homepage

src/components/Hero.vue

 <template>
   <div class="text-center has-splash q-pa-xl">
-    <img
-      src="statics/600x600fabr.png"
-      style="max-width: 200px"
-    >
+    <img src="statics/600x600fabr.png" style="max-width: 200px" />
     <div class="text-h4">Welcome to the Fabricademy</div>
     <div class="text-h4">Open Source Circular fashion catalogue</div>
     <div style="width: 30%; margin: 32px auto;">
       <q-separator />
     </div>
-    <div class="text-h6 text-grey">Browse and share your designs and help grow this library!</div>
-    <div class="row">
-      <div class="col text-h6 text-grey-6">
-        <q-btn flat>Featured</q-btn>
-        <q-btn flat>Most Recent</q-btn>
-        <q-btn flat>Most Popular</q-btn>
-        <q-btn flat>Collections</q-btn>
-      </div>
-    </div>
+    <div class="text-h6 text-grey">Browse, remix and share your designs and help grow this library!</div>
 
     <!-- <SearchBox class="q-mt-xl" /> -->
   </div>
@@ -31,7 +20,7 @@ export default {
   components: {
     SearchBox
   },
-  data () {
+  data() {
     return {};
   }
 };