74 lines
2.9 KiB
TypeScript
74 lines
2.9 KiB
TypeScript
import { Sparkle } from "lucide-react";
|
|
|
|
import { Avatar, AvatarImage } from "@/components/ui/avatar";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Testimonial20Props {
|
|
className?: string;
|
|
}
|
|
|
|
const Testimonial20 = ({ className }: Testimonial20Props) => {
|
|
return (
|
|
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
|
|
<div className="container">
|
|
<div className="relative grid border border-dashed md:grid-cols-2">
|
|
<div className="border-dashed px-6 py-12 md:border-r md:px-12 md:py-16">
|
|
<p className="mb-6 text-center font-medium md:text-xl">
|
|
«پلتفرم در همه جنبهها از انتظارات ما فراتر رفت. پیادهسازی روان
|
|
بود و{" "}
|
|
<strong className="font-bold">نتایج فوقالعاده است!</strong>»
|
|
</p>
|
|
<div className="flex flex-col items-center justify-center gap-4 md:flex-row">
|
|
<Avatar className="size-14 rounded-full border">
|
|
<AvatarImage
|
|
src="/block-media/shadcnblocks/block/avatar-1.webp"
|
|
alt="سارا احمدی"
|
|
/>
|
|
</Avatar>
|
|
<p className="text-center font-medium md:text-start">
|
|
سارا احمدی، مدیر عملیات
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="px-6 py-12 text-center md:px-12 md:py-16">
|
|
<p className="mb-6 text-center font-medium md:text-xl">
|
|
«تیم در تمام فرایند
|
|
<strong className="mx-1 font-bold">کیفیت استثنایی</strong>
|
|
ارائه داد. پشتیبانی در هر مرحله قابل تحسین بود.»
|
|
</p>
|
|
<div className="flex flex-col items-center justify-center gap-4 md:flex-row">
|
|
<Avatar className="size-14 rounded-full border">
|
|
<AvatarImage
|
|
src="/block-media/shadcnblocks/block/avatar-2.webp"
|
|
alt="مازیار رضایی"
|
|
/>
|
|
</Avatar>
|
|
<p className="text-center font-medium md:text-start">
|
|
مازیار رضایی، سرپرست فنی
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<Sparkle
|
|
strokeWidth={1}
|
|
className="absolute -top-[9px] -left-[9px] size-4 fill-primary"
|
|
/>
|
|
<Sparkle
|
|
strokeWidth={1}
|
|
className="absolute -top-2 -right-2 size-4 fill-primary"
|
|
/>
|
|
<Sparkle
|
|
strokeWidth={1}
|
|
className="absolute -right-2 -bottom-2 size-4 fill-primary"
|
|
/>
|
|
<Sparkle
|
|
strokeWidth={1}
|
|
className="absolute -bottom-2 -left-2 size-4 fill-primary"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export { Testimonial20 };
|