update astra

This commit is contained in:
alexencom committed 2026-10-31 00:11:26 +03:00
1 parent 9a75e6d45a
commit 6addd97a93
14 files changed
+1635 -508

No files matched your search

+240 -93
View File
@@ -3,103 +3,197 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Услуги студии О'ляпка — ИИ-мультики для подарков, бизнеса и соцсетей</title>
<meta name="description" content="Услуги студии О'ляпка: персональные ИИ-мультики на заказ, рекламные ролики для бизнеса, контент для соцсетей. Тарифы от 2500 ₽.">
<!-- 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-services.jpg">
<meta property="og:url" content="https://olapka.ru/services.html">
<link rel="icon" type="image/svg+xml" href="img/favicon.svg">
<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 href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<!-- JSON-LD: 3 услуги -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "Service",
"name": "Персональные ИИ-мультики",
"description": "Мультики на день рождения, годовщину, Love Story, сказки для детей.",
"provider": {"@type":"ProfessionalService","name":"Студия О'ляпка"},
"areaServed": "RU",
"offers": {"@type":"Offer","price":"2500","priceCurrency":"RUB"}
},
{
"@type": "Service",
"name": "Рекламные ИИ-мультики для бизнеса",
"description": "Имиджевые ролики, реклама новых продуктов, контент для соцсетей.",
"provider": {"@type":"ProfessionalService","name":"Студия О'ляпка"},
"areaServed": "RU",
"offers": {"@type":"Offer","price":"4500","priceCurrency":"RUB"}
},
{
"@type": "Service",
"name": "Контент-пакеты для соцсетей",
"description": "Серии мультиков для регулярного ведения Instagram, VK, Telegram.",
"provider": {"@type":"ProfessionalService","name":"Студия О'ляпка"},
"areaServed": "RU",
"offers": {"@type":"Offer","price":"9000","priceCurrency":"RUB"}
}
]
}
</script>
<!-- Yandex.Metrika -->
<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>
<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>
<title>Создание мультфильмов: услуги и цены — О’ляпка</title>
<meta name="description" content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<link rel="canonical" href="https://olapka.ru/services.html">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="Создание мультфильмов: услуги и цены — О’ляпка">
<meta property="og:description" content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
<meta property="og:url" content="https://olapka.ru/services.html">
<meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
<meta property="og:site_name" content="Студия О’ляпка">
<meta property="og:locale" content="ru_RU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://olapka.ru/img/og-cover.jpg">
<script type="application/ld+json">{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://olapka.ru/#organization",
"name": "Студия мультфильмов О’ляпка",
"url": "https://olapka.ru/",
"logo": "https://olapka.ru/img/favicon.svg",
"telephone": "+79160957383",
"sameAs": [
"https://t.me/YuliaAnimation",
"https://www.instagram.com/olapka_animatioh",
"https://vk.com/club240204788"
],
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+79160957383",
"contactType": "customer service",
"availableLanguage": "ru",
"url": "https://olapka.ru/contacts.html"
}
},
{
"@type": "WebSite",
"@id": "https://olapka.ru/#website",
"url": "https://olapka.ru/",
"name": "Студия О’ляпка",
"inLanguage": "ru",
"publisher": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "CollectionPage",
"@id": "https://olapka.ru/services.html#webpage",
"url": "https://olapka.ru/services.html",
"name": "Создание мультфильмов: услуги и цены — О’ляпка",
"description": "Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.",
"inLanguage": "ru",
"isPartOf": {
"@id": "https://olapka.ru/#website"
},
"about": {
"@id": "https://olapka.ru/#organization"
},
"breadcrumb": {
"@id": "https://olapka.ru/services.html#breadcrumbs"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://olapka.ru/services.html#breadcrumbs",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Главная",
"item": "https://olapka.ru/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Услуги",
"item": "https://olapka.ru/services.html"
}
]
},
{
"@type": "Service",
"@id": "https://olapka.ru/personal-animation.html#service",
"name": "Персональные мультфильмы на заказ",
"description": "Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.",
"serviceType": "Персональные мультфильмы на заказ",
"url": "https://olapka.ru/personal-animation.html",
"provider": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "Service",
"@id": "https://olapka.ru/business-animation.html#service",
"name": "Рекламные анимационные ролики для бизнеса",
"description": "ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.",
"serviceType": "Рекламные анимационные ролики для бизнеса",
"url": "https://olapka.ru/business-animation.html",
"provider": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "Service",
"@id": "https://olapka.ru/social-animation.html#service",
"name": "Анимационные ролики для соцсетей",
"description": "Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.",
"serviceType": "Анимационные ролики для соцсетей",
"url": "https://olapka.ru/social-animation.html",
"provider": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "ItemList",
"name": "Услуги студии О’ляпка",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://olapka.ru/personal-animation.html#service"
}
},
{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://olapka.ru/business-animation.html#service"
}
},
{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://olapka.ru/social-animation.html#service"
}
}
]
}
]
}</script>
</head>
<body>
<div class="cookie-banner" id="cookieBanner">
<div class="cookie-text">Мы используем cookies. <a href="legal.html">Подробнее</a>.</div>
<button class="cookie-btn" id="cookieAccept" data-goal="cookie_accept">Принять</button>
</div>
<header class="header">
<a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="legal.html#cookies">Подробнее</a>
</div>
<div class="cookie-actions">
<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
</div>
</div>
<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">
<nav class="nav" id="nav" aria-label="Основная навигация">
<a href="index.html" class="nav-link">Главная</a>
<a href="services.html" class="nav-link active">Услуги</a>
<a href="services.html" class="nav-link active" aria-current="page">Услуги</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>
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false" aria-controls="nav"><span></span><span></span><span></span></button>
</div>
</header>
<main>
<section class="page-hero">
<main id="main-content" tabindex="-1">
<nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
<li><a href="index.html">Главная</a></li>
<li><span aria-current="page">Услуги</span></li>
</ol></nav><section class="page-hero">
<div class="container">
<h1 class="page-title">Наши <span class="accent">услуги</span></h1>
<p class="page-subtitle">Три направления, в которых мы создаём магию. Выберите то, что подходит именно вам.</p>
<h1 class="page-title">Создание мультфильмов и ИИ-анимации</h1>
<p class="page-subtitle">Персональные истории, рекламная анимация и ролики для соцсетей. Выберите направление и посмотрите, что можно заказать.</p>
</div>
</section>
<!-- Раздел 1: Личные мультики -->
<section class="section service-block">
<nav class="container service-links" aria-label="Направления услуг"><a href="personal-animation.html">Персональные мультфильмы на заказ</a><a href="business-animation.html">Рекламные анимационные ролики для бизнеса</a><a href="social-animation.html">Анимационные ролики для соцсетей</a></nav><!-- Раздел 1: Личные мультики -->
<section class="section service-block" id="personal">
<div class="container">
<div class="service-head">
<span class="service-tag">🤍 Для души</span>
@@ -121,17 +215,18 @@
</article>
<article class="service-card">
<h3>📱 Контент для личного блога</h3>
<p>Вирусные Reels и Stories, которые покажут ваш лайфстайл ярко и нестандартно. Алгоритмы Instagram любят такой контент.</p>
<p>Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.</p>
</article>
</div>
<div class="service-cta">
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
<p class="detail-link"><a href="personal-animation.html">Подробнее: персональные мультфильмы на заказ →</a></p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
</div>
</div>
</section>
<!-- Раздел 2: Бизнес -->
<section class="section service-block alt">
<section class="section service-block alt" id="business">
<div class="container">
<div class="service-head">
<span class="service-tag">🚀 Для бизнеса</span>
@@ -157,13 +252,14 @@
</article>
</div>
<div class="service-cta">
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
<p class="detail-link"><a href="business-animation.html">Подробнее: рекламные анимационные ролики для бизнеса →</a></p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
</div>
</div>
</section>
<!-- Раздел 3: Соцсети -->
<section class="section service-block">
<section class="section service-block" id="social">
<div class="container">
<div class="service-head">
<span class="service-tag">📈 Для соцсетей</span>
@@ -181,7 +277,7 @@
</article>
<article class="service-card">
<h3>🎄 Сезонные ролики</h3>
<p>1 сентября, Новый год, День матери — успеваем к любому инфоповоду. Готовые шаблоны адаптируются под ваш бренд за день.</p>
<p>Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей задачи.</p>
</article>
<article class="service-card">
<h3>🔄 Вторичное использование</h3>
@@ -189,26 +285,77 @@
</article>
</div>
<div class="service-cta">
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
<p class="detail-link"><a href="social-animation.html">Подробнее: анимационные ролики для соцсетей →</a></p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
</div>
</div>
</section>
<!-- Доп. опции -->
<section class="section extras">
<section class="section extras" id="extras">
<div class="container">
<h2 class="section-title">Дополнительные опции</h2>
<div class="extras-grid">
<div class="extra-item"><span class="extra-name">Дополнительная сцена</span><span class="extra-price">+800 ₽</span></div>
<div class="extra-item"><span class="extra-name">Срочность (24–48 часов)</span><span class="extra-price">+30%</span></div>
<div class="extra-item"><span class="extra-name">Уникальный персонаж с нуля</span><span class="extra-price">+1 500 ₽</span></div>
<div class="extra-item"><span class="extra-name">Авторская музыка</span><span class="extra-price">+2 000 ₽</span></div>
<div class="extra-item"><span class="extra-name">Доп. раунд правок</span><span class="extra-price">+500 ₽</span></div>
<div class="extra-item"><span class="extra-name">Адаптация под 2 формата</span><span class="extra-price">+700 ₽</span></div>
<div class="extra-item">
<span class="extra-name">Дополнительная сцена</span><span class="extra-price">+800 ₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Срочность (24–48 часов)</span><span class="extra-price">+30%</span>
</div>
<div class="extra-item">
<span class="extra-name">Уникальный персонаж с нуля</span><span class="extra-price">+1 500 ₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Авторская музыка</span><span class="extra-price">+2 000 ₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Доп. раунд правок</span><span class="extra-price">+500 ₽</span>
</div>
<div class="extra-item">
<span class="extra-name">Адаптация под 2 формата</span><span class="extra-price">+700 ₽</span>
</div>
</div>
</div>
</section>
</main>
<section class="section pricing" id="prices">
<div class="container">
<h2 class="section-title">Тарифы на ИИ-мультики</h2>
<p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
<div class="pricing-grid">
<article class="price-card" id="tariff-1">
<h3 class="price-name">Искры</h3>
<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" id="tariff-2">
<div class="price-badge">Популярный</div>
<h3 class="price-name">История</h3>
<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" id="tariff-3">
<h3 class="price-name">Сказка</h3>
<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"><div class="container faq">
<h2 class="section-title">Вопросы о заказе мультфильма</h2>
<details><summary>Сколько стоит мультфильм?</summary><p>Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные сцены, срочность и адаптации оплачиваются отдельно.</p></details><details><summary>Сколько времени занимает работа?</summary><p>Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала работы. Срочное изготовление обсуждается отдельно.</p></details><details><summary>Как заказать?</summary><p>Откройте <a href="contacts.html">контакты</a> и напишите в удобный мессенджер: кому нужен ролик, для чего и к какой дате.</p></details>
</div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main>
<footer class="footer">
<div class="container footer-inner">
@@ -217,19 +364,19 @@
<p class="footer-about">Студия авторских ИИ-мультиков.</p>
</div>
<div class="footer-col">
<h4>Навигация</h4>
<h2>Навигация</h2>
<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>
<h2>Документы</h2>
<a href="legal.html">Политика cookies</a>
<a href="legal.html#agreement">Пользовательское соглашение</a>
</div>
<div class="footer-col">
<h4>Связаться</h4>
<h2>Связаться</h2>
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a>
<a href="https://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank" rel="noopener">Instagram</a>
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
@@ -238,6 +385,6 @@
<div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
</footer>
<script src="js/main.js"></script>
<script src="js/main.js" defer></script>
</body>
</html>
</html>