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>
-        <span>
-          Home
-        </span>
-      </div>
-      <div class="dropdown">
-        <span>
-          Products
-        </span>
-        <v-icon>mdi-chevron-down</v-icon>
-        <div class="dropdown-content elevation-10" :elevation="2">
-          <v-treeview
-            :active.sync="active"
-            rounded
-            dense
-            hoverable
-            activatable
-            :items="categories"
-          />
+      <div class="navbar d-flex justify-space-between ">
+        <div class ="d-flex justify-space-between col-md-7">
+        <div>
+          <span>
+            Home
+          </span>
+        </div>
+        <div class="dropdown">
+          <span>
+            Products
+          </span>
+          <v-icon>mdi-chevron-down</v-icon>
+          <div class="dropdown-content elevation-10" :elevation="2">
+            <v-treeview
+              :active.sync="active"
+              rounded
+              dense
+              hoverable
+              activatable
+              :items="categories"
+            />
+          </div>
+        </div>
+        <div>
+          <span>
+            Pages
+          </span>
+        </div>
+        <div>
+          <span>
+            Blogs
+          </span>
+        </div>
+        <div>
+          <span>
+            About
+          </span>
         </div>
       </div>
-      <div>
-        <span>
-          Pages
+        <div class="d-flex align-center ">
+        <v-icon>mdi-tag</v-icon>
+        <span class="mx-2">
+          Special offer!
         </span>
-      </div>
-      <div>
-        <span>
-          Blogs
+        <span class="mx-2">
+          Buy riode
         </span>
       </div>
-      <div>
-        <span>
-          About
-        </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>