import React from "react";

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

interface About9Props {
  className?: string;
}

const About9 = ({ className }: About9Props) => {
  return (
    <section className={cn("py-16 md:py-32", className)}>
      <div className="container">
        <div className="mx-auto max-w-6xl">
          <h1 className="mb-6 max-w-4xl text-3xl leading-tight font-medium tracking-tight md:text-xl">
            سلام، ما تیم داده‌نما هستیم؛ پلتفرم آنالیتیکس محصول برای تیم‌های رشد و محصول.
                                </h1>

          <div className="mb-8 flex justify-center">
            <img
              src="/block-media/shadcnblocks/block/photos/nubelson-fernandes-tAJYoec13xk-unsplash.jpg"
              alt="تیم داده‌نما در حال بررسی متریک‌ها"
              className="w-full rounded-sm object-cover"
            />
          </div>

          <div className="mx-auto mb-16 flex w-full max-w-6xl flex-col justify-between gap-12 md:flex-row">
            <div className="text-base font-medium">
              <span className="block text-muted-foreground">
                تحلیل‌گر محصول
              </span>
              <span className="font-semibold text-foreground">
                San Francisco CA
                <img
                  src="/block-media/shadcnblocks/block/flags/united-states.png"
                  alt="ایالات متحده"
                  className="h-4 w-4"
                />
              </span>
            </div>

            <div className="mt-8 w-full md:mt-0 md:w-2/3">
              <p className="font-base w-full text-lg leading-[28px] text-muted-foreground md:w-3/4">
                بیش از شش سال روی قیف فعال‌سازی، نگهداشت و تحلیل کوهورت کار کرده‌ام تا تیم‌های محصول تصمیم‌های مبتنی بر داده بگیرند.
                                              <br />
                <br />
                داده‌نما رویدادهای محصول، قیف تبدیل و گزارش نگهداشت را بدون نیاز به تیم داده جداگانه در اختیار مدیران محصول و رشد می‌گذارد.
                                            </p>

              <div className="mt-12">
                <img
                  src="/block-media/shadcnblocks/block/photos/nastuh-abootalebi-eHD8Y1Znfpk-unsplash.jpg"
                  alt="فضای کاری تیم داده‌نما"
                  className="w-full rounded-sm object-cover"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export { About9 };