Files
Olapka-ru/html/services.html
T
2026-10-30 21:59:08 +03:00

243 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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="Услуги студии О'ляпка: персональные ИИ-мультики на заказ, рекламные ролики для бизнеса, контент для соцсетей. Тарифы от 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 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>
</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">
<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">Главная</a>
<a href="services.html" class="nav-link active">Услуги</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>
<main>
<section class="page-hero">
<div class="container">
<h1 class="page-title">Наши <span class="accent">услуги</span></h1>
<p class="page-subtitle">Три направления, в которых мы создаём магию. Выберите то, что подходит именно вам.</p>
</div>
</section>
<!-- Раздел 1: Личные мультики -->
<section class="section service-block">
<div class="container">
<div class="service-head">
<span class="service-tag">🤍 Для души</span>
<h2>Персональные ИИ-мультики</h2>
<p class="service-lead">Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей, поздравления близким.</p>
</div>
<div class="service-grid">
<article class="service-card">
<h3>🎁 Подарок на день рождения</h3>
<p>Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами. Забудьте про дежурные сертификаты — дарите эмоции.</p>
</article>
<article class="service-card">
<h3>💍 Love Story</h3>
<p>Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца, годовщины или просто чтобы сказать «люблю».</p>
</article>
<article class="service-card">
<h3>🧸 Сказка для ребёнка</h3>
<p>Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы, отправляется в волшебное путешествие.</p>
</article>
<article class="service-card">
<h3>📱 Контент для личного блога</h3>
<p>Вирусные Reels и Stories, которые покажут ваш лайфстайл ярко и нестандартно. Алгоритмы Instagram любят такой контент.</p>
</article>
</div>
<div class="service-cta">
<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">
<div class="container">
<div class="service-head">
<span class="service-tag">🚀 Для бизнеса</span>
<h2>Рекламные ИИ-мультики</h2>
<p class="service-lead">Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.</p>
</div>
<div class="service-grid">
<article class="service-card">
<h3>🎯 Рекламный ролик</h3>
<p>Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.</p>
</article>
<article class="service-card">
<h3>🆕 Запуск нового направления</h3>
<p>Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.</p>
</article>
<article class="service-card">
<h3>🏢 Имиджевый ролик</h3>
<p>Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.</p>
</article>
<article class="service-card">
<h3>🎁 VIP-подарки клиентам</h3>
<p>Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.</p>
</article>
</div>
<div class="service-cta">
<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">
<div class="container">
<div class="service-head">
<span class="service-tag">📈 Для соцсетей</span>
<h2>Контент-пакеты для регулярного ведения</h2>
<p class="service-lead">Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый стиль, сюжетные линии, вовлечённая аудитория.</p>
</div>
<div class="service-grid">
<article class="service-card">
<h3>📦 Пакет «Контент-месяц»</h3>
<p>4 ролика + идея единой серии. Закрывает контент-план на месяц. Скидка 15%.</p>
</article>
<article class="service-card">
<h3>🧵 Мультики-сериалы</h3>
<p>Единая вселенная вашего бренда с повторяющимися персонажами. Аудитория ждёт продолжения.</p>
</article>
<article class="service-card">
<h3>🎄 Сезонные ролики</h3>
<p>1 сентября, Новый год, День матери — успеваем к любому инфоповоду. Готовые шаблоны адаптируются под ваш бренд за день.</p>
</article>
<article class="service-card">
<h3>🔄 Вторичное использование</h3>
<p>Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста. Контент работает везде.</p>
</article>
</div>
<div class="service-cta">
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
</div>
</div>
</section>
<!-- Доп. опции -->
<section class="section 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>
</div>
</section>
</main>
<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>