reui-blocks/blocks/testimonial18.tsx

import { Star, Zap } from "lucide-react";

import { Avatar, AvatarImage } from "@/components/ui/avatar";
import { cn } from "@/lib/utils";

interface Testimonial18Props {
  className?: string;
}

const Testimonial18 = ({ className }: Testimonial18Props) => {
  return (
    <section dir="rtl" lang="fa" className={cn("py-32", className)}>
      <div className="container">
        <div className="flex flex-col items-center gap-4">
          <div className="flex items-center gap-1 text-sm font-semibold">
            <Zap className="h-6 w-auto fill-primary" />
            امتیاز ۵ ستاره از بیش از ۱۰۰۰ مشتری
          </div>
          <h2 className="text-center text-3xl font-semibold lg:text-xl">
            با مشتریان راضی ما آشنا شوید
          </h2>
          <p className="text-center text-muted-foreground lg:text-lg">
            به شبکه‌ای جهانی از رهبران فکری و توسعه‌دهندگان محصول بپیوندید
          </p>
        </div>
        <div className="mx-auto mt-20 max-w-5xl rounded-2xl bg-muted p-6 md:p-20">
          <div className="mb-6 flex gap-1">
            <Star className="size-5 fill-amber-500 text-amber-500" />
            <Star className="size-5 fill-amber-500 text-amber-500" />
            <Star className="size-5 fill-amber-500 text-amber-500" />
            <Star className="size-5 fill-amber-500 text-amber-500" />
            <Star className="size-5 fill-amber-500 text-amber-500" />
          </div>
          <q className="text-xl font-semibold md:text-xl">
            عضویت در جامعه نوآوران چشم‌انداز من را به‌طور کامل برای بهتر شدن
            متحول کرد
          </q>
          <p className="mt-6 text-muted-foreground">
            در جامعه نوآوران توانستم ایده‌ها را به اشتراک بگذارم، از دیگران
            بیاموزم و در رویدادها و گفت‌وگوهای منحصربه‌فرد شرکت کنم. این جامعه
            برای شبکه‌سازی با هم‌صنفیان عالی بوده است.
          </p>
          <div className="mt-6 flex gap-4">
            <Avatar className="size-14 rounded-full ring-1 ring-input">
              <AvatarImage
                src="/block-media/shadcnblocks/block/avatar-1.webp"
                alt="نیلوفر حسینی"
              />
            </Avatar>
            <div>
              <p className="font-medium">نیلوفر حسینی</p>
              <p className="text-sm text-muted-foreground">
                مدیرعامل در @company
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export { Testimonial18 };