six bug

blocks/feature190.tsx

@@ -14,21 +14,24 @@ const DATA: Feature[] = [
   {
     id: "analytics-dashboard",
     title: "گزارش زمان‌بندی‌شده",
-    description: "ویجت‌های موردنیاز هر تیم را بچینید و فقط معیارهای مرتبط را ببینید.",
+    description:
+      "ویجت‌های موردنیاز هر تیم را بچینید و فقط معیارهای مرتبط را ببینید.",
     imageUrl: "/block-media/shadcnblocks/block/block-1.svg",
     imageAlt: "گزارش عملکرد",
   },
   {
     id: "team-collaboration",
     title: "تحلیل کوHORT",
-    description: "داده را بر اساس محصول، منطقه یا کانال برش دهید و الگو پیدا کنید.",
+    description:
+      "داده را بر اساس محصول، منطقه یا کانال برش دهید و الگو پیدا کنید.",
     imageUrl: "/block-media/shadcnblocks/block/block-2.svg",
     imageAlt: "داشبورد تحلیل داده",
   },
   {
     id: "third-party-integrations",
     title: "مقایسه دوره‌ای",
-    description: "تغییرات مهم را در طول زمان دنبال کنید و نقطه عطف را شناسایی کنید.",
+    description:
+      "تغییرات مهم را در طول زمان دنبال کنید و نقطه عطف را شناسایی کنید.",
     imageUrl: "/block-media/shadcnblocks/block/block-3.svg",
     imageAlt: "نمودار شاخص کلیدی",
   },
@@ -42,21 +45,24 @@ const DATA: Feature[] = [
   {
     id: "automated-workflows",
     title: "داشبورد سفارشی",
-    description: "ویجت‌های موردنیاز هر تیم را بچینید و فقط معیارهای مرتبط را ببینید.",
+    description:
+      "ویجت‌های موردنیاز هر تیم را بچینید و فقط معیارهای مرتبط را ببینید.",
     imageUrl: "/block-media/shadcnblocks/block/block-5.svg",
     imageAlt: "داشبورد تحلیل داده",
   },
   {
     id: "data-security",
     title: "فیلتر پیشرفته",
-    description: "داده را بر اساس محصول، منطقه یا کانال برش دهید و الگو پیدا کنید.",
+    description:
+      "داده را بر اساس محصول، منطقه یا کانال برش دهید و الگو پیدا کنید.",
     imageUrl: "/block-media/shadcnblocks/block/block-6.svg",
     imageAlt: "نمودار شاخص کلیدی",
   },
   {
     id: "customer-support",
     title: "نمودار روند",
-    description: "تغییرات مهم را در طول زمان دنبال کنید و نقطه عطف را شناسایی کنید.",
+    description:
+      "تغییرات مهم را در طول زمان دنبال کنید و نقطه عطف را شناسایی کنید.",
     imageUrl: "/block-media/shadcnblocks/block/block-3.svg",
     imageAlt: "گزارش عملکرد",
   },
@@ -70,7 +76,8 @@ const DATA: Feature[] = [
   {
     id: "scalable-infrastructure",
     title: "گزارش زمان‌بندی‌شده",
-    description: "ویجت‌های موردنیاز هر تیم را بچینید و فقط معیارهای مرتبط را ببینید.",
+    description:
+      "ویجت‌های موردنیاز هر تیم را بچینید و فقط معیارهای مرتبط را ببینید.",
     imageUrl: "/block-media/shadcnblocks/block/block-4.svg",
     imageAlt: "نمودار شاخص کلیدی",
   },
@@ -82,28 +89,33 @@ interface Feature190Props {
 
 const Feature190 = ({ className }: Feature190Props) => {
   return (
-    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
-      <div className="container">
+    <section
+      dir="rtl"
+      lang="fa"
+      className={cn("w-full max-w-full overflow-x-hidden py-32", className)}
+    >
+      <div className="container min-w-0">
         <div className="flex flex-col items-center text-center">
           <h2 className="mb-4 text-xl font-semibold tracking-tight text-balance sm:text-2xll">
             داده پراکنده را به تصمیم تبدیل کنید
           </h2>
           <p className="mb-8 max-w-3xl text-lg text-pretty text-muted-foreground sm:text-xl">
-            گزارش‌های بصری نشان می‌دهند کدام اقدام بیشترین اثر را روی درآمد و نگهداشت مشتری داشته است.
+            گزارش‌های بصری نشان می‌دهند کدام اقدام بیشترین اثر را روی درآمد و
+            نگهداشت مشتری داشته است.
           </p>
         </div>
 
-        <div className="grid md:grid-cols-2 lg:grid-cols-3">
+        <div className="grid min-w-0 md:grid-cols-2 lg:grid-cols-3">
           {DATA.map((feature) => (
             <Card
               key={feature.id}
-              className="mt-6 flex items-center rounded-none border-0 border-b border-muted pb-6 shadow-none"
+              className="mt-6 flex min-w-0 flex-row items-center gap-0 rounded-none border-0 border-b border-muted py-0! pb-6 shadow-none ring-0"
             >
               <a href="#" className="shrink-0 hover:opacity-70">
                 <img
                   src={feature.imageUrl}
                   alt={feature.imageAlt}
-                  className="me-4 h-16 w-16 rounded-md bg-muted object-contain p-2"
+                  className="me-4 size-16 rounded-md bg-muted object-contain p-2"
                 />
               </a>
               <div className="min-w-0 grow text-start">
@@ -118,7 +130,7 @@ const Feature190 = ({ className }: Feature190Props) => {
 
         <div className="mt-12 text-center">
           <Button variant="secondary" size="lg">
-            داده را بر اساس محصول، منطقه یا کانال برش دهید و الگو پیدا کنید.
+            همه قابلیت‌ها را ببینید
           </Button>
         </div>
       </div>