six bug
This commit is contained in:
+17
-11
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user