Files
Olapka-ru/html/index.html
T

361 lines
19 KiB
HTML
Raw Normal View History

2026-10-30 21:59:08 +03:00
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Open Graph -->
<!-- Twitter -->
<!-- Favicon -->
2026-11-01 11:48:59 +03:00
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
2026-10-30 21:59:08 +03:00
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2026-10-31 00:11:26 +03:00
<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">
2026-10-30 21:59:08 +03:00
2026-11-01 11:48:59 +03:00
<link rel="stylesheet" href="/css/style.css">
2026-10-30 21:59:08 +03:00
<!-- JSON-LD Schema.org -->
<!-- Yandex.Metrika counter -->
<!-- /Yandex.Metrika counter -->
<!-- Google Analytics -->
2026-10-31 00:11:26 +03:00
<title>Мультфильмы на заказ и ИИ-анимация — студия О’ляпка</title>
<meta name="description" content="Создаём персональные мультфильмы, рекламные ролики и анимацию для соцсетей. Сценарий, озвучка и монтаж. Тарифы от 2 500 ₽. Обсудите идею со студией О’ляпка.">
<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="Мультфильмы на заказ и ИИ-анимация — студия О’ляпка">
<meta property="og:description" content="Создаём персональные мультфильмы, рекламные ролики и анимацию для соцсетей. Сценарий, озвучка и монтаж. Тарифы от 2 500 ₽. Обсудите идею со студией О’ляпка.">
<meta property="og:url" content="https://olapka.ru/">
<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">
2026-10-31 21:29:12 +03:00
<link rel="describedby" type="text/plain" href="/llms.txt">
<link rel="alternate" type="text/markdown" href="/index.md" title="Главная и тарифы — Markdown">
2026-10-31 00:11:26 +03:00
<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",
2026-11-01 11:48:59 +03:00
"url": "https://olapka.ru/contacts"
2026-10-31 00:11:26 +03:00
}
},
{
"@type": "WebSite",
"@id": "https://olapka.ru/#website",
"url": "https://olapka.ru/",
"name": "Студия О’ляпка",
"inLanguage": "ru",
"publisher": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "WebPage",
"@id": "https://olapka.ru/#webpage",
"url": "https://olapka.ru/",
"name": "Мультфильмы на заказ и ИИ-анимация — студия О’ляпка",
"description": "Создаём персональные мультфильмы, рекламные ролики и анимацию для соцсетей. Сценарий, озвучка и монтаж. Тарифы от 2 500 ₽. Обсудите идею со студией О’ляпка.",
"inLanguage": "ru",
"isPartOf": {
"@id": "https://olapka.ru/#website"
},
"about": {
"@id": "https://olapka.ru/#organization"
}
},
{
"@type": "Service",
"@id": "https://olapka.ru/#animation",
"name": "Создание мультфильмов на заказ",
"provider": {
"@id": "https://olapka.ru/#organization"
},
"offers": [
{
"@type": "Offer",
"name": "Искры",
"description": "Короткий мультик до 30 секунд; 2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels",
"price": 2500,
"priceCurrency": "RUB",
"url": "https://olapka.ru/#tariff-1"
},
{
"@type": "Offer",
"name": "История",
"description": "От 30 секунд до 1 минуты; 4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция",
"price": 4500,
"priceCurrency": "RUB",
"url": "https://olapka.ru/#tariff-2"
},
{
"@type": "Offer",
"name": "Сказка",
"description": "От 1 до 2 минут; От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип",
"price": 9000,
"priceCurrency": "RUB",
"url": "https://olapka.ru/#tariff-3"
}
]
}
]
}</script>
2026-10-30 21:59:08 +03:00
</head>
<body>
2026-10-31 00:11:26 +03:00
<a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
2026-11-01 11:48:59 +03:00
<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
2026-10-31 00:11:26 +03:00
</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 -->
2026-10-30 21:59:08 +03:00
<!-- Header -->
<header class="header">
<div class="container header-inner">
2026-11-01 11:48:59 +03:00
<a href="/" class="logo">
2026-10-30 21:59:08 +03:00
<span class="logo-bird">🐦</span>
<span class="logo-text">О'ЛЯПКА</span>
</a>
2026-10-31 00:11:26 +03:00
<nav class="nav" id="nav" aria-label="Основная навигация">
2026-11-01 11:48:59 +03:00
<a href="/" class="nav-link active" aria-current="page">Главная</a>
<a href="/services" class="nav-link">Услуги</a>
<a href="/portfolio" class="nav-link">Работы</a>
<a href="/contacts" class="nav-link">Контакты</a>
2026-10-30 21:59:08 +03:00
</nav>
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-primary" data-goal="order_header">Заказать</a>
2026-10-31 00:11:26 +03:00
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false" aria-controls="nav">
2026-10-30 21:59:08 +03:00
<span></span><span></span><span></span>
</button>
</div>
</header>
<!-- Hero -->
2026-10-31 00:11:26 +03:00
<main id="main-content" tabindex="-1"><section class="hero">
2026-10-30 21:59:08 +03:00
<div class="container">
<div class="hero-content">
<span class="hero-tag">Студия ИИ-анимации</span>
2026-10-31 00:11:26 +03:00
<h1 class="hero-title">Мультфильмы на заказ: подарки и реклама с ИИ-анимацией</h1>
<p class="hero-subtitle">Персональные мультфильмы, Love Story, рекламные ролики для бизнеса и анимация для соцсетей. Обсудим сценарий, стиль, стоимость и срок до начала работы.</p>
2026-10-30 21:59:08 +03:00
<div class="hero-actions">
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_hero">Заказать мультик</a>
<a href="/services" class="btn btn-outline btn-lg" data-goal="services_hero">Смотреть услуги</a>
2026-10-30 21:59:08 +03:00
</div>
<div class="hero-stats">
2026-10-31 00:11:26 +03:00
<div class="stat">
<div class="stat-num">По задаче</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>
2026-10-30 21:59:08 +03:00
</div>
</div>
</div>
</section>
<section class="section benefits">
<div class="container">
2026-10-31 00:11:26 +03:00
<h2 class="section-title">Почему выбирают <span class="accent">О'ляпку</span>
</h2>
2026-10-30 21:59:08 +03:00
<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>
2026-10-31 00:11:26 +03:00
<p>Срок зависит от длительности и сложности мультфильма. Согласуем дату готовности перед началом работы.</p>
2026-10-30 21:59:08 +03:00
</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>
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-outline" data-goal="order_personal">Заказать личный мультик</a>
2026-10-30 21:59:08 +03:00
</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>
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-primary" data-goal="order_business">Заказать для бизнеса</a>
2026-10-30 21:59:08 +03:00
</div>
</div>
</div>
</section>
2026-10-31 00:11:26 +03:00
<section class="section pricing" id="prices">
2026-10-30 21:59:08 +03:00
<div class="container">
<h2 class="section-title">Тарифы на ИИ-мультики</h2>
<p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
<div class="pricing-grid">
2026-10-31 00:11:26 +03:00
<article class="price-card" id="tariff-1">
<h3 class="price-name">Искры</h3>
2026-10-30 21:59:08 +03:00
<div class="price-desc">Короткий мультик до 30 секунд</div>
<div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels</div>
<div class="price-value">2 500 ₽</div>
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
2026-10-30 21:59:08 +03:00
</article>
2026-10-31 00:11:26 +03:00
<article class="price-card featured" id="tariff-2">
2026-10-30 21:59:08 +03:00
<div class="price-badge">Популярный</div>
2026-10-31 00:11:26 +03:00
<h3 class="price-name">История</h3>
2026-10-30 21:59:08 +03:00
<div class="price-desc">От 30 секунд до 1 минуты</div>
<div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
<div class="price-value">4 500 ₽</div>
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-primary" data-goal="order_story">Заказать</a>
2026-10-30 21:59:08 +03:00
</article>
2026-10-31 00:11:26 +03:00
<article class="price-card" id="tariff-3">
<h3 class="price-name">Сказка</h3>
2026-10-30 21:59:08 +03:00
<div class="price-desc">От 1 до 2 минут</div>
<div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип</div>
<div class="price-value">9 000 ₽</div>
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-outline" data-goal="order_tale">Заказать</a>
2026-10-30 21:59:08 +03:00
</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>
<section class="section cta">
<div class="container">
<div class="cta-box">
<h2>Готовы оживить вашу идею?</h2>
<p>Напишите нам — и мы бесплатно придумаем концепцию именно для вас.</p>
2026-11-01 11:48:59 +03:00
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_cta">Заказать мультик</a>
2026-10-30 21:59:08 +03:00
</div>
</div>
</section>
2026-10-31 00:11:26 +03:00
<p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main><!-- Преимущества -->
<!-- Для кого -->
<!-- Тарифы -->
<!-- Процесс -->
<!-- CTA -->
2026-10-30 21:59:08 +03:00
<!-- Footer -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-col">
2026-11-01 11:48:59 +03:00
<a href="/" class="logo">
2026-10-30 21:59:08 +03:00
<span class="logo-bird">🐦</span>
<span class="logo-text">О'ЛЯПКА</span>
</a>
<p class="footer-about">Студия авторских ИИ-мультиков. Создаём истории, которые решают задачи.</p>
</div>
<div class="footer-col">
2026-10-31 00:11:26 +03:00
<h2>Навигация</h2>
2026-11-01 11:48:59 +03:00
<a href="/">Главная</a>
<a href="/services">Услуги</a>
<a href="/portfolio">Работы</a>
<a href="/contacts">Контакты</a>
2026-10-30 21:59:08 +03:00
</div>
<div class="footer-col">
2026-10-31 00:11:26 +03:00
<h2>Документы</h2>
2026-11-01 11:48:59 +03:00
<a href="/legal">Политика cookies</a>
<a href="/legal#agreement">Пользовательское соглашение</a>
2026-10-30 21:59:08 +03:00
</div>
<div class="footer-col">
2026-10-31 00:11:26 +03:00
<h2>Связаться</h2>
2026-10-30 21:59:08 +03:00
<a href="https://t.me/YuliaAnimation" target="_blank" rel="noopener">Telegram</a>
2026-10-30 23:45:39 +03:00
<a href="https://www.instagram.com/olapka_animatioh?utm_source=site" target="_blank" rel="noopener">Instagram</a>
2026-10-30 21:59:08 +03:00
<a href="https://vk.com/club240204788" target="_blank" rel="noopener">ВКонтакте</a>
</div>
</div>
<div class="footer-bottom">
<div class="container">© 2026 Студия мультфильмов О'ляпка. Все права защищены.</div>
</div>
</footer>
2026-11-01 11:48:59 +03:00
<script src="/js/main.js" defer></script>
2026-10-30 21:59:08 +03:00
</body>
2026-10-31 00:11:26 +03:00
</html>