73 lines
2.3 KiB
TypeScript
73 lines
2.3 KiB
TypeScript
import { Button } from "@/components/ui/button";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Feature1Props {
|
|
title: string;
|
|
description?: string;
|
|
imageSrc: string;
|
|
imageAlt: string;
|
|
buttonPrimary: {
|
|
text: string;
|
|
href: string;
|
|
};
|
|
buttonSecondary: {
|
|
text: string;
|
|
href: string;
|
|
};
|
|
className?: string;
|
|
}
|
|
|
|
const Feature1 = ({
|
|
title = "هر سرنخ را تا قرارداد دنبال کنید",
|
|
description = "تمام تعاملات، سرنخها و قراردادها در یک فضای کاری متمرکز جمع میشود. تیم فروش بدون جابجایی بین ابزارها، سریعتر پیشبینی میکند و معاملات بیشتری میبندد.",
|
|
imageSrc = "/block-media/shadcnblocks/block/placeholder-1.svg",
|
|
imageAlt = "داشبورد مدیریت ارتباط با مشتری",
|
|
buttonPrimary = {
|
|
text: "شروع کنید",
|
|
href: "https://ShadcnBlocks",
|
|
},
|
|
buttonSecondary = {
|
|
text: "بیشتر بدانید",
|
|
href: "https://ShadcnBlocks",
|
|
},
|
|
className,
|
|
}: Feature1Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
|
<div className="container">
|
|
<div className="grid items-center gap-8 lg:grid-cols-2">
|
|
<div className="flex flex-col items-center text-center lg:items-start lg:text-start">
|
|
<h2 className="my-6 mt-0 text-xl font-semibold text-balance lg:text-2xll">
|
|
{title}
|
|
</h2>
|
|
{description && (
|
|
<p className="mb-8 max-w-xl text-muted-foreground lg:text-lg">
|
|
{description}
|
|
</p>
|
|
)}
|
|
<div className="flex w-full flex-col justify-center gap-2 sm:flex-row lg:justify-start">
|
|
<Button asChild>
|
|
<a href={buttonPrimary.href} target="_blank">
|
|
{buttonPrimary.text}
|
|
</a>
|
|
</Button>
|
|
<Button variant="outline" asChild>
|
|
<a href={buttonSecondary.href} target="_blank">
|
|
{buttonSecondary.text}
|
|
</a>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
<img
|
|
src={imageSrc}
|
|
alt={imageAlt}
|
|
className="max-h-96 w-full rounded-md object-cover"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Feature1 };
|