73 lines
1.9 KiB
TypeScript
73 lines
1.9 KiB
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
interface Logo {
|
|
name: string;
|
|
logo: string;
|
|
className: string;
|
|
}
|
|
|
|
interface Logos8Props {
|
|
title?: string;
|
|
subtitle?: string;
|
|
logos?: Logo[];
|
|
className?: string;
|
|
}
|
|
|
|
const Logos8 = ({
|
|
title = "مورد اعتماد شرکتهای پیشرو",
|
|
subtitle = "مورد استفاده شرکتهای پیشرو جهان",
|
|
logos = [
|
|
{
|
|
name: "Vercel",
|
|
logo: "/block-media/shadcnblocks/block/logos/vercel-wordmark.svg",
|
|
className: "h-7 w-auto",
|
|
},
|
|
{
|
|
name: "Astro",
|
|
logo: "/block-media/shadcnblocks/block/logos/tailwind-wordmark.svg",
|
|
className: "h-5 w-auto",
|
|
},
|
|
{
|
|
name: "Supabase",
|
|
logo: "/block-media/shadcnblocks/block/logos/supabase-wordmark.svg",
|
|
className: "h-6 w-auto",
|
|
},
|
|
{
|
|
name: "Figma",
|
|
logo: "/block-media/shadcnblocks/block/logos/figma-wordmark.svg",
|
|
className: "h-5 w-auto",
|
|
},
|
|
{
|
|
name: "Astro",
|
|
logo: "/block-media/shadcnblocks/block/logos/astro-wordmark.svg",
|
|
className: "h-6 w-auto",
|
|
},
|
|
],
|
|
className,
|
|
}: Logos8Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
|
<div className="container">
|
|
<div className="flex flex-col items-center text-center">
|
|
<h2 className="text-3xl font-bold">{title}</h2>
|
|
<p className="mt-1 text-muted-foreground">{subtitle}</p>
|
|
<div className="mt-8 flex flex-wrap items-center justify-center gap-x-8 gap-y-6 lg:gap-12">
|
|
{logos.map((logo, index) => (
|
|
<img
|
|
key={index}
|
|
src={logo.logo}
|
|
alt={`لوگوی ${logo.name}`}
|
|
width={109}
|
|
height={48}
|
|
className={logo.className}
|
|
/>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Logos8 };
|