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 };