ar.badiei/reui-blocks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some edit

Browse Source
This commit is contained in:
mr.sabri
2026-08-13 20:38:45 +03:30
parent 1cea5b78cb
commit 031e0cc413
24 changed files with 462 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocks/feature221.tsx
+16 -15
View File
@@ -64,41 +64,42 @@ const Feature221 = ({ className }: Feature221Props) => {
dir="rtl"
lang="fa"
className={cn(
"bg-muted bg-[url('/block-media/shadcnblocks/block/patterns/dot-pattern-2.svg')] bg-[length:3.125rem_3.125rem] bg-repeat py-32",
"w-full min-w-0 bg-muted bg-[url('/block-media/shadcnblocks/block/patterns/dot-pattern-2.svg')] bg-size-[3.125rem_3.125rem] bg-repeat py-32",
className,
)}
>
<div className="container">
<div className="container px-4 sm:px-6 lg:px-8">
<div className="flex w-full flex-col items-start justify-between gap-4 pb-16 lg:flex-row lg:items-end">
<div className="flex w-full max-w-lg flex-1 flex-col items-start gap-5 text-start">
<h2 className="text-[2rem] leading-none font-bold tracking-tight text-balance md:text-[2.75rem] lg:text-2xll">
<h2 className="text-[2rem] leading-none font-bold tracking-tight text-balance md:text-[2.75rem]">
پیش‌بینی درآمد را دقیق‌تر کنید
</h2>
<p className="w-full max-w-[30rem] text-[1.15rem] leading-normal font-medium text-pretty text-muted-foreground sm:text-xl">
با یادآورهای هوشمند و اولویت‌بندی سرنخ، زمان تیم روی معاملات با احتمال بیشتر صرف می‌شود و چرخه فروش کوتاه‌تر می‌شود.
با یادآورهای هوشمند و اولویت‌بندی سرنخ، زمان تیم روی معاملات با
احتمال بیشتر صرف می‌شود و چرخه فروش کوتاه‌تر می‌شود.
</p>
</div>
<div>
<Button className="gap-2 rounded-full">
چرخه فروش را از سرنخ تا قرارداد در یک مسیر مشخص پیش ببرید. مدیران می‌توانند گلوگاه‌ها را ببینند و تیم‌ها با اولویت درست روی معاملات ارزشمند تمرکز کنند.
<ArrowRight className="size-4 rtl:rotate-180" />
<div className="w-full lg:w-auto lg:shrink-0">
<Button className="h-10 w-full gap-2 rounded-full px-4 lg:w-auto">
شروع کنید
<ArrowRight className="size-4 shrink-0 rtl:rotate-180" />
</Button>
</div>
</div>
<div className="grid w-full grid-cols-1 grid-rows-[auto] gap-10 md:grid-cols-2">
<div className="grid w-full grid-cols-1 gap-10 md:grid-cols-2">
{FEATURES.map((feature) => (
<Card
key={feature.id}
className="flex w-full flex-col justify-between gap-10 rounded-lg border bg-background p-5"
className="flex w-full min-w-0 flex-col justify-between gap-10 rounded-lg border bg-background p-5"
>
<CardHeader className="flex w-full flex-col justify-between gap-4 p-0 lg:flex-row lg:items-center">
<CardTitle className="flex w-fit items-center justify-start gap-2.5">
<CardHeader className="flex w-full min-w-0 flex-row items-center justify-between gap-4 p-0">
<CardTitle className="min-w-0 flex-1">
<h3 className="text-[1.75rem] leading-none font-bold tracking-tight text-balance">
{feature.title}
</h3>
</CardTitle>
<Badge className="bg-muted">
<p className="text-sm text-foreground">الگوهای موفق فروش را در کل سازمان تکرار کنید. داده لحظه‌ای نشان می‌دهد کدام مرحله بیشترین افت تبدیل را دارد.</p>
<Badge className="shrink-0 bg-muted px-2 py-0.5 text-xs text-foreground">
ویژگی
</Badge>
</CardHeader>
<CardContent className="p-0 text-start">
@@ -106,7 +107,7 @@ const Feature221 = ({ className }: Feature221Props) => {
{feature.description}
</p>
</CardContent>
<CardFooter className="flex w-full items-end justify-between gap-5 p-0 lg:flex-row">
<CardFooter className="flex w-full items-end justify-between gap-5 border-0 bg-transparent p-0 pb-5">
<div className="flex-1">
<Button size="sm" className="rounded-full">
<a