Add paragraph

frontend/components/home/Categories.vue

@@ -25,12 +25,20 @@ const onSwiper = (swiper: SwiperClass) => {
         class="flex flex-col justify-center gap-4 bg-black h-[150svh] relative overflow-hidden"
     >
 
-        <div class="w-full flex justify-center items-center relative translate-y-[-200px] z-10">
-            <span class="text-white typo-h-6 md:typo-h-5 lg:typo-h-4">
-                دسته بندی ها
-            </span>
+        <div class="w-full relative translate-y-[-200px] z-10">
+            <div class="flex-col-center gap-6">
+                <span class="text-white typo-h-6 md:typo-h-5 lg:typo-h-4">
+                   دسته بندی ها
+                </span>
+                <p class="text-slate-300 text-center max-w-[750px] typo-p-lg xl:typo-p-xl">
+                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها
+                    و
+                    متون بلکه روزنامه و مجله در ستون و سطرآنچنان که
+                </p>
+            </div>
         </div>
 
+
         <div class="w-full my-20 relative">
             <video
                 class="aspect-square w-[450px] translate-[-293px] absolute left-1/2 -translate-x-1/2 z-10"