Files
Olapka-ru/html/index.html
T
2026-10-31 21:29:12 +03:00

362 lines
19 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">
<!-- Open Graph -->
<!-- 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 rel="stylesheet" href="css/style.css">
<!-- JSON-LD Schema.org -->
<!-- Yandex.Metrika counter -->
<!-- /Yandex.Metrika counter -->
<!-- Google Analytics -->
<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">
<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": [
{
"@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": "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>
</head>
<body>
<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>
<!-- Cookie Banner -->
<!-- Header -->
<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" aria-label="Основная навигация">
<a href="index.html" class="nav-link active" aria-current="page">Главная</a>
<a href="services.html" class="nav-link">Услуги</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="Меню" 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="hero">
<div class="container">
<div class="hero-content">
<span class="hero-tag">Студия ИИ-анимации</span>
<h1 class="hero-title">Мультфильмы на заказ: подарки и реклама с ИИ-анимацией</h1>
<p class="hero-subtitle">Персональные мультфильмы, Love Story, рекламные ролики для бизнеса и анимация для соцсетей. Обсудим сценарий, стиль, стоимость и срок до начала работы.</p>
<div class="hero-actions">
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_hero">Заказать мультик</a>
<a href="services.html" class="btn btn-outline btn-lg" data-goal="services_hero">Смотреть услуги</a>
</div>
<div class="hero-stats">
<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>
</div>
</div>
</div>
</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>
</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.html" 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.html" class="btn btn-primary" data-goal="order_business">Заказать для бизнеса</a>
</div>
</div>
</div>
</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.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 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.html" 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><!-- Преимущества -->
<!-- Для кого -->
<!-- Тарифы -->
<!-- Процесс -->
<!-- CTA -->
<!-- Footer -->
<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">
<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">
<h2>Документы</h2>
<a href="legal.html">Политика cookies</a>
<a href="legal.html#agreement">Пользовательское соглашение</a>
</div>
<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://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" defer></script>
</body>
</html>