Update content in about blocks to reflect new branding and messaging for various products. Key changes include rephrasing descriptions, updating titles, and modifying statistics to better align with the current offerings and mission statements. This enhances clarity and consistency across the platform.

blocks/settings-integrations4.tsx

@@ -27,7 +27,7 @@ const IntegrationCard = ({ integration, onToggle }: IntegrationCardProps) => {
     <div className="flex items-start gap-4 rounded-lg border p-4 text-start">
       <img
         src={integration.image}
-        alt={`لوگوی ${integration.title}`}
+        alt={`آیکون ${integration.title}`}
         className={cn("size-10 shrink-0", integration.className)}
       />
       <div className="min-w-0 flex-1 space-y-1">
@@ -64,13 +64,13 @@ interface SettingsIntegrations4Props {
 const SettingsIntegrations4 = ({
   className,
   heading = "یکپارچه‌سازی‌ها",
-  subHeading = "ابزارها و سرویس‌های محبوبتان را متصل کنید و گردش کار خود را ساده‌تر کنید.",
+  subHeading = "کانال‌های فروش، فایل‌ها و پرداخت را به فضای کاری CRM وصل کنید.",
   integrations: initialIntegrations = [
     {
       image:
         "/block-media/shadcnblocks/block/logos/slack-icon.svg",
       title: "Slack",
-      description: "اعلان‌ها و به‌روزرسانی‌ها را به کانال‌های تیم ارسال کنید.",
+      description: "هشدار لید و تیکت را لحظه‌ای به کانال تیم بفرستید.",
       isConnected: true,
       category: "communication",
     },
@@ -78,21 +78,21 @@ const SettingsIntegrations4 = ({
       image:
         "/block-media/shadcnblocks/block/logos/discord-icon.svg",
       title: "Discord",
-      description: "سرور گفتگوی تیمی خود را برای هشدارهای لحظه‌ای متصل کنید.",
+      description: "هشدارهای پایپ‌لاین را به سرور تیم بفرستید.",
       category: "communication",
     },
     {
       image:
         "/block-media/shadcnblocks/block/logos/microsoft-teams-icon.svg",
       title: "Microsoft Teams",
-      description: "با Teams برای همکاری یکپارچه ادغام شوید.",
+      description: "گفتگوهای فروش را در Teams ادامه دهید.",
       category: "communication",
     },
     {
       image:
         "/block-media/shadcnblocks/block/logos/google-icon.svg",
-      title: "فضای ابری",
-      description: "به فایل‌های فضای ابری دسترسی داشته باشید و آن‌ها را همگام‌سازی کنید.",
+      title: "Google Drive",
+      description: "اسناد معامله را با رکوردهای CRM همگام کنید.",
       isConnected: true,
       category: "storage",
     },
@@ -100,21 +100,21 @@ const SettingsIntegrations4 = ({
       image:
         "/block-media/shadcnblocks/block/logos/dropbox-icon.svg",
       title: "Dropbox",
-      description: "فایل‌ها را به‌صورت امن در فضای ابری ذخیره و به اشتراک بگذارید.",
+      description: "اسناد قرارداد را امن ذخیره و اشتراک بگذارید.",
       category: "storage",
     },
     {
       image:
         "/block-media/shadcnblocks/block/logos/microsoft-onedrive-icon.svg",
       title: "OneDrive",
-      description: "فایل‌ها و پوشه‌های OneDrive را همگام‌سازی کنید.",
+      description: "فایل‌های مشتری را از OneDrive به CRM بیاورید.",
       category: "storage",
     },
     {
       image:
         "/block-media/shadcnblocks/block/logos/github-icon.svg",
       title: "GitHub",
-      description: "مخازن را متصل کنید و گردش کارها را خودکار کنید.",
+      description: "وب‌هوک مخزن را به گردش‌کار محصول وصل کنید.",
       isConnected: true,
       category: "development",
       className: "dark:invert",
@@ -123,14 +123,14 @@ const SettingsIntegrations4 = ({
       image:
         "/block-media/shadcnblocks/block/logos/gitlab-icon.svg",
       title: "GitLab",
-      description: "با GitLab برای خطوط استقرار خودکار ادغام شوید.",
+      description: "خط لوله استقرار را با رویدادهای محصول همگام کنید.",
       category: "development",
     },
     {
       image:
         "/block-media/shadcnblocks/block/logos/vercel-icon.svg",
       title: "Vercel",
-      description: "اپلیکیشن‌های وب را مستقر کنید و پیش‌نمایش بگیرید.",
+      description: "لندینگ و پورتال مشتری را مستقر و پیش‌نمایش کنید.",
       category: "development",
       className: "dark:invert",
     },
@@ -138,7 +138,7 @@ const SettingsIntegrations4 = ({
       image:
         "/block-media/shadcnblocks/block/logos/stripe-icon.svg",
       title: "Stripe",
-      description: "پرداخت‌ها را پردازش کنید و اشتراک‌ها را مدیریت کنید.",
+      description: "پرداخت و اشتراک مشتری را از CRM پیگیری کنید.",
       isConnected: true,
       category: "payments",
     },
@@ -146,7 +146,7 @@ const SettingsIntegrations4 = ({
       image:
         "/block-media/shadcnblocks/block/logos/paypal-icon.svg",
       title: "PayPal",
-      description: "پرداخت‌های کیف پول دیجیتال را از مشتریان بپذیرید.",
+      description: "پرداخت آنلاین مشتریان را بپذیرید و ثبت کنید.",
       category: "payments",
     },
   ],
@@ -165,16 +165,16 @@ const SettingsIntegrations4 = ({
 
   const getCategoryLabel = (category: string) => {
     const labels: Record<string, string> = {
-      communication: "ارتباطات",
-      storage: "ذخیره‌سازی",
-      development: "توسعه",
-      payments: "پرداخت",
+      communication: "ارتباطات تیمی",
+      storage: "فایل و اسناد",
+      development: "مهندسی",
+      payments: "پرداخت و صورتحساب",
     };
     return labels[category] ?? category;
   };
 
   return (
-    <section className={cn("py-32", className)}>
+    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
       <div className="container max-w-4xl">
         <div className="space-y-2 border-b pb-6 text-start">
           <h2 className="text-xl font-semibold tracking-tight">{heading}</h2>
@@ -183,8 +183,8 @@ const SettingsIntegrations4 = ({
 
         <Tabs defaultValue={categories[0]} className="mt-6">
           <div className="flex w-full justify-start">
-            <ScrollableTabsList className="rounded-none">
-              <TabsList className="overflow-y-hidden">
+            <ScrollableTabsList className="rounded-none [&_[data-slot=scroll-area-viewport]]:dir-rtl">
+              <TabsList className="justify-start overflow-y-hidden">
                 {categories.map((category) => (
                   <TabsTrigger key={category} value={category}>
                     {getCategoryLabel(category)}