diff --git a/src/pages/index.vue b/src/pages/index.vue
index 5b60997..f193b2b 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -7,7 +7,7 @@
 </route>
 
 <template>
-<div class="bg-gray-50">
+<div>
   
     <!-- <h1 class="font-medium text-center leading-tight text-4xl p-4 text-black-600">New Arrivals for  {{this.$route.params.id}}</h1>
     <hr class=""> -->
@@ -15,17 +15,18 @@
       <!-- <div v-if="loading" class="loading">Loading...</div> -->
       <!-- <div v-if="error" class="error">{{ error }}</div> -->
       
-      <div v-if="ecomm55Banner.data"  class="w-full">
-        <div v-for="(item, index) in ecomm55Banner.data" class="">
+      <div v-if="ecomm55Banner.data"  class="w-full" >
+        <div v-for="(item, index) in ecomm55Banner.data" class=" pb-8">
           <router-link :to="'/item/' + item.slug">
               <div class="relative">
                 <img class="w-full" :src="'https://api8.siliconpin.com/assets/'+item.img" >
                 <div v-if="item.name" class="absolute bottom-0 w-full">
                   <div class="flex justify-left" >
-                    <div class="place-self-center p-4 rounded-md" style="background-color: #a9333175;">
-                        <p class="text-2xl  font-bold uppercase " style="color: #efc7c7;">{{item.name}} </p>
+                    <div class="place-self-center p-4 rounded-md" >
+                      <button class="rounded mx-auto uppercase text-xs text-white font-bold py-2 px-14 mb-4" style="background-color: aliceblue; color: rgb(32, 168, 126);"> {{item.name}} </button>
+                        <!-- <p class="text-2xl  font-bold uppercase " style="color: black;">{{item.name}} </p> -->
                         <div class="flex justify-center">
-                          <button class="rounded mx-auto bg-red-500 hover:bg-white uppercase text-xs text-white hover:text-red-500 font-bold py-2 px-4 "> {{item.btn}} </button>
+                          <button class="rounded mx-auto uppercase text-xs text-white font-bold py-2 px-14 " style="background-color: rgb(32, 168, 126);"> {{item.btn}} </button>
                         </div>
                       </div>
                   </div>