Longevity

Лендинг для LONGEVITY - бренда клинических wellness-устройств для домашнего восстановления. Не интернет-магазин, а бренд-платформа: объясняет технологии, формирует доверие и ведёт к консультации.

Устройства LONGEVITY объединяют три модальности: EMS-стимуляция (нейроактивация мышц), инфракрасный термогенез (запуск белков теплового шока) и волновой резонанс (калибровка нервной системы). Задача сайта - донести, почему это работает, без скатывания в маркетинговый буллшит.

Архитектура

Nuxt 4 с SSR. Шесть страниц: главная, о технологии, наука (мета-анализы и исследования), FAQ с противопоказаниями, каталог продуктов и динамические страницы товаров (/products/[slug]).

Backend на Supabase - PostgreSQL как хранилище, авторизация из коробки, Edge Functions для серверной логики. Каталог продуктов, заявки на консультацию, аналитика просмотров - всё живёт в Supabase без отдельного сервера. Row Level Security на таблицах, real-time подписки для админки. Для лендинга, где нет смысла поднимать и обслуживать полноценный бэкенд, Supabase - идеальный вариант: получаешь PostgreSQL, auth, storage и API за пару часов вместо пары дней.

Детальные страницы товаров собираются из отдельных блоков-компонентов под каждое устройство: Combo, Neck, Slim Body, Magnetic.

Визуальная часть

Дизайн строится вокруг ощущения клинической премиальности. Кремовый фон (#fbfaee), терракотовый акцент (#9f3e07), типографика Montserrat + JetBrains Mono. Никаких стоковых паттернов - каждая секция собрана вручную.

Three.js рендерит particle field в hero-секции - частицы, которые создают ощущение “живой” системы без перегрузки. GSAP управляет scroll-reveal анимациями: мягкие появления, staggered-дочерние элементы в гридах. Всё деликатно - медицинская эстетика не терпит избыточного движения.

Кастомные composables: useScrollReveal для пересечения с viewport, useParticleField для WebGL, useCountUp для анимированных метрик в секции доверия.

Контент

Раздел “Наука” - не декорация. 40+ ссылок на исследования, мета-анализы по EMS, инфракрасной терапии и вибрационному воздействию. Секция FAQ включает противопоказания - кардиостимуляторы, эпилепсия, беременность. Прозрачность в ограничениях работает на доверие лучше, чем обещания.