48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
import { ChevronRight } from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Hero11Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Hero11 = ({ className }: Hero11Props) => {
|
|
return (
|
|
<section className={cn("py-32", className)}>
|
|
<div className="border-b">
|
|
<div className="container max-w-7xl">
|
|
<div className="mx-auto flex max-w-5xl flex-col items-center">
|
|
<div className="z-10 flex flex-col items-center gap-6 text-center">
|
|
<img
|
|
src="/block-media/shadcnblocks/block/block-1.svg"
|
|
alt="لوگو"
|
|
className="h-10 md:h-16"
|
|
/>
|
|
<div>
|
|
<h1 className="mb-4 text-3xl font-medium text-pretty lg:text-2xll">
|
|
پروژه بعدی خود را سریعتر توسعه دهید
|
|
</h1>
|
|
<p className="max-w-3xl text-muted-foreground lg:text-xl">
|
|
کامپوننتهای آماده و استاندارد را انتخاب کنید، سفارشیسازی کنید و بدون اتلاف زمان در پروژه خود بهکار بگیرید.
|
|
</p>
|
|
</div>
|
|
<Button>
|
|
شروع رایگان
|
|
<ChevronRight className="h-4 rtl:rotate-180" />
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<img
|
|
src="/block-media/shadcnblocks/block/placeholder-8-wide.svg"
|
|
alt="تصویر نمونه"
|
|
className="mt-20 aspect-video w-full rounded-t-lg object-cover"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Hero11 };
|