Files
reui-blocks/blocks/feature97.tsx
T

69 lines
2.5 KiB
TypeScript

import { BarChart, Heart, Monitor, Plus, TrendingUp } from "lucide-react";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
const highlights = [
{
title: "تریگر رویداد",
description:
"با هر رویداد مثل ثبت فرم یا تغییر وضعیت، اقدام بعدی را خودکار اجرا کنید.",
icon: Heart,
},
{
title: "شرط هوشمند",
description:
"مسیر متفاوت برای شرایط مختلف تعریف کنید و تصمیم‌گیری را سریع‌تر کنید.",
icon: BarChart,
},
{
title: "اعلان خودکار",
description:
"تیم را در لحظه از تغییر وضعیت باخبر کنید تا هیچ موردی رها نشود.",
icon: TrendingUp,
},
{
title: "تأیید چندمرحله‌ای",
description:
"مسیر کار را با کشیدن و رها کردن بسازید و بدون وابستگی به تیم فنی راه بیندازید.",
icon: Monitor,
},
];
interface Feature97Props {
className?: string;
}
const Feature97 = ({ className }: Feature97Props) => {
return (
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
<div className="container">
<div className="mx-auto flex max-w-xl flex-col gap-6 text-center">
<h2 className="text-xl font-semibold">فرایندها را استاندارد و سریع کنید</h2>
<p className="text-lg">
اتوماسیون را در کل سازمان یکپارچه کنید
</p>
<div className="flex flex-col justify-center gap-2 sm:flex-row">
<Button variant="outline">فرایند هوشمند</Button>
<Button>
<Plus className="ms-2 h-auto w-4" />
قوانین ساده تعریف کنید تا وظایف تکراری بدون دخالت دست انجام شود. تیم روی تصمیم‌های مهم تمرکز می‌کند و سرعت اجرا بالاتر می‌رود.
</Button>
</div>
</div>
<div className="mx-auto mt-20 grid max-w-5xl gap-20 md:grid-cols-2">
{highlights.map((item) => (
<div key={item.title} className="text-center">
<item.icon className="mx-auto h-auto w-7" />
<h3 className="mt-4 mb-2 text-xl font-semibold">{item.title}</h3>
<p>{item.description}</p>
</div>
))}
</div>
</div>
</section>
);
};
export { Feature97 };