six bug

blocks/feature158.tsx

@@ -28,33 +28,47 @@ interface Feature158Props {
 
 const Feature158 = ({ className }: Feature158Props) => {
   return (
-    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
-      <div className="container">
-        <div className="mb-12 flex flex-col items-center">
-          <h4 className="mb-4 text-muted-foreground/50">
+    <section
+      dir="rtl"
+      lang="fa"
+      className={cn(
+        "relative w-full min-w-0 max-w-full overflow-x-clip py-32",
+        className,
+      )}
+    >
+      <div className="container w-full min-w-0 max-w-full">
+        <div className="mb-12 flex w-full min-w-0 flex-col items-center">
+          <h4 className="mb-4 text-center text-muted-foreground/50">
             همکاری فروش و بازاریابی
           </h4>
-          <h1 className="mb-6 text-center text-xl font-semibold text-balance sm:text-2xll lg:text-[56px]">
+          <h1 className="mb-6 max-w-full text-center text-xl font-semibold text-balance wrap-break-word sm:text-2xll lg:text-[56px]">
             پیش‌بینی درآمد را دقیق‌تر کنید
           </h1>
-          <h3 className="text-center text-xl text-pretty">
+          <h3 className="max-w-full text-center text-xl text-pretty wrap-break-word">
             اولویت‌بندی سرنخ
           </h3>
         </div>
-        <div className="flex flex-col items-center">
-          <div className="mb-16 flex flex-col items-center justify-between gap-12 md:flex-row">
+        <div className="flex w-full min-w-0 flex-col items-center">
+          <div className="mb-16 flex w-full min-w-0 flex-col items-stretch justify-between gap-12 md:flex-row md:items-start">
             {integrations.map((item) => (
-              <div key={item.id} className="text-center">
+              <div
+                key={item.id}
+                className="min-w-0 w-full max-w-full flex-1 text-center"
+              >
                 <img
                   src={item.image}
                   alt={item.imageAlt}
-                  className="mb-8 aspect-[1.6] w-full rounded-2xl border border-dashed object-cover"
+                  className="mb-8 aspect-[1.6] w-full max-w-full rounded-2xl border border-dashed object-cover"
                 />
-                <p className="text-sm text-pretty">{item.text}</p>
+                <p className="max-w-full text-sm text-pretty wrap-break-word">
+                  {item.text}
+                </p>
               </div>
             ))}
           </div>
-          <Button>با یادآورهای هوشمند و اولویت‌بندی سرنخ، زمان تیم روی معاملات با احتمال بیشتر صرف می‌شود و چرخه فروش کوتاه‌تر می‌شود.</Button>
+          <Button className="h-auto max-w-full shrink whitespace-normal px-4 py-2 text-center wrap-break-word">
+            درخواست دمو
+          </Button>
         </div>
       </div>
     </section>