Updated

frontend/components/home/Categories.vue

@@ -29,12 +29,13 @@ const onSwiper = (swiper: SwiperClass) => {
 </script>
 
 <template>
-    <section class="flex flex-col gap-4 bg-black h-[110svh] mt-40 py-32">
+    <section class="flex flex-col justify-center gap-4 bg-black h-[150svh] mt-40">
         <div class="w-full flex justify-center items-center">
             <span class="text-white typo-h-4">
                 دسته بندی ها
             </span>
         </div>
+
         <div class="w-full my-20 relative">
             <Swiper
                 :loop="true"
@@ -82,5 +83,14 @@ const onSwiper = (swiper: SwiperClass) => {
                 />
             </div>
         </div>
+
+        <div class="w-full flex justify-center items-center">
+            <NuxtLink to="/category">
+                <Button variant="solid" class="invert rounded-full px-8" end-icon="ci:arrow-left">
+                    مشاهده همه دسته ها
+                </Button>
+            </NuxtLink>
+        </div>
+
     </section>
 </template>