<div style="max-width: 800px; margin: 0 auto; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;"> <!-- Hero Section --> <div style="text-align: center; padding: 60px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 20px; color: white; margin-bottom: 40px;"> <h1 style="font-size: 2.5em; margin-bottom: 20px;">🎯 Telegram-каналы → Персональные выжимки</h1> <p style="font-size: 1.3em; margin-bottom: 30px; opacity: 0.95;">Слушай важное вместо чтения. Экономь 80% времени.</p> <a href="https://t.me/myTG_insights_bot" style="display: inline-block; background: white; color: #667eea; padding: 18px 40px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 1.2em; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">Попробовать бесплатно →</a> </div> <!-- Узнаешь себя? --> <div style="background: #f7fafc; padding: 40px; border-radius: 15px; margin-bottom: 40px;"> <h2 style="text-align: center; margin-bottom: 30px;">🤔 Узнаёшь себя?</h2> <div style="display: grid; gap: 20px;"> <div style="background: white; padding: 20px; border-radius: 10px; border-left: 4px solid #667eea;"> <strong>Подписан на 20+ каналов</strong> — но читаешь только 2-3? </div> <div style="background: white; padding: 20px; border-radius: 10px; border-left: 4px solid #667eea;"> <strong>Нет времени читать</strong> — хочешь слушать в дороге/спортзале? </div> <div style="background: white; padding: 20px; border-radius: 10px; border-left: 4px solid #667eea;"> <strong>Теряешь важное</strong> — среди сотен постов пропускаешь ценное? </div> <div style="background: white; padding: 20px; border-radius: 10px; border-left: 4px solid #667eea;"> <strong>Владеешь каналом</strong> — хочешь дайджест своих постов для аудитории? </div> </div> </div> <!-- Как это работает --> <div style="margin-bottom: 40px;"> <h2 style="text-align: center; margin-bottom: 30px;">⚡ Как это работает</h2> <div style="display: grid; gap: 25px;"> <div style="display: flex; gap: 20px; align-items: start;"> <div style="flex-shrink: 0; width: 50px; height: 50px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold;">1</div> <div> <h3 style="margin: 0 0 10px 0;">Укажи свои интересы</h3> <p style="margin: 0; color: #666;">Например: "Я предприниматель, ищу идеи для продуктов. Важны кейсы и инструменты"</p> </div> </div> <div style="display: flex; gap: 20px; align-items: start;"> <div style="flex-shrink: 0; width: 50px; height: 50px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold;">2</div> <div> <h3 style="margin: 0 0 10px 0;">Отправь ссылку на канал</h3> <p style="margin: 0; color: #666;">Или просто перешли любой пост из канала — бот сам определит источник</p> </div> </div> <div style="display: flex; gap: 20px; align-items: start;"> <div style="flex-shrink: 0; width: 50px; height: 50px; background: #667eea; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5em; font-weight: bold;">3</div> <div> <h3 style="margin: 0 0 10px 0;">Получи результат за 1-2 минуты</h3> <p style="margin: 0; color: #666;">📝 Текстовая выжимка с 5 главными идеями + ссылками на посты<br> 🎙️ Аудиоподкаст 5-7 минут с подробным разбором</p> </div> </div> </div> </div> <!-- Ценность --> <div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); padding: 40px; border-radius: 15px; color: white; margin-bottom: 40px;"> <h2 style="text-align: center; margin-bottom: 30px;">💎 Что ты получишь</h2> <div style="display: grid; gap: 20px;"> <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; backdrop-filter: blur(10px);"> <h3 style="margin: 0 0 10px 0;">⏱️ Экономия 80% времени</h3> <p style="margin: 0; opacity: 0.9;">Вместо 30 минут чтения — 5 минут прослушивания</p> </div> <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; backdrop-filter: blur(10px);"> <h3 style="margin: 0 0 10px 0;">🎯 Только релевантное</h3> <p style="margin: 0; opacity: 0.9;">AI отфильтрует важное именно для ТЕБЯ</p> </div> <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; backdrop-filter: blur(10px);"> <h3 style="margin: 0 0 10px 0;">📱 Потребляй как удобно</h3> <p style="margin: 0; opacity: 0.9;">Читай текст или слушай аудио в дороге</p> </div> <div style="background: rgba(255,255,255,0.15); padding: 20px; border-radius: 10px; backdrop-filter: blur(10px);"> <h3 style="margin: 0 0 10px 0;">📊 Для владельцев каналов</h3> <p style="margin: 0; opacity: 0.9;">Создавай дайджесты своих постов для подписчиков</p> </div> </div> </div> <!-- Тарифы --> <div style="margin-bottom: 40px;"> <h2 style="text-align: center; margin-bottom: 30px;">💰 Тарифы</h2> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px;"> <div style="background: #f7fafc; padding: 30px; border-radius: 15px; text-align: center;"> <h3 style="margin-top: 0;">🆓 Бесплатный</h3> <div style="font-size: 2em; font-weight: bold; margin: 20px 0;">0₽</div> <ul style="text-align: left; padding-left: 20px;"> <li>3 текстовые выжимки в день</li> <li>1 аудиоподкаст (всего)</li> <li>Анализ 15 последних постов</li> </ul> <a href="https://t.me/myTG_insights_bot" style="display: inline-block; background: #667eea; color: white; padding: 12px 30px; border-radius: 50px; text-decoration: none; margin-top: 20px;">Начать</a> </div> <div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px; border-radius: 15px; text-align: center; color: white; position: relative;"> <div style="position: absolute; top: -10px; right: 20px; background: #f5576c; color: white; padding: 5px 15px; border-radius: 20px; font-size: 0.8em; font-weight: bold;">Популярный</div> <h3 style="margin-top: 0;">💎 Платный</h3> <div style="font-size: 2em; font-weight: bold; margin: 20px 0;">Узнать цену</div> <ul style="text-align: left; padding-left: 20px;"> <li>6 текстовых выжимок в день</li> <li>3 аудиоподкаста в день</li> <li>Приоритетная обработка</li> <li>Дополнительные фичи</li> </ul> <a href="https://t.me/anton_sway" style="display: inline-block; background: white; color: #667eea; padding: 12px 30px; border-radius: 50px; text-decoration: none; margin-top: 20px; font-weight: bold;">Связаться</a> </div> </div> </div> <!-- Снижаем барьеры --> <div style="background: #f7fafc; padding: 40px; border-radius: 15px; margin-bottom: 40px;"> <h2 style="text-align: center; margin-bottom: 30px;">✅ Частые вопросы</h2> <details style="background: white; padding: 20px; border-radius: 10px; margin-bottom: 15px; cursor: pointer;"> <summary style="font-weight: bold; cursor: pointer;">Нужно устанавливать приложение?</summary> <p style="margin: 15px 0 0 0; color: #666;">Нет, бот работает прямо в Telegram. Просто напиши <a href="https://t.me/myTG_insights_bot">@myTG_insights_bot</a></p> </details> <details style="background: white; padding: 20px; border-radius: 10px; margin-bottom: 15px; cursor: pointer;"> <summary style="font-weight: bold; cursor: pointer;">Какие каналы поддерживаются?</summary> <p style="margin: 15px 0 0 0; color: #666;">Любые публичные Telegram-каналы с username (t.me/channelname)</p> </details> <details style="background: white; padding: 20px; border-radius: 10px; margin-bottom: 15px; cursor: pointer;"> <summary style="font-weight: bold; cursor: pointer;">Как долго создается выжимка?</summary> <p style="margin: 15px 0 0 0; color: #666;">1-2 минуты для текста, 3-5 минут для аудиоподкаста</p> </details> <details style="background: white; padding: 20px; border-radius: 10px; cursor: pointer;"> <summary style="font-weight: bold; cursor: pointer;">Мои данные в безопасности?</summary> <p style="margin: 15px 0 0 0; color: #666;">Да, бот обрабатывает только публичные посты из открытых каналов. Твои интересы хранятся зашифрованными.</p> </details> </div> <!-- CTA Final --> <div style="text-align: center; padding: 60px 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 20px; color: white;"> <h2 style="font-size: 2em; margin-bottom: 20px;">Попробуй прямо сейчас — это бесплатно</h2> <p style="font-size: 1.2em; margin-bottom: 30px; opacity: 0.95;">3 текстовые выжимки + 1 аудиоподкаст</p> <a href="https://t.me/myTG_insights_bot" style="display: inline-block; background: white; color: #667eea; padding: 18px 40px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 1.2em; box-shadow: 0 4px 15px rgba(0,0,0,0.2);">Открыть бота →</a> <p style="margin-top: 20px; opacity: 0.8; font-size: 0.9em;">Не требуется регистрация или оплата</p> </div> <!-- Footer --> <div style="text-align: center; padding: 40px 20px; color: #666;"> <p>Создано <a href="https://eltonlabs.org" style="color: #667eea; text-decoration: none;">Elton Labs</a></p> <p style="font-size: 0.9em;">Вопросы? Пиши <a href="https://t.me/anton_sway" style="color: #667eea; text-decoration: none;">@anton_sway</a></p> </div> </div>