Initial import of 1407 block sources under blocks/

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-11 21:21:29 +03:30
commit 85836ef183
1412 changed files with 303567 additions and 0 deletions
@@ -0,0 +1,94 @@
+import React from "react";
+
+import { cn } from "@/lib/utils";
+
+const DATA = [
+  {
+    id: 1,
+    icon: "/block-media/shadcnblocks/block/logos/google-icon.svg",
+    title: "حساب ابری Sheets",
+    description:
+      "داده‌های خود را با حساب ابری Sheets همگام کنید و اتوماسیون را بدون دردسر انجام دهید.",
+  },
+  {
+    id: 2,
+    icon: "/block-media/shadcnblocks/block/logos/slack-icon.svg",
+    title: "Slack",
+    description:
+      "اعلان‌ها و به‌روزرسانی‌ها را مستقیم در کانال‌های پیام‌رسان تیمی دریافت کنید.",
+  },
+  {
+    id: 3,
+    icon: "/block-media/shadcnblocks/block/logos/sketch-icon.svg",
+    title: "Sketch",
+    description:
+      "طراحی‌های طراحی برداری را وارد کنید و فرایند طراحی خود را یکپارچه‌تر کنید.",
+  },
+  {
+    id: 4,
+    icon: "/block-media/shadcnblocks/block/logos/gatsby-icon.svg",
+    title: "Gatsby",
+    description: "با یکپارچه‌سازی Gatsby وب‌سایت‌هایی سریع و بهینه بسازید.",
+  },
+  {
+    id: 5,
+    icon: "/block-media/shadcnblocks/block/logos/spotify-icon.svg",
+    title: "Shopify",
+    description:
+      "داده‌های فروشگاه Shopify را همگام کنید و مدیریت سفارش‌ها را ساده‌تر کنید.",
+  },
+  {
+    id: 6,
+    icon: "/block-media/shadcnblocks/block/logos/github-icon.svg",
+    title: "GitHub",
+    description:
+      "گردش‌کارها را خودکار کنید و تغییرات را با یکپارچه‌سازی مخزن کد پیگیری کنید.",
+  },
+];
+
+interface Integration3Props {
+  className?: string;
+}
+
+const Integration3 = ({ className }: Integration3Props) => {
+  return (
+    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
+      <div className="container">
+        <div className="mx-auto flex flex-col items-center text-center">
+          <div className="flex max-w-5xl flex-col items-center text-center">
+            <h1 className="my-6 text-xl font-bold text-pretty lg:text-2xll">
+              یکپارچه‌سازی‌ها
+            </h1>
+            <h2 className="mb-8 max-w-3xl text-muted-foreground lg:text-xl">
+              ابزارهای محبوبتان را به گردش‌کار خود متصل کنید.
+            </h2>
+          </div>
+
+          <div className="flex flex-col justify-center gap-4">
+            {DATA.map(({ id, icon, title, description }) => (
+              <div key={id} className="flex items-center gap-4 py-4">
+                <div className="h-12 w-12 shrink-0">
+                  <img
+                    src={icon}
+                    alt={title}
+                    width={48}
+                    height={48}
+                    className="h-full w-full object-contain"
+                  />
+                </div>
+                <div className="text-start">
+                  <div className="text-lg font-semibold">{title}</div>
+                  <div className="text-sm text-muted-foreground">
+                    {description}
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export { Integration3 };