227 lines
11 KiB
HTML
227 lines
11 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<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>
|
||
|
||
<!-- 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>
|
||
|