import React from "react";

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

interface About15Props {
  className?: string;
}

const About15 = ({ className }: About15Props) => {
  return (
    <section className={cn("bg-neutral-950 py-32 text-white", className)}>
      <div className="container flex flex-col items-center justify-center gap-25 lg:flex-row lg:gap-[10vw]">
        <div className="w-xs rotate-[-6deg] border bg-white p-1">
          <img
            src="/block-media/shadcnblocks/block/guri4/img14.png"
            alt=""
            className="pointer-events-none h-110 w-full object-cover"
          />

          <div className="pt-2 pb-1">
            <p className="text-lg font-medium tracking-tight text-neutral-950">
              علی رضایی
            </p>
            <p className="text-sm text-neutral-950/50">@دیدارمحصول</p>
          </div>
        </div>
        <div className="w-xs space-y-6">
          <h1 className="mb-15 text-2xll font-medium tracking-tight">
            رفتار کاربر را شفاف می‌کنیم{" "}
            <span className="font-serif"></span> و رشد می‌سازیم
          </h1>
          <p className="text-sm lg:text-base">
            هر تحلیل با یک پرسش شروع می‌شود: کاربر کجا گیر می‌کند و کدام اقدام رشد را تسریع می‌کند؟ از همان‌جا قیف و کوهورت را دقیق اندازه‌گیری می‌کنیم.
          </p>
          <p className="text-sm lg:text-base">
            بین محصول و رشد پل می‌زنیم؛ داشبوردهایی می‌سازیم که تیم بتواند بدون انتظار برای گزارش فصلی، تصمیم بگیرد و آزمایش کند.
          </p>
        </div>
      </div>
    </section>
  );
};

export { About15 };