Praxis - це преміальний односторінковий шаблон лендингу для онлайн-курсів, когортних програм і пропозицій коучингу: продукту, якому люди мають довіряти, перш ніж заплатити чотиризначну суму. Тепле кремове тло, один упевнений смарагдовий акцент, великі редакційні заголовки із засічками та фірмовий маркер-виділювач, що проходить по ключових фразах під час прокручування. Це читається як приватна майстер-клас, а не черговий інфомаркетинговий сайт.

Створено на статичному HTML + Tailwind CSS v4. Без React, без Vue, без етапу збирання: скомпільований CSS входить до пакета, тож ви відкриваєте index.html і вже працюєте на GitHub Pages, Netlify, Vercel, Cloudflare або власному сервері.

ЩО ВСЕРЕДИНІ (11 секцій)

• Закріплена навігація + доступне мобільне меню

• Hero з фірмовим виділювачем + чиста картка курсу

• Рядок соціального підтвердження «Випускники тепер працюють у»

• Смуга-маніфест на всю ширину з обіцянкою та описом, для кого це

• 8-тижнева програма у вигляді вертикального «стрижня навчання», що заповнюється під час прокручування

• Знайомство з ментором з анімованою статистикою із відліком

• Сітка з шести блоків «що ви отримуєте» (вбудовані SVG-іконки)

• Результати: виділений результат + відгуки випускників (аватари з ініціалами, без стокових облич)

• Чесні 3 тарифи (самостійно / когорта / 1:1) з гарантією 14 днів

• Акордеон із частими запитаннями

• Фінальна смуга із закликом до дії + повний футер

ЧИМ ВІН ВІДРІЗНЯЄТЬСЯ

• Фірмова фішка, якої ви не знайдете в жодному шаблоні курсів: анімований виділювач + стрижень програми, що заповнюється

• Керується токенами: змініть ОДИН блок @theme у src/input.css, і вся сторінка змінить вигляд

• Чесний за задумом: жодних фальшивих таймерів зворотного відліку, жодного штучного дефіциту, жодних темних патернів

• Повністю адаптивний, mobile-first, без горизонтального прокручування на жодному пристрої

• Контраст WCAG AA, семантичний HTML, видимий фокус, доступний акордеон: Lighthouse Accessibility 100

• Шрифти на власному хостингу (Fraunces + Space Grotesk + IBM Plex Mono, woff2): без Google CDN, без зсуву макета

ЩО ВИ ОТРИМУЄТЕ

index.html · скомпільований + вихідний Tailwind CSS · кілька КБ чистого JS · шрифти на власному хостингу · favicon + OG-зображення · повна документація · журнал змін · примітки щодо ліцензії.

Жива демо-версія (безкоштовна Lite-версія): https://mcmxcixx.github.io/praxis/