311 lines
17 KiB
HTML
311 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Студия мультфильмов О'ляпка — ИИ-анимация на заказ | Персональные мультики и реклама</title>
|
||
<meta name="description" content="Студия О'ляпка создаёт авторские ИИ-мультики на заказ: персональные подарки, Love Story, реклама для бизнеса, контент для соцсетей. От 2500 ₽. Срок — от 3 дней.">
|
||
<meta name="keywords" content="ИИ мультики на заказ, нейросеть анимация, мультик на день рождения, реклама мультик, студия анимации, О'ляпка">
|
||
|
||
<!-- Open Graph -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="Студия мультфильмов О'ляпка — ИИ-анимация на заказ">
|
||
<meta property="og:description" content="Создаём авторские ИИ-мультики: подарки, реклама, контент для соцсетей. От 2500 ₽.">
|
||
<meta property="og:image" content="https://olapka.ru/img/og-main.jpg">
|
||
<meta property="og:url" content="https://olapka.ru/">
|
||
<meta property="og:site_name" content="Студия О'ляпка">
|
||
<meta property="og:locale" content="ru_RU">
|
||
|
||
<!-- Twitter -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Студия мультфильмов О'ляпка">
|
||
<meta name="twitter:description" content="Авторские ИИ-мультики на заказ. От 2500 ₽.">
|
||
<meta name="twitter:image" content="https://olapka.ru/img/og-main.jpg">
|
||
|
||
<!-- Favicon -->
|
||
<link rel="icon" type="image/svg+xml" href="img/favicon.svg">
|
||
|
||
<!-- Fonts -->
|
||
<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=Montserrat:wght@400;500;600;700;800&family=Caveat:wght@500;700&display=swap" rel="stylesheet">
|
||
|
||
<link rel="stylesheet" href="css/style.css">
|
||
|
||
<!-- JSON-LD Schema.org -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ProfessionalService",
|
||
"name": "Студия мультфильмов О'ляпка",
|
||
"image": "https://olapka.ru/img/logo.png",
|
||
"description": "Студия создаёт авторские ИИ-мультики на заказ: персональные подарки, реклама для бизнеса, контент для соцсетей.",
|
||
"priceRange": "от 2500 ₽",
|
||
"url": "https://olapka.ru",
|
||
"telephone": "+7-916-095-73-83",
|
||
"address": {
|
||
"@type": "PostalAddress",
|
||
"addressCountry": "RU"
|
||
},
|
||
"sameAs": [
|
||
"https://t.me/283034454",
|
||
"https://instagram.com/yuliasl1010",
|
||
"https://vk.com/club240204788"
|
||
]
|
||
}
|
||
</script>
|
||
|
||
<!-- Yandex.Metrika counter -->
|
||
<script type="text/javascript">
|
||
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
|
||
m[i].l=1*new Date();
|
||
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
|
||
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
|
||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||
|
||
ym(110606131, "init", {
|
||
clickmap:true,
|
||
trackLinks:true,
|
||
accurateTrackBounce:true,
|
||
webvisor:true
|
||
});
|
||
</script>
|
||
<!-- /Yandex.Metrika counter -->
|
||
|
||
<!-- Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-M5HGH586"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
gtag('config', 'GTM-M5HGH586');
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<!-- Cookie Banner -->
|
||
<div class="cookie-banner" id="cookieBanner">
|
||
<div class="cookie-text">
|
||
Мы используем cookies для улучшения работы сайта. Продолжая пользоваться сайтом, вы соглашаетесь с
|
||
<a href="legal.html">политикой обработки cookies</a>.
|
||
</div>
|
||
<button class="cookie-btn" id="cookieAccept" data-goal="cookie_accept">Принять</button>
|
||
</div>
|
||
|
||
<!-- Header -->
|
||
<header class="header">
|
||
<div class="container header-inner">
|
||
<a href="index.html" class="logo">
|
||
<span class="logo-bird">🐦</span>
|
||
<span class="logo-text">О'ЛЯПКА</span>
|
||
</a>
|
||
<nav class="nav" id="nav">
|
||
<a href="index.html" class="nav-link active">Главная</a>
|
||
<a href="services.html" class="nav-link">Услуги</a>
|
||
<a href="portfolio.html" class="nav-link">Работы</a>
|
||
<a href="contacts.html" class="nav-link">Контакты</a>
|
||
</nav>
|
||
<a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
|
||
<button class="burger" id="burger" aria-label="Меню">
|
||
<span></span><span></span><span></span>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Hero -->
|
||
<section class="hero">
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<span class="hero-tag">Студия ИИ-анимации</span>
|
||
<h1 class="hero-title">Создаём мультики, которые <span class="accent">решают ваши задачи</span></h1>
|
||
<p class="hero-subtitle">Персональные подарки, реклама для бизнеса и вирусный контент для соцсетей. Авторский подход, честные цены, результат за 1–4 дня.</p>
|
||
<div class="hero-actions">
|
||
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_hero">Заказать мультик</a>
|
||
<a href="services.html" class="btn btn-outline btn-lg" data-goal="services_hero">Смотреть услуги</a>
|
||
</div>
|
||
<div class="hero-stats">
|
||
<div class="stat"><div class="stat-num">1+</div><div class="stat-label">дня на создание</div></div>
|
||
<div class="stat"><div class="stat-num">от 2500₽</div><div class="stat-label">стоимость</div></div>
|
||
<div class="stat"><div class="stat-num">100%</div><div class="stat-label">авторская работа</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Преимущества -->
|
||
<section class="section benefits">
|
||
<div class="container">
|
||
<h2 class="section-title">Почему выбирают <span class="accent">О'ляпку</span></h2>
|
||
<div class="benefits-grid">
|
||
<article class="benefit-card">
|
||
<div class="benefit-icon">✨</div>
|
||
<h3>Авторский подход</h3>
|
||
<p>Не просто «картинки из нейросети», а полноценная история со сценарием, эмоцией и вашим уникальным стилем.</p>
|
||
</article>
|
||
<article class="benefit-card">
|
||
<div class="benefit-icon">⚡</div>
|
||
<h3>Быстро</h3>
|
||
<p>Готовый мультик за 1–4 дней. В 5 раз быстрее классической анимации — без потери качества.</p>
|
||
</article>
|
||
<article class="benefit-card">
|
||
<div class="benefit-icon">💎</div>
|
||
<h3>Честные цены</h3>
|
||
<p>От 2500 ₽ за короткий ролик. Никаких скрытых платежей и студийных наценок.</p>
|
||
</article>
|
||
<article class="benefit-card">
|
||
<div class="benefit-icon">🎯</div>
|
||
<h3>Решаем задачи</h3>
|
||
<p>Продаём, поздравляем, влюбляют в бренд. Каждый мультик работает на вашу цель.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Для кого -->
|
||
<section class="section for-whom">
|
||
<div class="container">
|
||
<h2 class="section-title">Кому подходят наши мультики</h2>
|
||
<div class="for-whom-grid">
|
||
<div class="for-whom-card">
|
||
<div class="for-whom-tag">🤍 Для души</div>
|
||
<h3>Личные поводы</h3>
|
||
<ul>
|
||
<li>Подарок на день рождения, годовщину, юбилей</li>
|
||
<li>Ваша Love Story в формате анимации</li>
|
||
<li>Сказка для ребёнка, где он — главный герой</li>
|
||
<li>Вирусные Reels для личного блога</li>
|
||
</ul>
|
||
<a href="contacts.html" class="btn btn-outline" data-goal="order_personal">Заказать личный мультик</a>
|
||
</div>
|
||
<div class="for-whom-card">
|
||
<div class="for-whom-tag">🚀 Для бизнеса</div>
|
||
<h3>Коммерческие задачи</h3>
|
||
<ul>
|
||
<li>Реклама, которая цепляет и останавливает скролл</li>
|
||
<li>Запуск нового направления или продукта</li>
|
||
<li>Продвижение в соцсетях и рост охватов</li>
|
||
<li>Имиджевые ролики и VIP-подарки клиентам</li>
|
||
</ul>
|
||
<a href="contacts.html" class="btn btn-primary" data-goal="order_business">Заказать для бизнеса</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Тарифы -->
|
||
<section class="section pricing">
|
||
<div class="container">
|
||
<h2 class="section-title">Тарифы на ИИ-мультики</h2>
|
||
<p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
|
||
<div class="pricing-grid">
|
||
<article class="price-card">
|
||
<div class="price-name">Искры</div>
|
||
<div class="price-desc">Короткий мультик до 30 секунд</div>
|
||
<div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels</div>
|
||
<div class="price-value">2 500 ₽</div>
|
||
<a href="contacts.html" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
|
||
</article>
|
||
<article class="price-card featured">
|
||
<div class="price-badge">Популярный</div>
|
||
<div class="price-name">История</div>
|
||
<div class="price-desc">От 30 секунд до 1 минуты</div>
|
||
<div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
|
||
<div class="price-value">4 500 ₽</div>
|
||
<a href="contacts.html" class="btn btn-primary" data-goal="order_story">Заказать</a>
|
||
</article>
|
||
<article class="price-card">
|
||
<div class="price-name">Сказка</div>
|
||
<div class="price-desc">От 1 до 2 минут</div>
|
||
<div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип</div>
|
||
<div class="price-value">9 000 ₽</div>
|
||
<a href="contacts.html" class="btn btn-outline" data-goal="order_tale">Заказать</a>
|
||
</article>
|
||
</div>
|
||
<div class="pricing-note">
|
||
<p>💡 <strong>Спецпредложение:</strong> первый тестовый мультик — со скидкой 30%. Попробуйте без риска!</p>
|
||
<p>🎁 <strong>Пакет «Контент-месяц»</strong> (4 ролика) — скидка 15%.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Процесс -->
|
||
<section class="section process">
|
||
<div class="container">
|
||
<h2 class="section-title">Как мы работаем</h2>
|
||
<div class="process-steps">
|
||
<div class="step">
|
||
<div class="step-num">01</div>
|
||
<h3>Вы пишете нам</h3>
|
||
<p>Рассказываете о задаче, присылаете фото и идеи. Мы уточняем детали.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-num">02</div>
|
||
<h3>Обсуждаем детали</h3>
|
||
<p>Фиксируем стоимость, сроки и формат. Всё прозрачно и честно.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-num">03</div>
|
||
<h3>Создаём сценарий</h3>
|
||
<p>Пишем структуру, подбираем стиль. Утверждаем с вами до старта монтажа.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-num">04</div>
|
||
<h3>Монтируем магию</h3>
|
||
<p>Генерируем кадры, озвучиваем, собираем в единую историю.</p>
|
||
</div>
|
||
<div class="step">
|
||
<div class="step-num">05</div>
|
||
<h3>Показываем результат</h3>
|
||
<p>Вы смотрите, вносите правки (если нужно) и забираете готовый мультик.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CTA -->
|
||
<section class="section cta">
|
||
<div class="container">
|
||
<div class="cta-box">
|
||
<h2>Готовы оживить вашу идею?</h2>
|
||
<p>Напишите нам — и мы бесплатно придумаем концепцию именно для вас.</p>
|
||
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_cta">Заказать мультик</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer">
|
||
<div class="container footer-inner">
|
||
<div class="footer-col">
|
||
<a href="index.html" class="logo">
|
||
<span class="logo-bird">🐦</span>
|
||
<span class="logo-text">О'ЛЯПКА</span>
|
||
</a>
|
||
<p class="footer-about">Студия авторских ИИ-мультиков. Создаём истории, которые решают задачи.</p>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>Навигация</h4>
|
||
<a href="index.html">Главная</a>
|
||
<a href="services.html">Услуги</a>
|
||
<a href="portfolio.html">Работы</a>
|
||
<a href="contacts.html">Контакты</a>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>Документы</h4>
|
||
<a href="legal.html">Политика cookies</a>
|
||
<a href="legal.html#agreement">Пользовательское соглашение</a>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>Связаться</h4>
|
||
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a>
|
||
<a href="https://instagram.com/yuliasl1010" target="_blank" rel="noopener">Instagram</a>
|
||
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="container">© 2026 Студия мультфильмов О'ляпка. Все права защищены.</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |