import React from "react";

import { cn } from "@/lib/utils";

interface About19Props {
  className?: string;
}

const About19 = ({ className }: About19Props) => {
  return (
    <section className={cn("py-32", className)}>
      <div className="container">
        <div className="grid grid-cols-1 gap-15 lg:grid-cols-7 lg:gap-1">
          <div className="col-span-4 h-120 border">
            <img
              src="/block-media/shadcnblocks/block/guri4/img2.png"
              alt=""
              className="h-full w-full object-cover"
            />
          </div>

          <div className="col-span-3 ml-auto max-w-4xl space-y-15 lg:pl-15">
            <h1 className="text-xl font-medium tracking-tight">
              ما تیمی از متخصصان محصول، فروش و بازاریابی هستیم. پلتفرم‌های
              B2B می‌سازیم که به تیم‌ها کمک می‌کند درآمد را افزایش دهند.
              مأموریت ما بر نوآوری، کارایی و رشد پایدار مشتریان بنا شده است.
            </h1>
            <p className="text-base text-foreground/40 lg:text-lg">
              همیشه از خود می‌پرسیم: هدف چیست، برای چه کسی طراحی می‌کنیم و چگونه می‌توان بهترین تجربه را ارائه داد؟
                                      </p>
            <div className="flex flex-col justify-between gap-4 lg:flex-row lg:items-center">
              <p className="flex-1 text-sm text-foreground/40">
                با گرد هم آوردن دیدگاه‌های متنوع، ایده‌ها را به تجربه‌هایی ارزشمند و تأثیرگذار تبدیل می‌کنیم.
                                            </p>
              <div className="flex w-fit items-center gap-2">
                <img
                  src="/block-media/shadcnblocks/block/guri3/avatar1.png"
                  className="size-10"
                  alt="آواتار"
                />
                <div>
                  <h3 className="font-medium tracking-tight">علی رضایی</h3>
                  <p className="text-sm text-foreground/40">
                    مدیر خلاقیت
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export { About19 };