107 lines
4.3 KiB
TypeScript
107 lines
4.3 KiB
TypeScript
import {
|
|
AlignCenter,
|
|
Brain,
|
|
Package,
|
|
ReceiptText,
|
|
Timer,
|
|
Vault,
|
|
} from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { Input } from "@/components/ui/input";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Hero74Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Hero74 = ({ className }: Hero74Props) => {
|
|
return (
|
|
<section className={cn("py-32", className)}>
|
|
<div>
|
|
<div className="container text-center">
|
|
<h1 className="mb-4 text-2xll font-medium">
|
|
پلتفرمی یکپارچه برای مدیریت کسب‌وکار
|
|
</h1>
|
|
<p className="text-muted-foreground">
|
|
همه اطلاعات مالی، اسناد و گزارش‌های مدیریتی را در یک محیط امن و قابل جستجو مدیریت کنید.
|
|
</p>
|
|
<div className="mx-auto mt-8 flex w-full max-w-sm items-center gap-2">
|
|
<Input type="email" placeholder="ایمیل خود را وارد کنید" />
|
|
<Button>پیوستن به لیست انتظار</Button>
|
|
</div>
|
|
<div className="mx-auto mt-12 grid max-w-3xl grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-6">
|
|
<div className="flex flex-col items-center gap-2">
|
|
<div className="flex h-16 w-24 items-center justify-center rounded-md border">
|
|
<Package />
|
|
</div>
|
|
<span className="text-sm text-muted-foreground">
|
|
کاملاً قابل سفارشی‌سازی
|
|
</span>
|
|
</div>
|
|
<div className="flex flex-col items-center gap-2">
|
|
<div className="flex h-16 w-24 items-center justify-center rounded-md border">
|
|
<AlignCenter />
|
|
</div>
|
|
<span className="text-sm text-muted-foreground">
|
|
بینش لحظه‌ای
|
|
</span>
|
|
</div>
|
|
<div className="flex flex-col items-center gap-2">
|
|
<div className="flex h-16 w-24 items-center justify-center rounded-md border">
|
|
<Vault />
|
|
</div>
|
|
<span className="text-sm text-muted-foreground">
|
|
فضای ذخیره‌سازی امن
|
|
</span>
|
|
</div>
|
|
<div className="flex flex-col items-center gap-2">
|
|
<div className="flex h-16 w-24 items-center justify-center rounded-md border">
|
|
<ReceiptText />
|
|
</div>
|
|
<span className="text-sm text-muted-foreground">
|
|
رسیدهای هوشمند
|
|
</span>
|
|
</div>
|
|
<div className="flex flex-col items-center gap-2">
|
|
<div className="flex h-16 w-24 items-center justify-center rounded-md border">
|
|
<Timer />
|
|
</div>
|
|
<span className="text-sm text-muted-foreground">
|
|
پیگیری خودکار
|
|
</span>
|
|
</div>
|
|
<div className="flex flex-col items-center gap-2">
|
|
<div className="flex h-16 w-24 items-center justify-center rounded-md border">
|
|
<Brain />
|
|
</div>
|
|
<span className="text-sm text-muted-foreground">
|
|
جستجوی هوشمند
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="relative mt-20 hidden justify-between gap-10 lg:flex">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
|
alt="تصویر نمونه"
|
|
className="max-h-[500px] w-full rounded-tr-xl rounded-br-md object-cover"
|
|
/>
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-1.svg"
|
|
alt="تصویر نمونه"
|
|
className="max-h-[500px] w-full rounded-tl-xl rounded-bl-md object-cover"
|
|
/>
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-3.svg"
|
|
alt="تصویر نمونه"
|
|
className="absolute top-1/2 left-1/2 max-h-80 -translate-x-1/2 -translate-y-1/2 rounded-xl object-cover shadow-md"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Hero74 };
|