reui-blocks/blocks/testimonial15.tsx

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

interface Testimonial15Props {
  className?: string;
}

const Testimonial15 = ({ className }: Testimonial15Props) => {
  return (
    <section
      dir="rtl"
      lang="fa"
      className={cn("mb-32 bg-muted pt-32 dark:bg-background", className)}
    >
      <div className="container">
        <div className="grid gap-20 lg:grid-cols-2 lg:gap-32">
          <div className="text-center lg:text-start">
            <h1 className="mb-4 text-3xl font-bold text-balance lg:text-xl">
              همین امروز جامعه نوآوران را کشف کنید
            </h1>
            <p className="mb-8 text-muted-foreground">
              به شبکه‌ای جهانی از رهبران فکری، توسعه‌دهندگان محصول و نوآوران
              بپیوندید تا ایده‌ها را به اشتراک بگذارید، از یکدیگر بیاموزید و در
              رویدادها و گفت‌وگوهای منحصربه‌فرد شرکت کنید.
            </p>
            <Button className="mb-10 lg:mb-20">عضو شوید</Button>
            <p className="mb-7 text-xs text-muted-foreground uppercase">
              مورد استفاده شرکت‌های پیشرو
            </p>
            <div className="flex flex-wrap items-center justify-center gap-10 lg:justify-start">
              <img
                src="/block-media/shadcnblocks/block/logos/shadcn-ui-wordmark.svg"
                alt="لوگوی ری یو آی"
                className="h-5 dark:invert"
              />
              <img
                src="/block-media/shadcnblocks/block/logos/supabase-wordmark.svg"
                alt="لوگوی پایگاه داده ابری"
                className="h-6 dark:hidden"
              />
              <img
                src="/block-media/shadcnblocks/block/logos/supabase-wordmark-dark.svg"
                alt="لوگوی پایگاه داده ابری"
                className="hidden h-6 dark:block"
              />
              <img
                src="/block-media/shadcnblocks/block/logos/tailwind-wordmark-light.svg"
                alt="لوگوی استایل‌دهی مدرن"
                className="h-4 dark:hidden"
              />
              <img
                src="/block-media/shadcnblocks/block/logos/tailwind-wordmark-dark.svg"
                alt="لوگوی استایل‌دهی مدرن"
                className="hidden h-4 dark:block"
              />
            </div>
          </div>
          <div className="flex flex-col gap-5">
            <div className="flex gap-5 rounded-xl bg-card p-6">
              <Avatar className="size-9 rounded-full ring-1 ring-input">
                <AvatarImage
                  src="/block-media/shadcnblocks/block/avatar-1.webp"
                  alt="نیلوفر حسینی"
                />
              </Avatar>
              <div>
                <p className="mb-1 text-sm font-medium">نیلوفر حسینی</p>
                <p className="text-xs text-muted-foreground">
                  عضویت در جامعه نوآوران رویکرد من به توسعه محصول را کاملاً
                  تغییر داد. بحث‌ها بسیار آموزنده‌اند و رویدادهای جامعه برای
                  شبکه‌سازی با هم‌صنفیان عالی بوده‌اند.
                </p>
              </div>
            </div>
            <div className="flex gap-5 rounded-xl border p-6">
              <Avatar className="size-9 rounded-full ring-1 ring-input">
                <AvatarImage
                  src="/block-media/shadcnblocks/block/avatar-2.webp"
                  alt="امیر محمدی"
                />
              </Avatar>
              <div>
                <p className="mb-1 text-sm font-medium">امیر محمدی</p>
                <p className="text-xs text-muted-foreground">
                  عضویت در این جامعه کمک کرده همیشه با جدیدترین روندهای نوآوری
                  هم‌گام باشم. کارگاه‌های اختصاصی برای هر کسی که می‌خواهد
                  دانشش را گسترش دهد بسیار ارزشمندند.
                </p>
              </div>
            </div>
            <div className="flex gap-5 rounded-xl bg-card p-6">
              <Avatar className="size-9 rounded-full ring-1 ring-input">
                <AvatarImage
                  src="/block-media/shadcnblocks/block/avatar-3.webp"
                  alt="سارا احمدی"
                />
              </Avatar>
              <div>
                <p className="mb-1 text-sm font-medium">سارا احمدی</p>
                <p className="text-xs text-muted-foreground">
                  جامعه نوآوران در ارتباط با افراد هم‌فکر نقش بسزایی داشته.
                  بینش‌های ارزشمندی به دست آوردم و مشارکت‌هایی شکل دادم که به
                  مسیر حرفه‌ای من سود رسانده.
                </p>
              </div>
            </div>
            <div className="flex gap-5 rounded-t-xl border-x border-t px-5 pt-6 pb-1">
              <Avatar className="size-9 rounded-full ring-1 ring-input">
                <AvatarImage
                  src="/block-media/shadcnblocks/block/avatar-4.webp"
                  alt="علی رحمانی"
                />
              </Avatar>
              <div>
                <p className="mb-1 text-sm font-medium">علی رحمانی</p>
                <p className="text-xs text-muted-foreground">
                  چند رویداد مجازی در جامعه نوآوران شرکت کردم و بسیار مفید
                  بودند. یادگیری از رهبران حوزه تأثیر قابل‌توجهی بر رشد حرفه‌ای
                  من گذاشته است.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export { Testimonial15 };