نامهٔ بنیان‌گذار

"use client"

import { ControlSizeProvider } from "@/components/ui/control-size"
import { stockImages } from "@/lib/stock-images"

/**
 * درباره ما به شکلِ نامهٔ بنیان‌گذار: عکسِ بزرگِ بنیان‌گذار کنارِ نامه‌ای شخصی و کوتاه با
 * ستونِ خوانا، امضا و نقش؛ برای برندهای کوچک که داستانِ آدم‌ها از عددها مهم‌تر است.
 */
export default function AboutFounderBlock() {
  return (
    <ControlSizeProvider size="xl" asChild>
      <main className="mx-auto grid w-full max-w-6xl grid-cols-1 items-start gap-12 px-4 py-16 sm:px-6 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.3fr)] lg:py-24">
        <figure className="flex flex-col gap-3 lg:sticky lg:top-6">
          {/* eslint-disable-next-line @next/next/no-img-element -- عکس از کتابخانهٔ تصویرِ دیگ */}
          <img src={stockImages.personWoman1.src} alt="مهسا کریمی، بنیان‌گذارِ آوند" className="aspect-[4/5] w-full rounded-xl object-cover" />
          <figcaption className="text-sm text-muted-foreground">مهسا کریمی در دفترِ اولِ آوند، ۱۳۹۸</figcaption>
        </figure>
        <article className="flex max-w-[38rem] flex-col gap-6 text-lg leading-9">
          <span className="text-sm font-semibold text-brand-secondary">نامه‌ای از بنیان‌گذار</span>
          <h1 className="text-3xl leading-snug font-black text-balance sm:text-4xl sm:leading-snug">آوند را برای پدرم ساختم</h1>
          <p>پدرم سی سال مغازهٔ لوازم‌التحریر داشت. حساب‌وکتابش در یک دفترِ جلدچرمی بود و هر سال، آخرِ اسفند، دو شب نمی‌خوابید.</p>
          <p className="text-muted-foreground">وقتی نرم‌افزارهای حسابداری را نشانش دادم، هیچ‌کدام را نخواست؛ برای او ساخته نشده بودند. آوند از همان‌جا شروع شد: ابزاری که یک فروشنده بی‌آموزش بفهمد.</p>
          <p className="text-muted-foreground">امروز دوازده هزار کسب‌وکار با آوند کار می‌کنند. هنوز هر قابلیتِ تازه را اول به پدرم نشان می‌دهیم.</p>
          <div className="mt-6 flex flex-col gap-1 border-t border-border pt-6">
            <span className="text-2xl font-bold">مهسا کریمی</span>
            <span className="text-sm text-muted-foreground">بنیان‌گذار و مدیرعامل</span>
          </div>
        </article>
      </main>
    </ControlSizeProvider>
  )
}