42 lines
1.8 KiB
TypeScript
42 lines
1.8 KiB
TypeScript
import { ArrowRight } from "lucide-react";
|
|
|
|
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Hero87Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Hero87 = ({ className }: Hero87Props) => {
|
|
return (
|
|
<section className={cn("py-32", className)}>
|
|
<div className="container">
|
|
<h1 className="text-2xll lg:text-2xll">
|
|
راهکاری متناسب با نیاز کسبوکار شما
|
|
</h1>
|
|
<div className="mt-14 grid gap-10 lg:grid-cols-2">
|
|
<div>
|
|
<p className="text-lg text-muted-foreground lg:text-xl">
|
|
راهکاری انعطافپذیر که متناسب با فرایندهای سازمان شما سفارشیسازی میشود و همراه با رشد کسبوکار توسعه پیدا میکند.
|
|
</p>
|
|
<Button size="lg" className="mt-12">
|
|
درخواست مشاوره
|
|
<ArrowRight className="ms-2 h-auto w-4 rtl:rotate-180" />
|
|
</Button>
|
|
</div>
|
|
<div className="relative flex items-center justify-center overflow-hidden">
|
|
<div className="absolute inset-0 -top-1 -z-10 mx-auto h-full w-full max-w-3xl bg-[linear-gradient(to_right,hsl(var(--muted-foreground))_1px,transparent_1px),linear-gradient(to_bottom,hsl(var(--muted-foreground))_1px,transparent_1px)] [mask-image:radial-gradient(ellipse_50%_100%_at_50%_50%,#000_60%,transparent_100%)] bg-[size:56px_56px] opacity-15"></div>
|
|
<img
|
|
src="/block-media/shadcnblocks/block/block-2.svg"
|
|
alt="تصویر نمونه"
|
|
className="max-h-[400px]"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Hero87 };
|