50 lines
1.7 KiB
TypeScript
50 lines
1.7 KiB
TypeScript
import { Avatar, AvatarImage } from "@/components/ui/avatar";
|
||
import { Button } from "@/components/ui/button";
|
||
import { cn } from "@/lib/utils";
|
||
|
||
interface Testimonial2Props {
|
||
className?: string;
|
||
}
|
||
|
||
const Testimonial2 = ({ className }: Testimonial2Props) => {
|
||
return (
|
||
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
||
<div className="container">
|
||
<div className="text-center">
|
||
<div className="text-3xl font-bold md:text-2xll lg:text-2xll">
|
||
<p className="flex flex-wrap items-center justify-center">
|
||
همین حالا فروش را یکپارچه کنید
|
||
<span className="mx-4 inline-flex items-center -space-x-4">
|
||
<Avatar className="size-11 border lg:size-16">
|
||
<AvatarImage
|
||
src="/block-media/shadcnblocks/block/avatar-1.webp"
|
||
alt="آواتار ۱"
|
||
/>
|
||
</Avatar>
|
||
<Avatar className="size-11 border lg:size-16">
|
||
<AvatarImage
|
||
src="/block-media/shadcnblocks/block/avatar-6.webp"
|
||
alt="آواتار ۲"
|
||
/>
|
||
</Avatar>
|
||
<Avatar className="size-11 border lg:size-16">
|
||
<AvatarImage
|
||
src="/block-media/shadcnblocks/block/avatar-3.webp"
|
||
alt="آواتار ۳"
|
||
/>
|
||
</Avatar>
|
||
</span>
|
||
سریع، ساده و رایگان.
|
||
</p>
|
||
</div>
|
||
<Button size="lg" className="mt-10">
|
||
شروع رایگان دمو
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
};
|
||
|
||
export { Testimonial2 };
|