initial commit
This commit is contained in:
alexencom committed
commit
edc022c895
14 files changed
+1872
No files matched your search
@@ -0,0 +1,243 @@
|
||||
<!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>
|
||||
Reference in new issue
Block a user