102 lines
4.5 KiB
HTML
102 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{{ brand }} — защищённый доступ</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500..800&family=Sora:wght@400;500;600&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="/static/css/style.css" />
|
|
</head>
|
|
<body>
|
|
<header class="site-nav">
|
|
<div class="nav-brand">{{ brand }}</div>
|
|
<nav class="nav-links">
|
|
<a href="#features">Возможности</a>
|
|
<a href="#how">Как начать</a>
|
|
<a class="btn btn-ghost" href="/admin">Админ</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<div class="hero-bg" aria-hidden="true"></div>
|
|
<div class="hero-orb" aria-hidden="true"></div>
|
|
<div class="hero-inner">
|
|
<p class="hero-brand">{{ brand }}</p>
|
|
<h1 class="hero-title">Стабильный VPN-канал без лишнего шума</h1>
|
|
<p class="hero-lead">Продление подписки и докупка трафика по гостевой ссылке — быстро и без лишних шагов.</p>
|
|
<div class="hero-cta">
|
|
<a class="btn btn-signal" href="#how">Подключиться</a>
|
|
<a class="btn btn-ghost" href="#features">Смотреть возможности</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="features">
|
|
<div class="section-inner">
|
|
<h2>Сигнал чистый. Маршрут ваш.</h2>
|
|
<p class="lead">Один сервис для подключения, продления и докупки трафика — без кассы в каждом чате.</p>
|
|
<div class="features">
|
|
<article class="feature">
|
|
<h3>Скорость без просадок</h3>
|
|
<p>Современные протоколы и маршрутизация через Remnawave — меньше обрывов, больше стабильности.</p>
|
|
</article>
|
|
<article class="feature">
|
|
<h3>Продление по ссылке</h3>
|
|
<p>Гостевая ссылка на продление: клиент вводит username и сразу получает дополнительные дни.</p>
|
|
</article>
|
|
<article class="feature">
|
|
<h3>Докупка трафика</h3>
|
|
<p>Отдельное направление для ГБ: лимит растёт мгновенно через панель, без ручных правок.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section how" id="how">
|
|
<div class="section-inner">
|
|
<h2>Три шага до доступа</h2>
|
|
<p class="lead">Короткий путь от заявки до рабочего ключа.</p>
|
|
<div class="steps">
|
|
<div class="step">
|
|
<div class="step-num">01</div>
|
|
<div>
|
|
<h3>Получите конфиг</h3>
|
|
<p>После оплаты вы получаете конфиг подписки — импортируете в клиент за минуту.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">02</div>
|
|
<div>
|
|
<h3>Подключитесь</h3>
|
|
<p>Включаете профиль и работаете: сайты, стримы, сервисы — через защищённый туннель.</p>
|
|
</div>
|
|
</div>
|
|
<div class="step">
|
|
<div class="step-num">03</div>
|
|
<div>
|
|
<h3>Продлите или докупите</h3>
|
|
<p>По гостевой ссылке продлеваете срок или добавляете трафик — это разные направления, без путаницы.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section cta-band">
|
|
<div class="section-inner">
|
|
<h2>Готовы к чистому каналу?</h2>
|
|
<a class="btn btn-signal" href="/admin">Открыть панель управления</a>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="site-footer">
|
|
<span>{{ brand }}</span>
|
|
<span>Гостевые ссылки · продление и трафик</span>
|
|
</footer>
|
|
|
|
<script src="/static/js/main.js"></script>
|
|
</body>
|
|
</html>
|