90 lines
2.6 KiB
TypeScript
90 lines
2.6 KiB
TypeScript
import { ArrowRight } from "lucide-react";
|
||
|
||
import { Button } from "@/components/ui/button";
|
||
import { cn } from "@/lib/utils";
|
||
|
||
const logos = [
|
||
{
|
||
id: "logo-1",
|
||
description: "لوگوی ۱",
|
||
image:
|
||
"/block-media/shadcnblocks/block/block-1.svg",
|
||
},
|
||
{
|
||
id: "logo-2",
|
||
description: "لوگوی ۲",
|
||
image:
|
||
"/block-media/shadcnblocks/block/block-2.svg",
|
||
},
|
||
{
|
||
id: "logo-3",
|
||
description: "لوگوی ۳",
|
||
image:
|
||
"/block-media/shadcnblocks/block/block-3.svg",
|
||
},
|
||
{
|
||
id: "logo-4",
|
||
description: "لوگوی ۴",
|
||
image:
|
||
"/block-media/shadcnblocks/block/block-4.svg",
|
||
},
|
||
{
|
||
id: "logo-5",
|
||
description: "لوگوی ۵",
|
||
image:
|
||
"/block-media/shadcnblocks/block/block-5.svg",
|
||
},
|
||
{
|
||
id: "logo-6",
|
||
description: "لوگوی ۶",
|
||
image:
|
||
"/block-media/shadcnblocks/block/block-6.svg",
|
||
},
|
||
];
|
||
|
||
interface Logos2Props {
|
||
className?: string;
|
||
}
|
||
|
||
const Logos2 = ({ className }: Logos2Props) => {
|
||
return (
|
||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||
<div className="container">
|
||
<div className="grid overflow-hidden rounded-xl border border-border md:grid-cols-2">
|
||
<div className="my-auto px-6 py-10 sm:px-10 sm:py-12 lg:p-16">
|
||
<div className="w-full text-start md:max-w-md">
|
||
<h2 className="mb-4 text-xl font-semibold lg:text-3xl">
|
||
گواهیهای ما گویای همه چیز است
|
||
</h2>
|
||
<p className="mb-6 text-lg">
|
||
کیفیت و استاندارد در هر مرحله برای ما اهمیت دارد. گواهینامههای
|
||
معتبر نشاندهنده تعهد ما به ارائه خدمات قابل اعتماد است.
|
||
</p>
|
||
<Button className="w-full md:w-fit">
|
||
تماس بگیرید
|
||
<ArrowRight className="ms-2 size-5 rtl:rotate-180" />
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
<div className="grid grid-cols-3 border-t border-border md:border-s md:border-t-0">
|
||
{logos.map((logo) => (
|
||
<div
|
||
key={logo.id}
|
||
className="-mb-px flex items-center justify-center border-e border-b border-border p-5 nth-[3n]:border-e-0 sm:p-6"
|
||
>
|
||
<img
|
||
src={logo.image}
|
||
alt={logo.description}
|
||
className="size-12 object-cover object-center sm:size-16 lg:size-24"
|
||
></img>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
};
|
||
|
||
export { Logos2 };
|