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 };