six bug

blocks/feature139.tsx

@@ -6,7 +6,8 @@ import { cn } from "@/lib/utils";
 const items = [
   {
     title: "Slack",
-    description: "محصولات را دسته‌بندی کنید و ویژگی‌ها را برای جستجوی بهتر ساختاردهی کنید.",
+    description:
+      "محصولات را دسته‌بندی کنید و ویژگی‌ها را برای جستجوی بهتر ساختاردهی کنید.",
     number: 400,
   },
   {
@@ -32,41 +33,54 @@ interface Feature139Props {
 
 const Feature139 = ({ className }: Feature139Props) => {
   return (
-    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
-      <div className="container">
-        <div className="rounded-lg border bg-card p-10 shadow-sm">
-          <div className="flex w-full flex-col items-center justify-between gap-4 md:flex-row">
-            <div className="w-full max-w-md text-start">
+    <section
+      dir="rtl"
+      lang="fa"
+      className={cn(
+        "relative w-full max-w-full overflow-hidden py-32",
+        className,
+      )}
+    >
+      <div className="container min-w-0 max-w-full">
+        <div className="w-full min-w-0 rounded-lg border bg-card p-4 shadow-sm sm:p-6 md:p-10">
+          <div className="flex w-full min-w-0 flex-col items-center justify-between gap-6 md:flex-row md:gap-4">
+            <div className="w-full min-w-0 max-w-md text-start">
               <Badge
                 variant="outline"
                 className="px-3 py-2 text-muted-foreground"
               >
-                مسیر خرید را بهینه کنید تا سبد رها شده کمتر شود. پیشنهاد هوشمند محصول، میانگین سفارش را بالا می‌برد.
+                فروش آنلاین
               </Badge>
-              <h2 className="my-5 text-xl font-medium lg:text-xl">
+              <h2 className="my-5 max-w-full text-xl font-medium text-balance break-words lg:text-xl">
                 فروش آنلاین را مقیاس‌پذیر کنید
               </h2>
-              <p className="text-sm text-muted-foreground lg:text-base">
+              <p className="max-w-full text-sm text-pretty break-words text-muted-foreground lg:text-base">
+                مسیر خرید را بهینه کنید تا سبد رها شده کمتر شود. پیشنهاد هوشمند
+                محصول، میانگین سفارش را بالا می‌برد.
+              </p>
+              <p className="mt-3 max-w-full text-sm text-pretty break-words text-muted-foreground lg:text-base">
                 تجربه خرید را روان‌تر بسازید
               </p>
             </div>
-            <div className="w-full max-w-lg">
+            <div className="w-full min-w-0 max-w-lg">
               <img
                 src="/block-media/shadcnblocks/block/placeholder-1.svg"
                 alt="مدیریت سفارش"
-                className="max-h-[420px] w-full rounded-lg object-cover"
+                className="max-h-[420px] w-full max-w-full rounded-lg object-cover"
               />
             </div>
           </div>
 
-          <div className="mt-24 grid grid-cols-1 justify-between gap-12 sm:grid-cols-2 md:grid-cols-4">
+          <div className="mt-12 grid w-full min-w-0 grid-cols-1 justify-between gap-8 sm:mt-16 sm:grid-cols-2 sm:gap-12 md:mt-24 md:grid-cols-4">
             {items.map((item) => (
-              <div key={item.title} className="text-start">
+              <div key={item.title} className="min-w-0 max-w-full text-start">
                 <p className="text-xl text-muted-foreground">
                   {item.number.toLocaleString("fa-IR")}+
                 </p>
-                <h6 className="mt-5 mb-3 font-semibold">{item.title}</h6>
-                <p className="text-sm text-muted-foreground">
+                <h6 className="mt-5 mb-3 font-semibold break-words">
+                  {item.title}
+                </h6>
+                <p className="text-sm text-pretty break-words text-muted-foreground">
                   {item.description}
                 </p>
               </div>