Добавить форму заявок и серверную интеграцию лидов с EspoCRM

app/contacts/page.tsx

@@ -1,3 +1,5 @@
+import LeadForm from "@/components/lead-form";
+
 export default function ContactsPage() {
   return (
     <main className="bg-neutral-950">
@@ -88,46 +90,11 @@ export default function ContactsPage() {
       <section id="contact-request" className="pb-16 sm:pb-20">
         <div className="max-w-5xl mx-auto px-4 sm:px-6">
           <div className="rounded-[32px] border border-white/10 bg-neutral-900 p-6 sm:p-10">
-            <div className="max-w-3xl">
-              <h2 className="text-3xl font-bold tracking-[-0.04em] sm:text-4xl">
-                Обсудим ваш объект
-              </h2>
-              <p className="mt-4 text-base leading-relaxed text-neutral-400 sm:text-lg">
-                Мы убрали локальную CRM, базу заявок и админку из сайта. Дальше
-                сюда можно спокойно подключить внешнюю форму из EspoCRM или
-                любой другой системы, а пока используйте прямые контакты.
-              </p>
-            </div>
-
-            <div className="mt-8 grid gap-4 md:grid-cols-2">
-              <a
-                href="tel:+79999698149"
-                className="rounded-3xl border border-emerald-500/30 bg-emerald-500/10 px-5 py-5 transition-colors hover:bg-emerald-500/15"
-              >
-                <div className="text-sm uppercase tracking-[0.18em] text-emerald-300">
-                  Телефон
-                </div>
-                <div className="mt-3 text-2xl font-semibold">
-                  +7 (999) 969-81-49
-                </div>
-                <p className="mt-2 text-neutral-400">
-                  Для обсуждения объекта, внедрения и тарифов
-                </p>
-              </a>
-
-              <a
-                href="mailto:sale@parkflow.ru"
-                className="rounded-3xl border border-white/10 bg-black/25 px-5 py-5 transition-colors hover:border-white/20 hover:bg-white/[0.03]"
-              >
-                <div className="text-sm uppercase tracking-[0.18em] text-neutral-400">
-                  Email
-                </div>
-                <div className="mt-3 text-2xl font-semibold">sale@parkflow.ru</div>
-                <p className="mt-2 text-neutral-400">
-                  Можно сразу прислать адрес объекта и краткое описание задачи
-                </p>
-              </a>
-            </div>
+            <LeadForm
+              id="lead-form"
+              title="Оставить заявку"
+              description="Заполните короткую форму. Заявка будет отправлена напрямую в CRM, а мы свяжемся с вами для уточнения задачи."
+            />
           </div>
         </div>
       </section>