Add videos

This commit is contained in:
alexencom committed 2026-11-09 00:04:27 +03:00
1 parent 859bb4aab7
commit 38866fbfc7
13 files changed
+667 -316

No files matched your search

+403 -163
View File
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -7,38 +8,42 @@
<!-- Twitter -->
<!-- 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&amp;family=Caveat:wght@500;700&amp;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 Schema.org -->
<!-- Yandex.Metrika counter -->
<!-- /Yandex.Metrika counter -->
<!-- Google Analytics -->
<title>Новогодние мультпоздравления 2027 и мультфильмы на заказ — О’ляпка</title>
<meta name="description" content="Персональные новогодние мультфильмы детям и видеопоздравления от Деда Мороза для школ и компаний. Экспресс — 499 ₽. Скидка 27% на два индивидуальных формата до 15.12.2026.">
<link rel="canonical" href="https://olapka.ru/">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="Новогодние мультпоздравления 2027 и мультфильмы на заказ — О’ляпка">
<meta property="og:description" content="Персональные новогодние мультфильмы детям и видеопоздравления от Деда Мороза для школ и компаний. Экспресс — 499 ₽. Скидка 27% на два индивидуальных формата до 15.12.2026.">
<meta property="og:url" content="https://olapka.ru/">
<meta property="og:image" content="https://olapka.ru/img/new-year/olapka-new-year.webp">
<meta property="og:image:width" content="1672">
<meta property="og:image:height" content="941">
<meta property="og:image:alt" content="Новогодние мультпоздравления 2027 — студия О’ляпка">
<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/new-year/olapka-new-year.webp">
<link rel="describedby" type="text/plain" href="/llms.txt">
<link rel="alternate" type="text/markdown" href="/index.md" title="Главная и тарифы — Markdown">
<script type="application/ld+json">{
<meta name="description"
content="Персональные новогодние мультфильмы детям и видеопоздравления от Деда Мороза для школ и компаний. Экспресс — 499 ₽. Скидка 27% на два индивидуальных формата до 15.12.2026.">
<link rel="canonical" href="https://olapka.ru/">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="Новогодние мультпоздравления 2027 и мультфильмы на заказ — О’ляпка">
<meta property="og:description"
content="Персональные новогодние мультфильмы детям и видеопоздравления от Деда Мороза для школ и компаний. Экспресс — 499 ₽. Скидка 27% на два индивидуальных формата до 15.12.2026.">
<meta property="og:url" content="https://olapka.ru/">
<meta property="og:image" content="https://olapka.ru/img/new-year/olapka-new-year.webp">
<meta property="og:image:width" content="1672">
<meta property="og:image:height" content="941">
<meta property="og:image:alt" content="Новогодние мультпоздравления 2027 — студия О’ляпка">
<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/new-year/olapka-new-year.webp">
<link rel="describedby" type="text/plain" href="/llms.txt">
<link rel="alternate" type="text/markdown" href="/index.md" title="Главная и тарифы — Markdown">
<script type="application/ld+json">{
"@context": "https://schema.org",
"@graph": [
{
@@ -162,17 +167,20 @@
}
]
}</script>
<link rel="stylesheet" href="/css/new-year.css">
<link rel="stylesheet" href="/css/new-year.css">
</head>
<body class="ny-home">
<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#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>
<!-- Cookie Banner -->
<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#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>
<!-- Cookie Banner -->
<!-- Header -->
<header class="header">
<div class="container header-inner">
@@ -188,149 +196,348 @@
<a href="/contacts" class="nav-link">Контакты</a>
</nav>
<a href="/contacts" class="btn btn-primary" data-goal="order_header">Заказать</a>
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false" aria-controls="nav">
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false"
aria-controls="nav">
<span></span><span></span><span></span>
</button>
</div>
</header>
<!-- Hero -->
<main id="main-content" tabindex="-1"><section class="ny-hero" id="new-year"><div class="container ny-hero-grid"><div class="ny-intro"><span class="ny-eyebrow">О’ЛЯПКА · НОВЫЙ ГОД 2027</span><h1>Новогодние<br><em>мультпоздравления</em><br>на заказ</h1><p>Мультфильм для вашего ребёнка или поздравление для целой команды — выберите свою новогоднюю историю.</p><div class="ny-actions"><a class="btn ny-gold" href="/#offers">Выбрать свою сказку <span aria-hidden="true">↗</span></a><a class="ny-text-link" href="/#special">Скидка 27% до 15 декабря →</a></div><div class="ny-caption">Подарите новогоднее чудо с О’ЛЯПКОЙ</div></div><figure class="ny-art"><img src="/img/new-year/olapka-new-year.webp" width="1672" height="941" alt="Новогоднее чудо: девочка открывает волшебный подарок О’ляпки" fetchpriority="high"></figure></div><div class="ny-star star-one" aria-hidden="true">✦</div><div class="ny-star star-two" aria-hidden="true">✧</div></section><section class="ny-selection container" id="offers"><div class="ny-heading"><span class="ny-eyebrow">ТРИ СПОСОБА ПОДАРИТЬ ВОЛШЕБСТВО</span><h2>У каждого чуда — своя история</h2></div><div class="ny-cards"><a class="ny-card" href="/#express"><div class="ny-card-picture"><img src="/img/new-year/promo-new-year-express.webp" width="1672" height="941" alt="Мальчик получает золотой билет на новогодний поезд" loading="lazy"><span>499 ₽</span></div><div class="ny-card-body"><small>01 / ДЛЯ РЕБЁНКА</small><h3>Новогодний экспресс</h3><p>Одна минута — и ваш ребёнок в сказке</p><b>Подробнее <span aria-hidden="true">↗</span></b></div></a><a class="ny-card" href="/#fairytale"><div class="ny-card-picture"><img src="/img/new-year/promo-new-year-fairytale.webp" width="1672" height="941" alt="Ребёнок наблюдает, как Дед Мороз оставляет подарок у домашней ёлки" loading="lazy"><span>−27% до 15.12</span></div><div class="ny-card-body"><small>02 / ДЛЯ РЕБЁНКА</small><h3>Новогодняя сказка</h3><p>Ваш ребёнок. Ваш дом. Ваша история.</p><b>Подробнее <span aria-hidden="true">↗</span></b></div></a><a class="ny-card" href="/#ded-moroz"><div class="ny-card-picture"><img src="/img/new-year/promo-ded-moroz-address.webp" width="1672" height="941" alt="Дед Мороз с книгой поздравлений на заснеженной площади" loading="lazy"><span>−27% до 15.12</span></div><div class="ny-card-body"><small>03 / ДЛЯ КОЛЛЕКТИВА</small><h3>Дед Мороз на связи</h3><p>Одно поздравление — для всех, кто был рядом этот год</p><b>Подробнее <span aria-hidden="true">↗</span></b></div></a></div></section><section class="ny-special container" id="special"><div class="ny-discount" aria-hidden="true"><span>ВСТРЕЧАЕМ 2027</span><strong>−27<small>%</small></strong><span>НА ВАШУ НОВОГОДНЮЮ ИСТОРИЮ</span></div><div class="ny-terms"><span class="ny-eyebrow">ДО 15 ДЕКАБРЯ 2026 ВКЛЮЧИТЕЛЬНО</span><h2>Встречаем 2027 год<br>со скидкой 27%</h2><p>Закажите «Новогоднюю сказку» или поздравление «Дед Мороз на связи» <strong>по 15 декабря 2026 года включительно</strong> и получите:</p><ul><li><strong>Скидку 27%</strong> на выбранное предложение.</li><li><strong>Разработку сценария без отдельной доплаты</strong> — придумаем историю вместе.</li><li><strong>Бронь места в производственном графике.</strong></li><li><strong>Готовность к вашему празднику</strong> — дату сдачи и сроки передачи материалов и согласований зафиксируем при оформлении заказа.</li></ul><p class="ny-exclusion">«Новогодний экспресс» стоит <strong>499 ₽</strong> и в скидочной акции не участвует.</p></div></section><section class="container ny-details" aria-label="Подробности предложений"><article class="ny-offer" id="express"><div class="ny-offer-visual"><img src="/img/new-year/promo-new-year-express.webp" width="1672" height="941" alt="Мальчик получает золотой билет на новогодний поезд" loading="lazy"><div classLine truncated
<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>Срок зависит от длительности и сложности мультфильма. Согласуем дату готовности перед началом работы.</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" class="btn btn-outline" data-goal="order_personal">Заказать личный мультик</a>
<main id="main-content" tabindex="-1">
<section class="ny-hero" id="new-year">
<div class="container ny-hero-grid">
<div class="ny-intro"><span class="ny-eyebrow">О’ЛЯПКА · НОВЫЙ ГОД 2027</span>
<h1>Новогодние<br><em>мультпоздравления</em><br>на заказ</h1>
<p>Мультфильм для вашего ребёнка или поздравление для целой команды — выберите свою новогоднюю
историю.</p>
<div class="ny-actions"><a class="btn ny-gold" href="/#offers">Выбрать свою сказку <span
aria-hidden="true">↗</span></a><a class="ny-text-link" href="/#special">Скидка 27% до 15
декабря →</a></div>
<div class="ny-caption">Подарите новогоднее чудо с О’ЛЯПКОЙ</div>
</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" class="btn btn-primary" data-goal="order_business">Заказать для бизнеса</a>
<figure class="ny-art"><img src="/img/new-year/olapka-new-year.webp" width="1672" height="941"
alt="Новогоднее чудо: девочка открывает волшебный подарок О’ляпки" fetchpriority="high">
</figure>
</div>
<div class="ny-star star-one" aria-hidden="true">✦</div>
<div class="ny-star star-two" aria-hidden="true">✧</div>
</section>
<section class="ny-selection container" id="offers">
<div class="ny-heading"><span class="ny-eyebrow">ТРИ СПОСОБА ПОДАРИТЬ ВОЛШЕБСТВО</span>
<h2>У каждого чуда — своя история</h2>
</div>
<div class="ny-cards"><a class="ny-card" href="/#express">
<div class="ny-card-picture"><img src="/img/new-year/promo-new-year-express.webp" width="1672"
height="941" alt="Мальчик получает золотой билет на новогодний поезд"
loading="lazy"><span>499 ₽</span></div>
<div class="ny-card-body"><small>01 / ДЛЯ РЕБЁНКА</small>
<h3>Новогодний экспресс</h3>
<p>Одна минута — и ваш ребёнок в сказке</p><b>Подробнее <span aria-hidden="true">↗</span></b>
</div>
</a><a class="ny-card" href="/#fairytale">
<div class="ny-card-picture"><img src="/img/new-year/promo-new-year-fairytale.webp" width="1672"
height="941" alt="Ребёнок наблюдает, как Дед Мороз оставляет подарок у домашней ёлки"
loading="lazy"><span>−27% до 15.12</span></div>
<div class="ny-card-body"><small>02 / ДЛЯ РЕБЁНКА</small>
<h3>Новогодняя сказка</h3>
<p>Ваш ребёнок. Ваш дом. Ваша история.</p><b>Подробнее <span aria-hidden="true">↗</span></b>
</div>
</a><a class="ny-card" href="/#ded-moroz">
<div class="ny-card-picture"><img src="/img/new-year/promo-ded-moroz-address.webp" width="1672"
height="941" alt="Дед Мороз с книгой поздравлений на заснеженной площади"
loading="lazy"><span>−27% до 15.12</span></div>
<div class="ny-card-body"><small>03 / ДЛЯ КОЛЛЕКТИВА</small>
<h3>Дед Мороз на связи</h3>
<p>Одно поздравление — для всех, кто был рядом этот год</p><b>Подробнее <span
aria-hidden="true">↗</span></b>
</div>
</a></div>
</section>
<section class="ny-special container" id="special">
<div class="ny-discount" aria-hidden="true"><span>ВСТРЕЧАЕМ
2027</span><strong>−27<small>%</small></strong><span>НА ВАШУ НОВОГОДНЮЮ ИСТОРИЮ</span></div>
<div class="ny-terms"><span class="ny-eyebrow">ДО 15 ДЕКАБРЯ 2026 ВКЛЮЧИТЕЛЬНО</span>
<h2>Встречаем 2027 год<br>со скидкой 27%</h2>
<p>Закажите «Новогоднюю сказку» или поздравление «Дед Мороз на связи» <strong>по 15 декабря 2026 года
включительно</strong> и получите:</p>
<ul>
<li><strong>Скидку 27%</strong> на выбранное предложение.</li>
<li><strong>Разработку сценария без отдельной доплаты</strong> — придумаем историю вместе.</li>
<li><strong>Бронь места в производственном графике.</strong></li>
<li><strong>Готовность к вашему празднику</strong> — дату сдачи и сроки передачи материалов и
согласований зафиксируем при оформлении заказа.</li>
</ul>
<p class="ny-exclusion">«Новогодний экспресс» стоит <strong>499 ₽</strong> и в скидочной акции не
участвует.</p>
</div>
</section>
<section class="section ny-video-section" id="new-year-videos">
<div class="container">
<div class="ny-heading"><span class="ny-eyebrow">НОВОГОДНИЕ РАБОТЫ СТУДИИ</span>
<h2>Посмотрите, как оживает сказка</h2>
<p>Два примера новогодних мультпоздравлений от О’ляпки.</p>
</div>
<div class="portfolio-grid ny-video-grid">
<article class="work-card ny-work" id="work-8">
<div class="work-media"><button class="work-video" type="button"
data-video="/video/video-8.webm" data-title="Новогодний экспресс" data-goal="video_open"
aria-label="Смотреть видео: Новогодний экспресс">
<img class="work-video-preview" src="/img/posters/video-8.jpg" width="960" height="1705"
alt="" aria-hidden="true" loading="lazy" decoding="async">
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor"></path>
</svg></span><span class="work-video-label">Волшебная снежинка ·
1:18</span></button></div>
<div class="work-info"><span class="work-tag">Новогоднее поздравление</span>
<h3>Новогодний экспресс</h3>
<p>Готовая новогодняя история с персонализацией для ребёнка. Посмотрите пример
мультпоздравления.</p>
</div>
<noscript>
<p><a href="/video/video-8.webm">Смотреть «Новогодний экспресс»</a></p>
</noscript>
</article>
<article class="work-card ny-work" id="work-7">
<div class="work-media"><button class="work-video" type="button"
data-video="/video/video-7.webm" data-title="Новогодняя сказка" data-goal="video_open"
aria-label="Смотреть видео: Новогодняя сказка">
<img class="work-video-preview" src="/img/posters/video-7.jpg" width="960" height="540"
alt="" aria-hidden="true" loading="lazy" decoding="async">
<span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28"
height="28">
<path d="M8 5.5v13l10-6.5z" fill="currentColor"></path>
</svg></span><span class="work-video-label">Сказка о маминой любви ·
2:45</span></button></div>
<div class="work-info"><span class="work-tag">Базовый пакет</span>
<h3>Новогодняя сказка</h3>
<p>Свежий пример ролика базового пакета «Новогодняя сказка».</p>
</div>
<noscript>
<p><a href="/video/video-7.webm">Смотреть «Новогодняя сказка»</a></p>
</noscript>
</article>
</div>
<p class="ny-all-works"><a class="ny-text-link" href="/portfolio">Все работы студии →</a></p>
</div>
</section>
<section class="container ny-details" aria-label="Подробности предложений">
<article class="ny-offer" id="express">
<div class="ny-offer-visual"><img src="/img/new-year/promo-new-year-express.webp" width="1672"
height="941" alt="Мальчик получает золотой билет на новогодний поезд" loading="lazy">
<div class="ny-offer-label">ИСТОРИЯ 01 <span>✦</span></div>
</div>
<div class="ny-offer-copy"><span class="ny-eyebrow">Новогодний экспресс</span>
<h2>Одна минута — и ваш ребёнок в сказке</h2>
<p>Мы уже создали красивую новогоднюю историю и добавим в неё вашего ребёнка: его образ появится в
трёх сценах, а обращённые к нему фразы станут персональными.</p>
<p>Основной сюжет и остальные сцены остаются готовыми. Это простой и доступный способ подарить
личное новогоднее приключение.</p>
<p>В финале Дед Мороз подскажет, где ребёнок сможет найти настоящий подарок. Тайное место вы заранее
выберете сами — и сказка продолжится у вас дома.</p>
<div class="ny-price">499 ₽ · 1 минута · 3 персонализированные сцены · 1 ребёнок</div>
<p class="ny-note">Подойдёт для поздравления своего ребёнка, племянника, крестника или ребёнка
друзей. Для каждого можно заказать отдельную версию.</p>
<p class="ny-note">В скидочной акции не участвует.</p><a
href="/contacts?utm_source=olapka&amp;utm_medium=internal&amp;utm_campaign=new_year_2027&amp;utm_content=express"
class="btn ny-red" data-goal="order_ny_express">Заказать «Новогодний экспресс» <span
aria-hidden="true">↗</span></a><small class="ny-channel">Как в том самом мультике</small>
</div>
</article>
<article class="ny-offer" id="fairytale">
<div class="ny-offer-visual"><img src="/img/new-year/promo-new-year-fairytale.webp" width="1672"
height="941" alt="Ребёнок наблюдает, как Дед Мороз оставляет подарок у домашней ёлки"
loading="lazy">
<div class="ny-offer-label">ИСТОРИЯ 02 <span>✦</span></div>
</div>
<div class="ny-offer-copy"><span class="ny-eyebrow">Новогодняя сказка</span>
<h2>Ваш ребёнок. Ваш дом. Ваша история.</h2>
<p>Полностью индивидуальный мультфильм, который начинается с вашей идеи.</p>
<p>Мы придумаем сюжет с учётом характера, увлечений и мечтаний ребёнка. В сказке могут появиться ваш
дом, знакомая комната и ваша ёлка.</p>
<p>Представьте: ребёнок узнаёт свою гостиную и видит, как Дед Мороз оставляет там подарок. Знакомые
детали превращают мультфильм в личное семейное приключение.</p>
<p>Сценарий и сцены создаются под вашу историю. Детали и объём работы согласуем до начала
производства.</p>
<div class="ny-price">Стоимость рассчитывается по стандартным тарифам студии. До 15 декабря
включительно — скидка 27% по условиям новогодней акции.</div>
<p class="ny-note">Для тех, кто хочет подарить особенное семейное воспоминание — сказку, которую
захочется пересматривать.</p><a
href="/contacts?utm_source=olapka&amp;utm_medium=internal&amp;utm_campaign=new_year_2027&amp;utm_content=fairytale"
class="btn ny-red" data-goal="order_ny_fairytale">Обсудить нашу сказку <span
aria-hidden="true">↗</span></a><small class="ny-channel">Праздник к вам приходит!</small>
</div>
</article>
<article class="ny-offer" id="ded-moroz">
<div class="ny-offer-visual"><img src="/img/new-year/promo-ded-moroz-address.webp" width="1672"
height="941" alt="Дед Мороз с книгой поздравлений на заснеженной площади" loading="lazy">
<div class="ny-offer-label">ИСТОРИЯ 03 <span>✦</span></div>
</div>
<div class="ny-offer-copy"><span class="ny-eyebrow">Дед Мороз на связи</span>
<h2>Одно поздравление — для всех, кто был рядом этот год</h2>
<p>Новогоднее видео для группы детского сада, школьного класса или рабочей команды.</p>
<p>Дед Мороз вспомнит важные события года, отметит достижения и поздравит тех, кого вы хотите
порадовать. Имена, факты и пожелания мы заранее согласуем с вами.</p>
<h4>Для детских садов и школ</h4>
<p>Начните праздник с приключения: на экране Дед Мороз добирается до вашего сада или школы, узнаёт
знакомое здание и вспоминает успехи ребят. Благодарит воспитателей и учителей — и готовит
зрителей к своему появлению на празднике.</p>
<h4>Для компаний и команд</h4>
<p>Торжественное, тёплое или шуточное обращение с итогами года, историями коллектива и
благодарностью коллегам. Для корпоратива, общего чата или поздравления партнёров.</p>
<div class="ny-price">Стоимость рассчитывается индивидуально. До 15 декабря включительно — скидка
27% по условиям новогодней акции.</div><a
href="/contacts?utm_source=olapka&amp;utm_medium=internal&amp;utm_campaign=new_year_2027&amp;utm_content=ded-moroz"
class="btn ny-red" data-goal="order_ny_ded-moroz">Обсудить поздравление <span
aria-hidden="true">↗</span></a><small class="ny-channel">Под бой курантов!</small>
</div>
</article>
</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>Срок зависит от длительности и сложности мультфильма. Согласуем дату готовности перед началом
работы.</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>
</div>
</section>
</section>
<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" 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" 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" class="btn btn-outline" data-goal="order_tale">Заказать</a>
</article>
</div>
<div class="pricing-note"><p>Новогодние предложения и условия скидки 27% — <a href="/#special">в условиях акции</a>. «Новогодний экспресс» — 499 ₽, без скидки.</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>
<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" 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" class="btn btn-primary" data-goal="order_business">Заказать для бизнеса</a>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="section cta">
<div class="container">
<div class="cta-box">
<h2>Готовы оживить вашу идею?</h2>
<p>Напишите нам — и мы бесплатно придумаем концепцию именно для вас.</p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_cta">Заказать мультик</a>
<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" 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" 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" class="btn btn-outline" data-goal="order_tale">Заказать</a>
</article>
</div>
<div class="pricing-note">
<p>Новогодние предложения и условия скидки 27% — <a href="/#special">в условиях акции</a>.
«Новогодний экспресс» — 499 ₽, без скидки.</p>
</div>
</div>
</div>
</section>
</section>
<p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main><!-- Преимущества -->
<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>
<section class="section cta">
<div class="container">
<div class="cta-box">
<h2>Готовы оживить вашу идею?</h2>
<p>Напишите нам — и мы бесплатно придумаем концепцию именно для вас.</p>
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_cta">Заказать мультик</a>
</div>
</div>
</section>
<p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p>
</main><!-- Преимущества -->
<!-- Для кого -->
<!-- Тарифы -->
<!-- Процесс -->
@@ -360,7 +567,8 @@
<div class="footer-col">
<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://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>
</div>
</div>
@@ -369,7 +577,39 @@
</div>
</footer>
<div class="video-modal" id="videoModal" role="dialog" aria-modal="true" aria-labelledby="videoModalTitle"
aria-hidden="true">
<div class="video-modal-backdrop" data-video-close></div>
<div class="video-modal-dialog">
<div class="video-modal-bar">
<span class="video-modal-title" id="videoModalTitle"></span>
<div class="video-modal-actions">
<button class="video-modal-btn" type="button" id="videoModalFullscreen" aria-label="На весь экран"
title="На весь экран">
<svg viewbox="0 0 24 24" width="22" height="22" aria-hidden="true">
<path d="M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
<button class="video-modal-btn" type="button" data-video-close aria-label="Закрыть"
title="Закрыть (Esc)">
<svg viewbox="0 0 24 24" width="22" height="22" aria-hidden="true">
<path d="M6 6l12 12M18 6L6 18" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round"></path>
</svg>
</button>
</div>
</div>
<div class="video-modal-stage">
<video id="videoModalPlayer" controls playsinline preload="none" tabindex="0"
aria-label="Просмотр выбранного мультфильма"></video>
</div>
</div>
</div>
<script src="/js/main.js" defer></script>
<script src="/js/new-year.js" defer></script>
<script src="/js/new-year.js" defer></script>
</body>
</html>
</html>