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>
29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import { useEffect, type RefObject } from 'react'
|
|
|
|
/**
|
|
* In-page anchors scroll to the target minus the fixed header, exactly as the
|
|
* original landing did. The header height is read at click time because it
|
|
* changes with the breakpoint and with the logo's fluid width.
|
|
*/
|
|
export function useAnchorScroll(headerRef: RefObject<HTMLElement | null>) {
|
|
useEffect(() => {
|
|
const onClick = (event: MouseEvent) => {
|
|
if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey) return
|
|
|
|
const link = (event.target as Element | null)?.closest('a[href^="#"]')
|
|
const href = link?.getAttribute('href')
|
|
if (!href || href === '#') return
|
|
|
|
const target = document.querySelector(href)
|
|
if (!target) return
|
|
|
|
event.preventDefault()
|
|
const offset = (headerRef.current?.offsetHeight ?? 0) + 8
|
|
window.scrollTo({ top: target.getBoundingClientRect().top + window.scrollY - offset, behavior: 'smooth' })
|
|
}
|
|
|
|
document.addEventListener('click', onClick)
|
|
return () => document.removeEventListener('click', onClick)
|
|
}, [headerRef])
|
|
}
|