Revamp landing page with new design and content. Introduce landing.html and landing.md files, enhancing user engagement with sections on AI agents, benefits, solutions, and educational opportunities. Update styles with SCSS for improved aesthetics and responsiveness. Modify routing in dashboard.tsx to include landing page. Add new dependencies for styling and functionality in package.json and package-lock.json.
This commit is contained in:
Primakov Alexandr Alexandrovich
235
index.html
235
index.html
@@ -1,25 +1,226 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!doctype html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,900&subset=cyrillic,cyrillic-ext" rel="stylesheet" />
|
||||
<title>BROJS.RU - Платформа обучения фронтенд-разработке</title>
|
||||
<meta name="yandex-verification" content="98f7e15d1ad66018" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Tatar Punk - AI-агенты для бизнеса будущего</title>
|
||||
<meta name="description" content="Tatar Punk - инновационная компания, специализирующаяся на разработке интеллектуальных решений на основе AI-агентов. Автоматизация бизнес-процессов, обучение разработке AI-агентов на LangChain и LangGraph.">
|
||||
<meta name="yandex-verification" content="98f7e15d1ad66018">
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700,900&subset=cyrillic,cyrillic-ext" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/src/styles/landing.scss">
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<div><img src="https://mc.yandex.ru/watch/87860751" style="position:absolute; left:-9999px;" alt="" /></div>
|
||||
</noscript>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/index.tsx"></script>
|
||||
<noscript><div><img src="https://mc.yandex.ru/watch/87860751" style="position:absolute; left:-9999px;" alt=""></div></noscript>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="hero-background">
|
||||
<div class="grid"></div>
|
||||
<div class="glowing-orb"></div>
|
||||
</div>
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">
|
||||
<span class="highlight">AI-агенты</span> для бизнеса будущего
|
||||
</h1>
|
||||
<p class="hero-subtitle">
|
||||
Автоматизируйте процессы, масштабируйте операции и достигайте новых высот эффективности
|
||||
</p>
|
||||
<div class="hero-buttons">
|
||||
<button class="btn-primary">Начать внедрение</button>
|
||||
<button class="btn-secondary">Узнать больше</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="scroll-indicator">
|
||||
<div class="mouse"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- News Section (вынесено вверх) -->
|
||||
<section class="news">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Новости</h2>
|
||||
<div class="news-card">
|
||||
<div class="news-date">31 октября 2025</div>
|
||||
<h3 class="news-title">Практический воркшоп: Запустись с ИИ-помощником</h3>
|
||||
<p class="news-description">
|
||||
Приглашаем на мероприятие от экспертов IT-парка в Казани. Практический воркшоп с 18:00 до 21:00.
|
||||
</p>
|
||||
<div class="news-details">
|
||||
<span>📍 Казань, ИТ-парк, ул. Петербургская, 52, конференц-зал</span>
|
||||
<span>💰 3 000 рублей</span>
|
||||
</div>
|
||||
<a href="https://tatarpunk.itpark.tech/" target="_blank" rel="noopener noreferrer" class="news-link">
|
||||
Зарегистрироваться →
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Stats Section -->
|
||||
<section class="stats">
|
||||
<div class="container">
|
||||
<div class="stats-grid">
|
||||
<div class="stat-card">
|
||||
<div class="stat-value">$236 млрд</div>
|
||||
<div class="stat-label">Рынок к 2034</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-value">45.8%</div>
|
||||
<div class="stat-label">CAGR</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-value">85-90%</div>
|
||||
<div class="stat-label">Снижение затрат</div>
|
||||
</div>
|
||||
<div class="stat-card">
|
||||
<div class="stat-value">74%</div>
|
||||
<div class="stat-label">ROI за год</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Benefits Section -->
|
||||
<section class="benefits">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Революция в бизнес-автоматизации</h2>
|
||||
<p class="section-subtitle">
|
||||
AI-агенты представляют новое поколение автоматизации, выходящее далеко за рамки традиционных систем
|
||||
</p>
|
||||
<div class="benefits-grid">
|
||||
<div class="benefit-card">
|
||||
<div class="benefit-icon">📊</div>
|
||||
<h3 class="benefit-title">Измеримая эффективность</h3>
|
||||
<p class="benefit-description">ROI в течение первого года, снижение затрат на 85-90%</p>
|
||||
</div>
|
||||
<div class="benefit-card">
|
||||
<div class="benefit-icon">🚀</div>
|
||||
<h3 class="benefit-title">Масштабируемость</h3>
|
||||
<p class="benefit-description">Повышение эффективности на 55%, рост без пропорциональных затрат</p>
|
||||
</div>
|
||||
<div class="benefit-card">
|
||||
<div class="benefit-icon">🧠</div>
|
||||
<h3 class="benefit-title">Непрерывное обучение</h3>
|
||||
<p class="benefit-description">AI-агенты адаптируются и совершенствуются со временем</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Solutions Section -->
|
||||
<section class="solutions">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Преимущества по направлениям</h2>
|
||||
<div class="solutions-tabs">
|
||||
<div class="tab-content">
|
||||
<div class="solution-item">
|
||||
<h3>Клиентский сервис</h3>
|
||||
<ul>
|
||||
<li>✓ Автоматизация до 80% обращений</li>
|
||||
<li>✓ Сокращение времени ответа на 68%</li>
|
||||
<li>✓ Klarna обслуживает 85 млн пользователей</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<h3>Продажи и маркетинг</h3>
|
||||
<ul>
|
||||
<li>✓ Увеличение конверсии на 15-30%</li>
|
||||
<li>✓ Повышение выручки на 3-15%</li>
|
||||
<li>✓ GitHub Copilot ускоряет разработку на 126%</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<h3>Бизнес-аналитика</h3>
|
||||
<ul>
|
||||
<li>✓ Сокращение времени поиска на 40%</li>
|
||||
<li>✓ Улучшение качества данных на 35%</li>
|
||||
<li>✓ Детальные отчёты за минуты</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Education Section -->
|
||||
<section class="education">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Обучение разработке AI-агентов</h2>
|
||||
<div class="education-content">
|
||||
<div class="education-text">
|
||||
<h3>Почему LangChain & LangGraph?</h3>
|
||||
<p>
|
||||
Специалисты по разработке AI-агентов получают конкурентные зарплаты:
|
||||
</p>
|
||||
<ul class="salary-list">
|
||||
<li>Junior: $70,000 - $95,000</li>
|
||||
<li>Mid-level: $95,000 - $140,000</li>
|
||||
<li>Senior: $140,000 - $220,000</li>
|
||||
<li>Principal: $220,000 - $350,000</li>
|
||||
</ul>
|
||||
<p>
|
||||
LangGraph поддерживается компаниями из Fortune 500 и используется для критически важных систем
|
||||
</p>
|
||||
</div>
|
||||
<div class="education-tech">
|
||||
<div class="tech-badge">LangChain</div>
|
||||
<div class="tech-badge">LangGraph</div>
|
||||
<div class="tech-badge">700+ интеграций</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Why Us Section -->
|
||||
<section class="why-us">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Почему выбирают Tatar Punk</h2>
|
||||
<div class="why-us-grid">
|
||||
<div class="why-us-card">
|
||||
<div class="why-us-icon">🎯</div>
|
||||
<h3>Экспертиза</h3>
|
||||
<p>Глубокие знания в области разработки AI-агентов</p>
|
||||
</div>
|
||||
<div class="why-us-card">
|
||||
<div class="why-us-icon">📈</div>
|
||||
<h3>Результаты</h3>
|
||||
<p>Измеримая бизнес-ценность и ROI в течение года</p>
|
||||
</div>
|
||||
<div class="why-us-card">
|
||||
<div class="why-us-icon">🎓</div>
|
||||
<h3>Образование</h3>
|
||||
<p>Готовим специалистов будущего с зарплатой от $70k</p>
|
||||
</div>
|
||||
<div class="why-us-card">
|
||||
<div class="why-us-icon">🚀</div>
|
||||
<h3>Инновации</h3>
|
||||
<p>Cutting-edge технологии от лидеров индустрии</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta">
|
||||
<div class="container">
|
||||
<h2 class="cta-title">Готовы трансформировать ваш бизнес?</h2>
|
||||
<p class="cta-subtitle">
|
||||
Свяжитесь с нами для консультации или запишитесь на курс по LangChain и LangGraph
|
||||
</p>
|
||||
<div class="cta-buttons">
|
||||
<button class="btn-primary">Консультация по внедрению</button>
|
||||
<button class="btn-secondary">Записаться на курс</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p>© 2025 Tatar Punk — Ваш партнер в мире интеллектуальной автоматизации</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user