63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
import { HandHelping, Users } from "lucide-react";
|
|
|
|
import { Badge } from "@/components/ui/badge";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
const features = [
|
|
{
|
|
title: "گزارش زمانبندیشده",
|
|
description:
|
|
"ویجتهای موردنیاز هر تیم را بچینید و فقط معیارهای مرتبط را ببینید.",
|
|
icon: HandHelping,
|
|
},
|
|
{
|
|
title: "تحلیل کوHORT",
|
|
description:
|
|
"داده را بر اساس محصول، منطقه یا کانال برش دهید و الگو پیدا کنید.",
|
|
icon: Users,
|
|
},
|
|
];
|
|
|
|
interface Feature83Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Feature83 = ({ className }: Feature83Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
|
<div className="container">
|
|
<div className="grid items-center gap-16 lg:grid-cols-2">
|
|
<div className="relative order-2 grid gap-4 sm:grid-cols-2 lg:order-none">
|
|
{features.map((feature) => (
|
|
<div
|
|
key={feature.title}
|
|
className="flex flex-col rounded-md border bg-background p-4"
|
|
>
|
|
<div className="mb-6 flex size-12 items-center justify-center rounded-md border">
|
|
<feature.icon className="h-auto w-5" />
|
|
</div>
|
|
<h3 className="mb-2 font-semibold">{feature.title}</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
{feature.description}
|
|
</p>
|
|
</div>
|
|
))}
|
|
<div className="absolute -bottom-28 -z-10 h-full w-full [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,#000_20%,transparent_100%)] [background-size:12px_12px] opacity-25 sm:bg-[radial-gradient(hsl(var(--muted-foreground))_1px,transparent_1px)]" />
|
|
</div>
|
|
<div className="order-1 mx-auto flex max-w-3xl flex-col items-center gap-5 text-center lg:order-none lg:items-start lg:text-start">
|
|
<Badge variant="outline" className="w-fit">
|
|
تحلیل داده
|
|
</Badge>
|
|
<h2 className="text-xl font-bold">داده پراکنده را به تصمیم تبدیل کنید</h2>
|
|
<p className="text-lg text-muted-foreground">
|
|
شاخصهای کلیدی را یکجا ببینید
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Feature83 };
|