Yuriy PanovandClaude Opus 5
35f713a267
Ports the single-file ЭкзоОтель page to the same architecture as the fitness
landing: Vite + React 19 + TypeScript + Tailwind v4 on the client, Express 5 for
the /api/leads/hotels endpoint, zod schema shared between the two.
The original page is kept in legacy/index.html as the visual reference. Its 15
inlined base64 images are extracted to files (the 1 MB HTML becomes ~318 KB of
JS plus assets loaded on demand), and its text is reproduced line for line —
verified with an innerText diff. Section heights stay within 0.6% at 375 and
1440 px; the drift comes from Inter actually loading, which the original asked
for but never served.
Three deliberate departures, documented in the README:
* eyebrow and lead in the CTA block were dark teal on navy (3.4:1); they now
match the other dark sections
* hero fact values overflowed their 80px column into the label below 430px
* "2025–2026г.." typo in the market source note
Leads reuse the fitness amoCRM integration: contact lookup by phone in every
spelling, deal in the first stage of pipeline 10980758, account fields matched
automatically with the rest written to a note. Rate limit, honeypot, and a
localStorage fallback so a lead survives the CRM being down. Vite runs on 5174
and the API on 3001 so both landings can run at once.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
import { z } from 'zod'
|
|
|
|
/** Which form on the page produced the lead. Surfaces as an amoCRM tag. */
|
|
export const leadFormIds = ['request'] as const
|
|
export type LeadFormId = (typeof leadFormIds)[number]
|
|
|
|
export const utmKeys = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_term'] as const
|
|
|
|
const optionalText = (max: number) =>
|
|
z
|
|
.string()
|
|
.trim()
|
|
.max(max)
|
|
.optional()
|
|
.transform((v) => (v ? v : undefined))
|
|
|
|
export const leadSchema = z.object({
|
|
form: z.enum(leadFormIds),
|
|
name: z.string().trim().min(1, 'Укажите имя').max(200),
|
|
phone: z.string().trim().min(5, 'Укажите телефон').max(50),
|
|
email: z
|
|
.union([z.email().max(200), z.literal('')])
|
|
.optional()
|
|
.transform((v) => (v ? v : undefined)),
|
|
/** Hotel or hotel chain the request comes from. */
|
|
company: optionalText(200),
|
|
comment: optionalText(4000),
|
|
page: optionalText(300),
|
|
referrer: optionalText(500),
|
|
// partialRecord, not record: z.record over an enum requires every key.
|
|
utm: z.partialRecord(z.enum(utmKeys), z.string().max(300)).optional(),
|
|
/** Honeypot. Bots fill it in; humans never see it. */
|
|
website: z.string().max(200).optional(),
|
|
})
|
|
|
|
export type LeadPayload = z.infer<typeof leadSchema>
|
|
/** What the client sends — before zod's optional/empty-string normalisation. */
|
|
export type LeadInput = z.input<typeof leadSchema>
|
|
|
|
export type LeadResponse =
|
|
| { ok: true; leadId: number; contactId: number }
|
|
| { ok: false; error: string; fields?: Record<string, string> }
|