import { LinkPreview } from "@/components/shadcnblocks/link-preview";
import { cn } from "@/lib/utils";

interface Feature288Props {
  className?: string;
}

const Feature288 = ({ className }: Feature288Props) => {
  return (
    <section
      dir="rtl"
      lang="fa"
      className={cn("overflow-hidden py-32", className)}
    >
      <div className="container w-full">
        <h1 className="mt-10 text-center text-3xl font-semibold tracking-tight text-balance text-muted-foreground/40 md:text-xl">
          تیم‌ها را در یک فضای مشترک هم‌راستا کنید با{" "}
          <LinkPreview url="https://ShadcnBlocks" className="px-1">
            همکاری تیمی
          </LinkPreview>{" "}
          که برای سازمان‌های در حال رشد طراحی شده. چه از{" "}
          <LinkPreview url="https://tailwindcss.com" className="px-1">
            مدیریت پروژه
          </LinkPreview>
          و{" "}
          <LinkPreview url="https://www.typescriptlang.org" className="px-1">
            ردیابی وظایف
          </LinkPreview>{" "}
          استفاده کنید و چه{" "}
          <LinkPreview url="https://www.framer.com/motion" className="px-1">
            اشتراک فایل
          </LinkPreview>{" "}
          را یکپارچه کنید،
          <br />
          <br />
          <span className="text-pretty">
            همه‌چیز در یک محیط کاری متمرکز جمع می‌شود؛ از{" "}
            <LinkPreview url="https://nextjs.org" className="px-1">
              برنامه‌ریزی
            </LinkPreview>{" "}
            تا{" "}
            <LinkPreview url="https://ui.shadcn.com" className="px-1">
              گزارش پیشرفت
            </LinkPreview>
            ، ابزاری که با تیم شما بزرگ می‌شود.
          </span>
        </h1>
      </div>
    </section>
  );
};

export { Feature288 };