This commit is contained in:
mr.sabri
2026-07-27 12:56:06 +03:30
parent d5488386ff
commit 1cea5b78cb
45 changed files with 1406 additions and 936 deletions
+17 -11
View File
@@ -104,43 +104,49 @@ const Feature154 = ({ className }: Feature154Props) => {
<section
dir="rtl"
lang="fa"
className={cn("relative w-full overflow-hidden py-32", className)}
className={cn(
"relative w-full min-w-0 max-w-full overflow-x-clip py-32",
className,
)}
>
<div className="container min-w-0">
<div className="mx-auto flex max-w-3xl min-w-0 flex-col items-center justify-center gap-6 text-center">
<div className="container w-full min-w-0 max-w-full">
<div className="mx-auto flex w-full min-w-0 max-w-3xl flex-col items-center justify-center gap-6 text-center">
<Badge variant="outline">ERP</Badge>
<h1 className="text-xl font-semibold text-balance md:text-2xll">
<h1 className="max-w-full text-xl font-semibold text-balance md:text-2xll">
عملیات سازمان را یکپارچه کنید
</h1>
<p className="mx-auto max-w-3xl text-lg text-pretty text-muted-foreground">
گزارش‌های یکپارچه نشان می‌دهد کدام بخش بیشترین تأثیر را روی سودآوری دارد.
</p>
</div>
<div className="relative mt-10 w-full min-w-0 overflow-hidden">
<Marquee className="[--duration:30s]">
<div
dir="ltr"
className="relative mt-10 w-full min-w-0 max-w-full overflow-x-clip contain-inline-size"
>
<Marquee className="max-w-full [--duration:30s]">
{badges.map((badge, index) => (
<div
key={`row1-${badge.title}-${index}`}
className="flex shrink-0 items-center gap-2 rounded-full bg-muted px-4 py-2"
className="flex shrink-0 items-center gap-2 rounded-full bg-muted px-4 py-2 whitespace-nowrap"
>
{badge.icon}
{badge.title}
</div>
))}
</Marquee>
<Marquee reverse className="[--duration:30s]">
<Marquee reverse className="max-w-full [--duration:30s]">
{badges.map((badge, index) => (
<div
key={`row2-${badge.title}-${index}`}
className="flex shrink-0 items-center gap-2 rounded-full bg-muted px-4 py-2"
className="flex shrink-0 items-center gap-2 rounded-full bg-muted px-4 py-2 whitespace-nowrap"
>
{badge.icon}
{badge.title}
</div>
))}
</Marquee>
<div className="pointer-events-none absolute inset-y-0 start-0 w-1/4 bg-linear-to-e from-background" />
<div className="pointer-events-none absolute inset-y-0 end-0 w-1/4 bg-linear-to-s from-background" />
<div className="pointer-events-none absolute inset-y-0 left-0 z-10 w-1/4 bg-linear-to-r from-background to-transparent" />
<div className="pointer-events-none absolute inset-y-0 right-0 z-10 w-1/4 bg-linear-to-l from-background to-transparent" />
</div>
</div>
</section>