export default function AboutPage() {
  return (
    <main className="bg-neutral-950">
      <section className="hero-bg">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 py-16 sm:py-20">
          <div className="max-w-4xl">
            <p className="text-emerald-300 text-sm mb-4">О компании</p>
            <h1 className="text-4xl sm:text-5xl font-bold leading-tight">
              WorkParking — решения
              <br />
              для умного дворового въезда
            </h1>
            <p className="mt-5 text-neutral-300 text-lg leading-relaxed">
              Мы занимаемся апгрейдом дворовых шлагбаумов и внедрением систем
              доступа для жилых комплексов, дворов, ТСЖ, ТСН и управляющих
              компаний в Москве.
            </p>
          </div>
        </div>
      </section>

      <section className="py-16 sm:py-20">
        <div className="max-w-5xl mx-auto px-4 sm:px-6">
          <div className="grid gap-6">
            <div className="rounded-3xl border border-white/10 bg-neutral-900 p-6 sm:p-8">
              <h2 className="text-2xl font-semibold mb-4">Чем мы занимаемся</h2>
              <p className="text-neutral-300 leading-relaxed">
                WorkParking помогает превратить обычный дворовый шлагбаум в
                современную систему контроля доступа. Мы внедряем въезд и выезд
                по номеру автомобиля, подключаем приложение для жителей,
                настраиваем гостевые сценарии, историю проездов, фото с камеры и
                аналитику по подписке.
              </p>
            </div>

            <div className="rounded-3xl border border-white/10 bg-neutral-900 p-6 sm:p-8">
              <h2 className="text-2xl font-semibold mb-4">Наш подход</h2>
              <p className="text-neutral-300 leading-relaxed">
                Мы делаем упор не только на оборудование, но и на удобство
                эксплуатации. Для нас важно, чтобы система была понятной для
                жителей, полезной для управляющей компании и устойчивой в
                ежедневной работе. Поэтому мы строим решения, которые можно
                запускать поэтапно: от базового доступа по номеру до расширенной
                аналитики и сервисных функций.
              </p>
            </div>

            <div className="rounded-3xl border border-white/10 bg-neutral-900 p-6 sm:p-8">
              <h2 className="text-2xl font-semibold mb-4">Для кого мы работаем</h2>
              <p className="text-neutral-300 leading-relaxed">
                Наши решения подходят для дворов многоквартирных домов, жилых
                комплексов, ТСЖ, ТСН и управляющих компаний, которым нужен
                современный и понятный инструмент управления въездом. Мы можем
                модернизировать существующий шлагбаум или предложить модель
                подключения с сервисным оборудованием.
              </p>
            </div>

            <div className="rounded-3xl border border-white/10 bg-neutral-900 p-6 sm:p-8">
              <h2 className="text-2xl font-semibold mb-4">Юридическая информация</h2>
              <div className="space-y-2 text-neutral-300">
                <div>Компания: ООО «Пракфлоу»</div>
                <div>ИНН: 7777773333</div>
                <div>Телефон: +7 (999) 969-81-49</div>
                <div>Email: sale@parkflow.ru, info@parkflow.ru</div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
  );
}