stash

components/user/Header.vue

@@ -3,7 +3,7 @@
   <div>
     <!-- header top -->
     <div class="header-top">
-      <v-container>
+      <v-container class="pa-0">
         <v-row no-gutters>
           <v-col
             cols="12"

components/user/NavBar.vue

 <template>
   <v-container>
-    <div class="navbar d-flex justify-space-between col-md-7">
+      <div class="navbar d-flex justify-space-between ">
+        <div class ="d-flex justify-space-between col-md-7">
         <div>
           <span>
             Home
@@ -38,6 +39,17 @@
           </span>
         </div>
       </div>
+        <div class="d-flex align-center ">
+        <v-icon>mdi-tag</v-icon>
+        <span class="mx-2">
+          Special offer!
+        </span>
+        <span class="mx-2">
+          Buy riode
+        </span>
+      </div>
+      </div>
+
   </v-container>
 </template>
 

pages/home-page/categories/index.vue

+<template>
+  <div>
+    <!-- Banners -->
+    <PageCarousels />
+  </div>
+</template>
+
+<script>
+import PageCarousels from '@/components/PageCarousels'
+
+export default {
+  layout: 'user',
+  component: {
+    PageCarousels
+  }
+}
+</script>
+
+<style>
+</style>