/* Page 1: Хаб — Подход / Прозрачность / Роль / Процесс */ const { useState: useStateHub, useEffect: useEffectHub, useRef: useRefHub } = React; function HubPage() { const rootRef = useRefHub(null); const active = useActiveScreen(rootRef); useReveal(rootRef); useChartFrameHints(rootRef); const editOpen = useEditModeBridge(); const [tweaks, setTweak] = useTweaks({ accent: 'blue', surface: 'white', density: 'comfy', }); useEffectHub(() => { applyTweakStyles(tweaks); }, [tweaks]); const screens = ['ПОДХОД', 'ПРОЗРАЧНОСТЬ', 'РОЛЬ', 'ПРОЦЕСС']; const jump = (i) => { const el = rootRef.current?.querySelectorAll('.screen')[i]; if (el && rootRef.current) smoothScrollTo(rootRef.current, el.offsetTop, 480); }; return ( <>
jump(3)} />
); } // ---------------- Screen 1: Hero — Подход ---------------- function HubScreen1() { return (
{/* TOP ROW: hero copy + avatar */}
{/* LEFT: Headline + body packed into a single flex stack so they center as a group on desktop. On mobile this wrapper becomes display: contents, letting the avatar slot between them via order. */}
01 · ПОДХОД · ЛИЧНЫЙ АГЕНТ ПОКУПАТЕЛЯ

Не продаю Пхукет.
Показываю только то, что прошло мой{' '} аудит.

Стандартный агент работает на застройщика. Я — личный агент покупателя. Каждый объект из шорт-листа прошёл 50 пунктов проверки: финансы девелопера, реальная доходность, юридическая чистота, инженерия, ликвидность локации.

{/* Metric strip */}
{[ ['50', 'Пунктов проверки', null], ['32', 'Страницы аудит-отчёта', null], ['5–7', 'Объектов в шорт-листе', null], ['4–8', 'Недель до сделки', null], ].map(([n, l, sub], i) => (
{n}
{l}
{sub && (
{sub}
)}
))}
{/* RIGHT (desktop) / MIDDLE (mobile): Avatar tile */}
На связи · Пхукет
{/* BOTTOM ROW: 3 segment cards in the same flow (no more overlap) */}
); } function SegmentCard({ num, title, sub, meta, href }) { const haptic = useHaptic(); return ( ); } // ---------------- Screen 1.5: Прозрачность ---------------- function HubScreen1_5() { const haptic = useHaptic(); const steps = [ { tag: 'ШАГ 01', cost: 'БЕСПЛАТНО', title: 'Чек-лист 50 пунктов', body: 'PDF-документ с моим списком проверок и 30-минутный разбор ваших уже выбранных объектов. Без обязательств.', icon: , cta: 'Получить чек-лист', tg: 'Здравствуйте! Хочу получить чек-лист 50 пунктов и разбор моих объектов.', }, { tag: 'ШАГ 02', cost: 'ИЗ БЮДЖЕТА ПРОДАВЦА', title: 'Полное сопровождение покупки', body: 'Комиссия стандартная, уже зашита в цену объекта — для вас покупка не дороже, чем напрямую. Если объект не проходит мою проверку, я говорю об этом, даже когда теряю сделку.', icon: , cta: 'Обсудить сделку', tg: 'Здравствуйте! Хочу обсудить покупку и сопровождение сделки на Пхукете.', }, { tag: 'ШАГ 03', cost: '70 000 — 180 000 ฿', title: 'Углублённый аудит выбранного объекта', body: 'Полная проверка по 50 пунктам, отчёт PDF на 32 страницы, юридическое заключение партнёра — лицензированного тайского адвоката. При покупке через меня — стоимость зачитывается в комиссию.', icon: , cta: 'Заказать аудит', tg: 'Здравствуйте! Хочу заказать углублённый аудит объекта.', }, ]; return (
01.5 · ПРОЗРАЧНОСТЬ

Как я{' '} работаю {' '}и сколько это стоит.

Я личный агент покупателя — представляю ваши интересы, не интересы застройщика. Стандартный агент Пхукета работает на застройщика, и в моменте проблем вы остаётесь один.

{steps.map((s, i) => (
{ haptic(); window.open('https://t.me/khabibullin_azamat?text=' + encodeURIComponent(s.tg || s.cta), '_blank'); }} style={{ padding: '32px 26px', borderRight: i < steps.length - 1 ? '1px solid var(--rule-2)' : 'none', borderBottom: '1px solid var(--rule-2)', display: 'flex', flexDirection: 'column', cursor: 'pointer', background: '#fff', }}>
{s.tag} {s.icon}
{s.cost}

{s.title}

{s.body}

{s.cta}
))}
Кто платит — прозрачно на каждом шаге.
); } // ---------------- Screen 2: Роль на рынке ---------------- function HubScreen2({ onJumpProcess }) { const haptic = useHaptic(); return (
{/* Expert portrait placeholder */}
{/* Overlay label */}
Личный агент · на стороне покупателя
ПХУКЕТ · ТАИЛАНД 22.04.26
{/* Text */}
02 · РОЛЬ НА РЫНКЕ

Я разобрал, как покупатели теряли деньги.
Каждый такой случай —{' '} пункт в моём чек-листе .

Я начал с того, что разобрал реальные провалы — где именно люди потеряли депозиты, на чём их поймали. Рейды по нелегальным схемам владения, кейс Alicha Grand, банкротства застройщиков с потерянными депозитами. Каждый такой случай добавил пункт в мой чек-лист. Моя задача — отсечь слабые предложения до того, как вы потратите время и деньги на просмотр.

{/* 3-fact infographic */}
); } function Fact({ num, label, note, divided }) { return (
{num}
{label}
{note}
); } // ---------------- Screen 2.5: Процесс ---------------- function HubScreen2_5() { const steps = [ { n: '01', title: 'Брифинг', body: '30 минут на звонке. Цели, бюджет, сроки. Решаем — вам подходит мой подход или нет.' }, { n: '02', title: 'Шорт-лист', body: 'Подбираю 5–7 объектов из числа прошедших мой аудит. Каждый — с краткой выжимкой по 50 пунктам.' }, { n: '03', title: 'Показ', body: 'Личный осмотр на Пхукете 2–3 дня. Без агентов застройщика, без давления. Технический инспектор и юрист рядом.' }, { n: '04', title: 'Аудит выбранного', body: 'Полная проверка финального объекта. Отчёт 32 страницы, юридическое заключение, расчёт окупаемости.' }, { n: '05', title: 'Сделка', body: 'Сопровождение от резервации до акта. Контроль платежей, проверка титула, регистрация в Земельном департаменте.' }, ]; return (
02.5 · ПРОЦЕСС

Сделка под{' '} моим контролем {' '}— пять шагов.

{steps.map((s, i) => (
ШАГ {s.n}

{s.title}

{s.body}

))}
Сроки от первого звонка до владения —{' '} 4–8 недель .
); } // export Object.assign(window, { HubPage });