Светлая тема: белый фон, цветные градиенты ролей, исправлены иконки

This commit is contained in:
olzhasus 2026-09-15 15:27:29 +00:00
parent e2bcd92a85
commit edac260878

View File

@ -95,42 +95,42 @@
<p>Выберите роль — мы подберем подходящие сервисы</p> <p>Выберите роль — мы подберем подходящие сервисы</p>
</div> </div>
<div class="kt-ai-grid" data-cols="4" style="gap: var(--kt-ai-space-6)"> <div class="kt-ai-grid" data-cols="4" style="gap: var(--kt-ai-space-6)">
<div class="role-poster" data-role="entrepreneur" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="entrepreneur" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#rocket"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#rocket"></use></svg></div>
<div class="role-title">Предприниматель</div> <div class="role-title">Предприниматель</div>
<div class="role-desc">Создаю бизнес-инструменты для роста и автоматизации</div> <div class="role-desc">Создаю бизнес-инструменты для роста и автоматизации</div>
</div> </div>
<div class="role-poster" data-role="it" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="it" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#tool"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#tool"></use></svg></div>
<div class="role-title">IT-специалист</div> <div class="role-title">IT-специалист</div>
<div class="role-desc">Разрабатываю решения для коллег и клиентов</div> <div class="role-desc">Разрабатываю решения для коллег и клиентов</div>
</div> </div>
<div class="role-poster" data-role="hr" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="hr" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#users"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#users"></use></svg></div>
<div class="role-title">HR</div> <div class="role-title">HR</div>
<div class="role-desc">Подбираю таланты и развиваю команду</div> <div class="role-desc">Подбираю таланты и развиваю команду</div>
</div> </div>
<div class="role-poster" data-role="marketing" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="marketing" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#megaphone"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#megaphone"></use></svg></div>
<div class="role-title">Маркетолог</div> <div class="role-title">Маркетолог</div>
<div class="role-desc">Продвигаю продукты и создаю контент</div> <div class="role-desc">Продвигаю продукты и создаю контент</div>
</div> </div>
<div class="role-poster" data-role="student" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="student" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#book"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#book"></use></svg></div>
<div class="role-title">Студент</div> <div class="role-title">Студент</div>
<div class="role-desc">Учусь и создаю проекты для портфолио</div> <div class="role-desc">Учусь и создаю проекты для портфолио</div>
</div> </div>
<div class="role-poster" data-role="creator" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="creator" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#sparkles"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#sparkles"></use></svg></div>
<div class="role-title">Creator</div> <div class="role-title">Creator</div>
<div class="role-desc">Создаю контент для соцсетей и блогов</div> <div class="role-desc">Создаю контент для соцсетей и блогов</div>
</div> </div>
<div class="role-poster" data-role="beginner" style="grid-column: span 2; --role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="beginner" style="grid-column: span 2; --role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#lightbulb"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#lightbulb"></use></svg></div>
<div class="role-title">Просто хочу попробовать</div> <div class="role-title">Просто хочу попробовать</div>
<div class="role-desc">Любопытно создать свой первый AI-сервис</div> <div class="role-desc">Любопытно создать свой первый AI-сервис</div>
</div> </div>
<div class="role-poster" data-role="custom" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary-dark, #0059b3))"> <div class="role-poster" data-role="custom" style="--role-accent: linear-gradient(135deg, var(--kt-ai-primary), var(--kt-ai-primary))">
<div class="role-icon"><svg class="kt-icon"><use href="#settings"></use></svg></div> <div class="role-icon"><svg class="kt-icon"><use href="#settings"></use></svg></div>
<div class="role-title">Своя идея</div> <div class="role-title">Своя идея</div>
<div class="role-desc">Хочу создать уникальный продукт с нуля</div> <div class="role-desc">Хочу создать уникальный продукт с нуля</div>