From debaf5cc8194a6e78585b2410990dd660bb51786 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Thu, 27 Mar 2025 22:16:05 +0330
Subject: [PATCH] Add paragraph

---
 frontend/components/home/Categories.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/components/home/Categories.vue b/frontend/components/home/Categories.vue
index 3381180..eb01a3b 100644
--- a/frontend/components/home/Categories.vue
+++ b/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"