Add docker file and sh

Dockerfile.local.Dockerfile

@@ -0,0 +1,4 @@
+FROM nginx:stable-alpine
+
+COPY ./html/ /usr/share/nginx/html/
+COPY ./default.local.conf /etc/nginx/conf.d/default.conf

Dockerfile.prod.Dockerfile

@@ -0,0 +1,4 @@
+FROM nginx:stable-alpine
+
+COPY ./html/ /usr/share/nginx/html/
+COPY ./default.conf /etc/nginx/conf.d/default.conf

README.txt

@@ -0,0 +1,27 @@
+О’ляпка · Nginx с сайтом в оперативной памяти
+Распакуйте три файла рядом с существующей папкой html и docker-compose.yml версии v3. Папку html оставьте на диске: это источник для перезапуска. Существующая внешняя сеть pangolin_frontend и имя контейнера olapka-ru сохранены.
+
+Проверка без запуска:
+docker compose -f docker-compose.ram.yml config -q
+
+Включение (в каталоге действующего проекта):
+docker compose -f docker-compose.ram.yml up -d --force-recreate nginx
+Команда пересоздаёт сервис; во время копирования возможен краткий перерыв. Используйте то же имя проекта Compose, что и сейчас (в исходном файле — olapka; если вы задавали -p, повторите его).
+
+Контроль внутри контейнера:
+docker compose -f docker-compose.ram.yml exec nginx df -h /srv/olapka-ram
+docker compose -f docker-compose.ram.yml exec nginx nginx -t
+Для видео запрос Range: bytes=0-1023 должен вернуть 206 Partial Content.
+
+Обновление контента: полностью обновите html на диске, затем выполните
+docker compose -f docker-compose.ram.yml restart nginx
+Обычный nginx reload не копирует файлы заново. При изменении лимитов или томов используйте up -d --force-recreate nginx.
+
+Откат к исходному конфигу:
+docker compose -f docker-compose.yml up -d --force-recreate nginx
+
+Что находится в RAM: полный снимок html (страницы, скрипты, картинки, видео и служебные файлы). Сервер начинает принимать запросы только после успешного копирования и nginx -t. Правила браузерного кеширования, перенаправления, HTTPS через Pangolin и отложенная загрузка видео сохранены. Журналы Docker, исходники и сама ОС не переносятся в RAM.
+Размер текущей статики около 265 МиБ. Предел tmpfs — 384 МиБ, лимит всего контейнера — 640 МиБ; равный memswap_limit запрещает контейнеру swap при поддержке Linux cgroups. Лимиты не резервируют физическую память. На сервере нужен достаточный запас оперативной памяти. Если html перерастёт 384 МиБ, увеличьте size, а при необходимости и оба равных лимита; при ошибке копирования сервис не запустится.
+
+
+docker pull code.mkwk.ru/alexencom/olapka-ru:latest

build-prod.sh

@@ -0,0 +1,2 @@
+docker buildx build --platform linux/amd64 -f Dockerfile.prod.Dockerfile -t code.mkwk.ru/alexencom/olapka-ru:latest .
+docker push code.mkwk.ru/alexencom/olapka-ru:latest

build-run-local.sh

@@ -0,0 +1,3 @@
+docker build -f Dockerfile.local.Dockerfile -t code.mkwk.ru/alexencom/olapka-ru:local .
+docker rm -f olapka-nginx
+docker run -d --name olapka-nginx --restart unless-stopped -p 8080:80 code.mkwk.ru/alexencom/olapka-ru:local

default.conf

@@ -1,18 +1,127 @@
+# Loaded by the standard nginx image inside the http context.
+# TLS is terminated by the existing external reverse proxy (Pangolin).
+map $uri $olapka_canonical_path {
+    # Re-evaluate after internal error_page redirects.
+    volatile;
+    default $uri;
+    ~^/new-year(?:\.html)?/?$ /;
+    ~^/index(?:\.html)?/?$ /;
+    ~^/(business-animation|contacts|legal|personal-animation|portfolio|services|social-animation)(?:\.html/?|/)$ /$1;
+}
+
 server {
     listen 80;
     server_name www.olapka.ru;
-
+    return 301 https://olapka.ru$olapka_canonical_path$is_args$args;
-    return 301 https://olapka.ru$request_uri;
 }
 
 server {
     listen 80;
     server_name olapka.ru;
-
     root /usr/share/nginx/html;
-    index index.html;
+    charset utf-8;
+    charset_types text/plain text/css text/markdown application/javascript application/json application/xml image/svg+xml;
 
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_min_length 512;
+    gzip_comp_level 5;
+    gzip_types text/plain text/css text/markdown application/javascript application/json application/xml text/xml image/svg+xml;
+
+    # /404 is an error too, never a successful content page.
+    location = /404 {
+        return 404;
+    }
+
+    error_page 404 =404 /404.html;
+
+    location = /404.html {
+        internal;
+    }
+
+    # Only return redirects here; no rewrite loops or HTTPS checks behind proxy.
+    if ($uri != $olapka_canonical_path) {
+        return 301 https://olapka.ru$olapka_canonical_path$is_args$args;
+    }
+
+    # try_files serves an existing file in-place, without a client redirect.
+    location = / {
+        try_files /index.html =404;
+    }
+
+    location = /business-animation {
+        try_files /business-animation.html =404;
+    }
+
+    location = /contacts {
+        try_files /contacts.html =404;
+    }
+
+    location = /legal {
+        try_files /legal.html =404;
+    }
+
+    location = /personal-animation {
+        try_files /personal-animation.html =404;
+    }
+
+    location = /portfolio {
+        try_files /portfolio.html =404;
+    }
+
+    location = /new-year.md {
+        return 301 /index.md$is_args$args;
+    }
+
+    location = /new-year {
+        return 301 /$is_args$args;
+    }
+
+    location = /services {
+        try_files /services.html =404;
+    }
+
+    location = /social-animation {
+        try_files /social-animation.html =404;
+    }
+
+    # Machine-readable site summaries (UTF-8 Markdown in .txt files).
+    location ~ ^/llms(?:-full)?\.txt$ {
+        types { }
+        default_type text/plain;
+        charset utf-8;
+        add_header Cache-Control "public, max-age=3600";
+        try_files $uri =404;
+    }
+
+    # Keep the source legal page's noindex policy on its Markdown copy.
+    location = /legal.md {
+        types { }
+        default_type text/markdown;
+        charset utf-8;
+        add_header X-Robots-Tag "noindex, follow";
+        add_header Link '</llms.txt>; rel="describedby"';
+        try_files $uri =404;
+    }
+
+    location ~ ^/(index|services|personal-animation|business-animation|social-animation|portfolio|contacts)\.md$ {
+        types { }
+        default_type text/markdown;
+        charset utf-8;
+        add_header Cache-Control "public, max-age=3600";
+        add_header Link '</llms.txt>; rel="describedby"';
+        try_files $uri =404;
+    }
+
+    # Revalidate changed assets after one hour (filenames are not versioned).
+    location ~ ^/(?:css|js|img|video)/ {
+        add_header Cache-Control "public, max-age=3600";
+        try_files $uri =404;
+    }
+
+    # Real assets are served normally. Unknown URLs return a real 404.
     location / {
-        try_files $uri $uri/ =404;
+        try_files $uri =404;
     }
 }

default.local.conf

@@ -0,0 +1,121 @@
+# Loaded by the standard nginx image inside the http context.
+# Local development only: HTTP on localhost:8080.
+map $uri $olapka_canonical_path {
+    # Re-evaluate after internal error_page redirects.
+    volatile;
+    default $uri;
+    ~^/new-year(?:\.html)?/?$ /;
+    ~^/index(?:\.html)?/?$ /;
+    ~^/(business-animation|contacts|legal|personal-animation|portfolio|services|social-animation)(?:\.html/?|/)$ /$1;
+}
+
+server {
+    listen 80 default_server;
+    server_name localhost 127.0.0.1;
+    root /usr/share/nginx/html;
+    charset utf-8;
+    charset_types text/plain text/css text/markdown application/javascript application/json application/xml image/svg+xml;
+
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_min_length 512;
+    gzip_comp_level 5;
+    gzip_types text/plain text/css text/markdown application/javascript application/json application/xml text/xml image/svg+xml;
+
+    # /404 is an error too, never a successful content page.
+    location = /404 {
+        return 404;
+    }
+
+    error_page 404 =404 /404.html;
+
+    location = /404.html {
+        internal;
+    }
+
+    # Only return redirects here; no rewrite loops or HTTPS checks behind proxy.
+    if ($uri != $olapka_canonical_path) {
+        return 301 http://localhost:8080$olapka_canonical_path$is_args$args;
+    }
+
+    # try_files serves an existing file in-place, without a client redirect.
+    location = / {
+        try_files /index.html =404;
+    }
+
+    location = /business-animation {
+        try_files /business-animation.html =404;
+    }
+
+    location = /contacts {
+        try_files /contacts.html =404;
+    }
+
+    location = /legal {
+        try_files /legal.html =404;
+    }
+
+    location = /personal-animation {
+        try_files /personal-animation.html =404;
+    }
+
+    location = /portfolio {
+        try_files /portfolio.html =404;
+    }
+
+    location = /new-year.md {
+        return 301 /index.md$is_args$args;
+    }
+
+    location = /new-year {
+        return 301 /$is_args$args;
+    }
+
+    location = /services {
+        try_files /services.html =404;
+    }
+
+    location = /social-animation {
+        try_files /social-animation.html =404;
+    }
+
+    # Machine-readable site summaries (UTF-8 Markdown in .txt files).
+    location ~ ^/llms(?:-full)?\.txt$ {
+        types { }
+        default_type text/plain;
+        charset utf-8;
+        add_header Cache-Control "public, max-age=3600";
+        try_files $uri =404;
+    }
+
+    # Keep the source legal page's noindex policy on its Markdown copy.
+    location = /legal.md {
+        types { }
+        default_type text/markdown;
+        charset utf-8;
+        add_header X-Robots-Tag "noindex, follow";
+        add_header Link '</llms.txt>; rel="describedby"';
+        try_files $uri =404;
+    }
+
+    location ~ ^/(index|services|personal-animation|business-animation|social-animation|portfolio|contacts)\.md$ {
+        types { }
+        default_type text/markdown;
+        charset utf-8;
+        add_header Cache-Control "public, max-age=3600";
+        add_header Link '</llms.txt>; rel="describedby"';
+        try_files $uri =404;
+    }
+
+    # Revalidate changed assets after one hour (filenames are not versioned).
+    location ~ ^/(?:css|js|img|video)/ {
+        add_header Cache-Control "public, max-age=3600";
+        try_files $uri =404;
+    }
+
+    # Real assets are served normally. Unknown URLs return a real 404.
+    location / {
+        try_files $uri =404;
+    }
+}

default.ram.conf

@@ -0,0 +1,128 @@
+# Loaded by the standard nginx image inside the http context.
+# TLS is terminated by the existing external reverse proxy (Pangolin).
+map $uri $olapka_canonical_path {
+    # Re-evaluate after internal error_page redirects.
+    volatile;
+    default $uri;
+    ~^/new-year(?:\.html)?/?$ /;
+    ~^/index(?:\.html)?/?$ /;
+    ~^/(business-animation|contacts|legal|personal-animation|portfolio|services|social-animation)(?:\.html/?|/)$ /$1;
+}
+
+server {
+    listen 80;
+    server_name www.olapka.ru;
+    return 301 https://olapka.ru$olapka_canonical_path$is_args$args;
+}
+
+server {
+    listen 80;
+    server_name olapka.ru;
+    root /srv/olapka-ram;
+    sendfile on;
+    charset utf-8;
+    charset_types text/plain text/css text/markdown application/javascript application/json application/xml image/svg+xml;
+
+    gzip on;
+    gzip_vary on;
+    gzip_proxied any;
+    gzip_min_length 512;
+    gzip_comp_level 5;
+    gzip_types text/plain text/css text/markdown application/javascript application/json application/xml text/xml image/svg+xml;
+
+    # /404 is an error too, never a successful content page.
+    location = /404 {
+        return 404;
+    }
+
+    error_page 404 =404 /404.html;
+
+    location = /404.html {
+        internal;
+    }
+
+    # Only return redirects here; no rewrite loops or HTTPS checks behind proxy.
+    if ($uri != $olapka_canonical_path) {
+        return 301 https://olapka.ru$olapka_canonical_path$is_args$args;
+    }
+
+    # try_files serves an existing file in-place, without a client redirect.
+    location = / {
+        try_files /index.html =404;
+    }
+
+    location = /business-animation {
+        try_files /business-animation.html =404;
+    }
+
+    location = /contacts {
+        try_files /contacts.html =404;
+    }
+
+    location = /legal {
+        try_files /legal.html =404;
+    }
+
+    location = /personal-animation {
+        try_files /personal-animation.html =404;
+    }
+
+    location = /portfolio {
+        try_files /portfolio.html =404;
+    }
+
+    location = /new-year.md {
+        return 301 /index.md$is_args$args;
+    }
+
+    location = /new-year {
+        return 301 /$is_args$args;
+    }
+
+    location = /services {
+        try_files /services.html =404;
+    }
+
+    location = /social-animation {
+        try_files /social-animation.html =404;
+    }
+
+    # Machine-readable site summaries (UTF-8 Markdown in .txt files).
+    location ~ ^/llms(?:-full)?\.txt$ {
+        types { }
+        default_type text/plain;
+        charset utf-8;
+        add_header Cache-Control "public, max-age=3600";
+        try_files $uri =404;
+    }
+
+    # Keep the source legal page's noindex policy on its Markdown copy.
+    location = /legal.md {
+        types { }
+        default_type text/markdown;
+        charset utf-8;
+        add_header X-Robots-Tag "noindex, follow";
+        add_header Link '</llms.txt>; rel="describedby"';
+        try_files $uri =404;
+    }
+
+    location ~ ^/(index|services|personal-animation|business-animation|social-animation|portfolio|contacts)\.md$ {
+        types { }
+        default_type text/markdown;
+        charset utf-8;
+        add_header Cache-Control "public, max-age=3600";
+        add_header Link '</llms.txt>; rel="describedby"';
+        try_files $uri =404;
+    }
+
+    # Revalidate changed assets after one hour (filenames are not versioned).
+    location ~ ^/(?:css|js|img|video)/ {
+        add_header Cache-Control "public, max-age=3600";
+        try_files $uri =404;
+    }
+
+    # Real assets are served normally. Unknown URLs return a real 404.
+    location / {
+        try_files $uri =404;
+    }
+}

docker-compose.local.yml

@@ -0,0 +1,8 @@
+services:
+  nginx:
+    image: nginx:stable-alpine
+    ports:
+      - "127.0.0.1:8080:80"
+    volumes:
+      - ./html:/usr/share/nginx/html:ro
+      - ./default.local.conf:/etc/nginx/conf.d/default.conf:ro

docker-compose.ram.yml

@@ -0,0 +1,25 @@
+name: olapka
+services:
+  nginx:
+    container_name: olapka-ru
+    image: nginx:stable-alpine
+    restart: unless-stopped
+    mem_limit: 640m
+    memswap_limit: 640m
+    tmpfs:
+      - /srv/olapka-ram:rw,noexec,nosuid,nodev,size=384m,mode=0755
+    entrypoint: ["/bin/sh", "/opt/olapka-ram-start.sh"]
+    command: ["nginx", "-g", "daemon off;"]
+    volumes:
+      - ./olapka-ram-start.sh:/opt/olapka-ram-start.sh:ro
+      - ./html:/srv/olapka-source:ro
+      - ./default.ram.conf:/etc/nginx/conf.d/default.conf:ro
+    networks:
+      frontend:
+        aliases:
+          - olapka-ru
+
+networks:
+  frontend:
+    external: true
+    name: pangolin_frontend

html/404.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="robots" content="noindex, follow">
+  <title>Страница не найдена — О’ляпка</title>
+  <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="/css/404.css">
+<link rel="stylesheet" href="/css/new-year.css">
+</head>
+<body class="error-page">
+  <a class="skip-link" href="#main-content">Перейти к содержимому</a>
+  <header class="error-header container">
+    <a class="logo" href="/" aria-label="О’ляпка — на главную"><span class="logo-bird" aria-hidden="true">🐦</span><span>О’ЛЯПКА</span></a>
+    <a class="error-contact" href="/contacts">Связаться со студией <span aria-hidden="true">↗</span></a>
+  </header>
+  <main id="main-content" class="error-main container" tabindex="-1">
+    <div class="error-art" aria-hidden="true">
+      <span class="error-orbit"></span>
+      <span class="error-spark error-spark-one">✦</span>
+      <span class="error-code">4<span class="error-zero">0<span class="error-bird">🐦</span></span>4</span>
+      <span class="error-spark error-spark-two">✧</span>
+      <span class="error-note">кажется, не тот кадр…</span>
+    </div>
+    <p class="error-eyebrow">ОШИБКА 404 · СТРАНИЦА НЕ НАЙДЕНА</p>
+    <h1>Эта страница<br>улетела из сюжета</h1>
+    <p class="error-description">Возможно, ссылка устарела или в адресе опечатка.<br class="desktop-break"> Но ваша история только начинается — вернёмся к ней?</p>
+    <div class="error-actions">
+      <a class="btn btn-primary" href="/">На главную <span aria-hidden="true">↗</span></a>
+      <a class="btn btn-outline" href="/services">Выбрать мультфильм</a>
+    </div>
+    <p class="error-portfolio">Нужна идея? <a href="/portfolio">Посмотрите наши работы <span aria-hidden="true">→</span></a></p>
+  </main>
+  <footer class="error-footer container"><span>© 2026 О’ляпка</span><span>Даже у хорошей истории бывают неожиданные повороты.</span></footer>
+<script src="/js/new-year.js" defer></script>
+</body>
+</html>

html/business-animation.html

@@ -4,22 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Open Graph -->
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="/css/style.css">
     
     <!-- JSON-LD: 3 услуги -->
     <!-- Yandex.Metrika -->
     <title>Рекламные анимационные ролики для бизнеса — О’ляпка</title>
 <meta name="description" content="ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.">
-<link rel="canonical" href="https://olapka.ru/business-animation.html">
+<link rel="canonical" href="https://olapka.ru/business-animation">
 <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="ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.">
-<meta property="og:url" content="https://olapka.ru/business-animation.html">
+<meta property="og:url" content="https://olapka.ru/business-animation">
 <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">
@@ -28,6 +28,8 @@
 <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="/business-animation.md" title="Анимация для бизнеса — Markdown">
 <script type="application/ld+json">{
   "@context": "https://schema.org",
   "@graph": [
@@ -48,7 +50,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -63,8 +65,8 @@
     },
     {
       "@type": "WebPage",
-      "@id": "https://olapka.ru/business-animation.html#webpage",
+      "@id": "https://olapka.ru/business-animation#webpage",
-      "url": "https://olapka.ru/business-animation.html",
+      "url": "https://olapka.ru/business-animation",
       "name": "Рекламные анимационные ролики для бизнеса — О’ляпка",
       "description": "ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.",
       "inLanguage": "ru",
@@ -75,15 +77,15 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/business-animation.html#breadcrumbs"
+        "@id": "https://olapka.ru/business-animation#breadcrumbs"
       },
       "mainEntity": {
-        "@id": "https://olapka.ru/business-animation.html#service"
+        "@id": "https://olapka.ru/business-animation#service"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/business-animation.html#breadcrumbs",
+      "@id": "https://olapka.ru/business-animation#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -95,33 +97,34 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Услуги",
-          "item": "https://olapka.ru/services.html"
+          "item": "https://olapka.ru/services"
         },
         {
           "@type": "ListItem",
           "position": 3,
           "name": "Рекламные анимационные ролики для бизнеса",
-          "item": "https://olapka.ru/business-animation.html"
+          "item": "https://olapka.ru/business-animation"
         }
       ]
     },
     {
       "@type": "Service",
-      "@id": "https://olapka.ru/business-animation.html#service",
+      "@id": "https://olapka.ru/business-animation#service",
       "name": "Рекламные анимационные ролики для бизнеса",
       "description": "ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.",
       "serviceType": "Рекламные анимационные ролики для бизнеса",
-      "url": "https://olapka.ru/business-animation.html",
+      "url": "https://olapka.ru/business-animation",
       "provider": {
         "@id": "https://olapka.ru/#organization"
       }
     }
   ]
 }</script>
+<link rel="stylesheet" href="/css/new-year.css">
 </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 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>
@@ -129,26 +132,26 @@
 </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>
+            <a href="/" 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">Главная</a>
+                <a href="/" class="nav-link">Главная</a>
-                <a href="services.html" class="nav-link active">Услуги</a>
+                <a href="/services" class="nav-link active">Услуги</a>
-                <a href="portfolio.html" class="nav-link">Работы</a>
+                <a href="/portfolio" class="nav-link">Работы</a>
-                <a href="contacts.html" class="nav-link">Контакты</a>
+                <a href="/contacts" class="nav-link">Контакты</a>
             </nav>
-            <a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
+            <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"><span></span><span></span><span></span></button>
         </div>
     </header>
 
     <main id="main-content" tabindex="-1"><nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
-<li><a href="index.html">Главная</a></li>
+<li><a href="/">Главная</a></li>
-<li><a href="services.html">Услуги</a></li>
+<li><a href="/services">Услуги</a></li>
 <li><span aria-current="page">Рекламные анимационные ролики для бизнеса</span></li>
 </ol></nav><section class="page-hero"><div class="container">
 <h1 class="page-title">Рекламные анимационные ролики для бизнеса</h1>
 <p class="page-subtitle">ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.</p>
-<p class="service-cta"><a class="btn btn-primary" href="contacts.html" data-goal="order_service">Обсудить мультфильм</a></p>
+<p class="service-cta"><a class="btn btn-primary" href="/contacts" data-goal="order_service">Обсудить мультфильм</a></p>
 </div></section><section class="section service-block alt" id="business">
             <div class="container">
                 <div class="service-head">
@@ -175,7 +178,7 @@
                     </article>
                 </div>
                 <div class="service-cta">
-                    <a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
                 </div>
             </div>
         </section>
@@ -186,31 +189,31 @@
 <div class="service-summary">
 <h2>Стоимость и сроки</h2>
 <p>В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.</p>
-<p>Посмотрите <a href="index.html#prices">состав тарифов</a> и <a href="services.html#extras">дополнительные опции</a>. Стоимость, срок и формат результата согласуем до начала работы.</p>
+<p>Посмотрите <a href="/#prices">состав тарифов</a> и <a href="/services#extras">дополнительные опции</a>. Стоимость, срок и формат результата согласуем до начала работы.</p>
 <h2>Как проходит работа</h2>
 <p>Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.</p>
-<p><a href="portfolio.html">Посмотреть примеры работ</a> · <a href="contacts.html">Связаться со студией</a></p>
+<p><a href="/portfolio">Посмотреть примеры работ</a> · <a href="/contacts">Связаться со студией</a></p>
 </div>
 </div></section><section class="section"><div class="container">
 <h2 class="section-title">Другие услуги</h2>
-<nav class="service-links" aria-label="Другие услуги"><a href="personal-animation.html">Персональные мультфильмы на заказ</a><a href="social-animation.html">Анимационные ролики для соцсетей</a></nav>
+<nav class="service-links" aria-label="Другие услуги"><a href="/personal-animation">Персональные мультфильмы на заказ</a><a href="/social-animation">Анимационные ролики для соцсетей</a></nav>
 </div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></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>
+                <a href="/" 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="/">Главная</a>
-                <a href="services.html">Услуги</a>
+                <a href="/services">Услуги</a>
-                <a href="portfolio.html">Работы</a>
+                <a href="/portfolio">Работы</a>
-                <a href="contacts.html">Контакты</a>
+                <a href="/contacts">Контакты</a>
             </div>
             <div class="footer-col">
                 <h2>Документы</h2>
-                <a href="legal.html">Политика cookies</a>
+                <a href="/legal">Политика cookies</a>
-                <a href="legal.html#agreement">Пользовательское соглашение</a>
+                <a href="/legal#agreement">Пользовательское соглашение</a>
             </div>
             <div class="footer-col">
                 <h2>Связаться</h2>
@@ -222,6 +225,7 @@
         <div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
     </footer>
 
-    <script src="js/main.js" defer></script>
+    <script src="/js/main.js" defer></script>
+<script src="/js/new-year.js" defer></script>
 </body>
 </html>

html/business-animation.md

@@ -0,0 +1,51 @@
+# Рекламные анимационные ролики для бизнеса
+
+Источник: https://olapka.ru/business-animation
+
+Версия материалов: 2026-10-31.
+
+ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.
+
+[Обсудить мультфильм](https://olapka.ru/contacts)
+
+🚀 Для бизнеса
+
+## Рекламные ИИ-мультики
+
+Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.
+
+### 🎯 Рекламный ролик
+
+Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.
+
+### 🆕 Запуск нового направления
+
+Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.
+
+### 🏢 Имиджевый ролик
+
+Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.
+
+### 🎁 VIP-подарки клиентам
+
+Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.
+
+[Заказать для бизнеса](https://olapka.ru/contacts)
+
+## Что подготовить для заказа
+
+Опишите продукт, аудиторию и задачу рекламы. Пришлите логотип, фирменные цвета, основные тезисы и площадку размещения.
+
+## Стоимость и сроки
+
+В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.
+
+Посмотрите [состав тарифов](https://olapka.ru/#prices) и [дополнительные опции](https://olapka.ru/services#extras). Стоимость, срок и формат результата согласуем до начала работы.
+
+## Как проходит работа
+
+Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.
+
+[Посмотреть примеры работ](https://olapka.ru/portfolio) · [Связаться со студией](https://olapka.ru/contacts)
+
+## Другие услуги

html/contacts.html

@@ -3,20 +3,20 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="/css/style.css">
     
     <title>Заказать мультфильм: контакты студии О’ляпка</title>
 <meta name="description" content="Свяжитесь со студией О’ляпка в Telegram, WhatsApp или ВКонтакте. Обсудите идею мультфильма, сценарий, стоимость и срок создания.">
-<link rel="canonical" href="https://olapka.ru/contacts.html">
+<link rel="canonical" href="https://olapka.ru/contacts">
 <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="Свяжитесь со студией О’ляпка в Telegram, WhatsApp или ВКонтакте. Обсудите идею мультфильма, сценарий, стоимость и срок создания.">
-<meta property="og:url" content="https://olapka.ru/contacts.html">
+<meta property="og:url" content="https://olapka.ru/contacts">
 <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">
@@ -25,6 +25,8 @@
 <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="/contacts.md" title="Контакты — Markdown">
 <script type="application/ld+json">{
   "@context": "https://schema.org",
   "@graph": [
@@ -45,7 +47,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -60,8 +62,8 @@
     },
     {
       "@type": "ContactPage",
-      "@id": "https://olapka.ru/contacts.html#webpage",
+      "@id": "https://olapka.ru/contacts#webpage",
-      "url": "https://olapka.ru/contacts.html",
+      "url": "https://olapka.ru/contacts",
       "name": "Заказать мультфильм: контакты студии О’ляпка",
       "description": "Свяжитесь со студией О’ляпка в Telegram, WhatsApp или ВКонтакте. Обсудите идею мультфильма, сценарий, стоимость и срок создания.",
       "inLanguage": "ru",
@@ -72,12 +74,12 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/contacts.html#breadcrumbs"
+        "@id": "https://olapka.ru/contacts#breadcrumbs"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/contacts.html#breadcrumbs",
+      "@id": "https://olapka.ru/contacts#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -89,16 +91,17 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Контакты",
-          "item": "https://olapka.ru/contacts.html"
+          "item": "https://olapka.ru/contacts"
         }
       ]
     }
   ]
 }</script>
+<link rel="stylesheet" href="/css/new-year.css">
 </head>
 <body class="contacts-page">
     <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 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>
@@ -106,7 +109,7 @@
 </div>
 <main class="taplink" id="main-content" tabindex="-1">
         <nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
-<li><a href="index.html">Главная</a></li>
+<li><a href="/">Главная</a></li>
 <li><span aria-current="page">Контакты</span></li>
 </ol></nav><div class="taplink-logo">
             <span class="logo-bird-big">🐦</span>
@@ -156,8 +159,8 @@
         </div>
 
         <div class="taplink-legal">
-            <a href="legal.html">Политика cookies</a>
+            <a href="/legal">Политика cookies</a>
-            <a href="legal.html#agreement">Пользовательское соглашение</a>
+            <a href="/legal#agreement">Пользовательское соглашение</a>
         </div>
 
         <div class="taplink-footer">
@@ -166,9 +169,10 @@
     <p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p>
 <div class="contact-navigation">
 <p><a href="tel:+79160957383">+7 916 095-73-83</a></p>
-<p><a href="services.html">Услуги и цены</a> · <a href="portfolio.html">Примеры работ</a></p>
+<p><a href="/services">Услуги и цены</a> · <a href="/portfolio">Примеры работ</a></p>
 </div></main>
 
-    <script src="js/main.js" defer></script>
+    <script src="/js/main.js" defer></script>
+<script src="/js/new-year.js" defer></script>
 </body>
 </html>

html/contacts.md

@@ -0,0 +1,22 @@
+# Контакты студии О’ляпка
+
+Источник: https://olapka.ru/contacts
+
+Версия материалов: 2026-10-31.
+
+Стоимость и срок конкретного заказа подтверждаются при обращении.
+
+Студия авторских ИИ-мультиков
+
+[✈️ Telegram Самый быстрый способ связи](https://t.me/YuliaAnimation) [💬 WhatsApp Напишите, если удобнее](https://wa.me/79160957383) [📷 Instagram Примеры работ и сторис](https://www.instagram.com/olapka_animatioh?utm_source=site) [🔵 ВКонтакте Сообщество студии](https://vk.com/club240204788)
+
+## Как мы работаем
+
+- ⚡ Отвечаем в течение 15–30 минут
+- 🎁 Первый тестовый мультик — со скидкой 30%
+- 💰 Стоимость — от 2 500 ₽
+- ⏱️ Срок согласуем до начала работы
+
+[+7 916 095-73-83](tel:+79160957383)
+
+[Услуги и цены](https://olapka.ru/services) · [Примеры работ](https://olapka.ru/portfolio)

html/css/404.css

@@ -0,0 +1,33 @@
+.error-page { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; background: radial-gradient(ellipse at 50% 30%, #f5d5c855, transparent 55%), #f9f7f0; }
+.error-header { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 26px; padding-bottom: 26px; }
+.error-contact { font-size: 13px; font-weight: 600; padding: 10px 0; }
+.error-contact:hover, .error-portfolio a:hover { color: #b30000; }
+.error-main { width: 100%; flex: 1; text-align: center; padding-top: 18px; padding-bottom: 64px; }
+.error-art { position: relative; isolation: isolate; width: min(100%, 530px); margin: 0 auto 28px; padding: 8px 0 35px; }
+.error-code { position: relative; display: inline-flex; align-items: center; gap: 8px; font-size: clamp(112px, 24vw, 200px); font-weight: 800; line-height: 1.15; letter-spacing: -.08em; color: #e60000; }
+.error-zero { position: relative; color: transparent; -webkit-text-stroke: 2px #e60000; }
+.error-bird { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: .35em; letter-spacing: normal; -webkit-text-stroke: 0; color: #2c2c2c; transform: rotate(-12deg); }
+.error-orbit { position: absolute; z-index: -1; width: 88%; height: 65%; top: 14%; left: 6%; border: 1px dashed #cfa393; border-radius: 50%; transform: rotate(-13deg); }
+.error-spark { position: absolute; font-size: 30px; color: #b35d45; }
+.error-spark-one { top: 0; right: 9%; transform: rotate(15deg); }
+.error-spark-two { bottom: 38px; left: 8%; font-size: 40px; }
+.error-note { position: absolute; bottom: 0; right: 7%; font-family: 'Caveat', cursive; font-size: clamp(22px, 4vw, 30px); transform: rotate(-7deg); color: #795c50; }
+.error-eyebrow { color: #8b3b2d; font-weight: 600; font-size: 10px; letter-spacing: .15em; margin-bottom: 18px; }
+.error-main h1 { font-size: clamp(30px, 5.5vw, 48px); line-height: 1.17; letter-spacing: -.04em; font-weight: 800; margin-bottom: 22px; }
+.error-description { font-size: 15px; line-height: 1.8; color: #62605a; max-width: 580px; margin: 0 auto; }
+.error-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 30px auto 22px; }
+.error-actions .btn { gap: 22px; }
+.error-portfolio { font-size: 13px; color: #62605a; }
+.error-portfolio a { color: #2c2c2c; text-decoration: underline; text-underline-offset: 4px; }
+.error-footer { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-top: 20px; padding-bottom: 24px; border-top: 1px solid #e5ded4; font-size: 11px; color: #68645e; }
+@media (max-width: 480px) {
+  .error-header { padding-top: 16px; padding-bottom: 16px; gap: 12px; }
+  .error-header .logo { font-size: 17px; gap: 4px; }
+  .error-contact { font-size: 11px; max-width: 110px; text-align: right; }
+  .error-main { padding-top: 28px; padding-bottom: 40px; }
+  .error-art { margin-bottom: 26px; }
+  .error-actions { flex-direction: column; max-width: 320px; }
+  .error-actions .btn { white-space: normal; }
+  .desktop-break { display: none; }
+  .error-footer { justify-content: center; text-align: center; }
+}

html/css/new-year.css

@@ -0,0 +1,847 @@
+/* Seasonal campaign: isolated styles preserve the studio's existing pages. */
+:root {
+    --ny-ink: #102d37;
+    --ny-gold: #f3d398;
+    --ny-red: #ad302e;
+    --ny-paper: #fbf7ee
+}
+
+.ny-nav {
+    color: #9a302c;
+    font-weight: 700
+}
+
+.nav {
+    gap: 22px
+}
+
+.ny-home,
+.ny-page {
+    background: var(--ny-paper)
+}
+
+.ny-hero {
+    background: var(--ny-ink);
+    color: #fff6e5;
+    position: relative;
+    overflow: hidden;
+    padding: 70px 0 64px
+}
+
+.ny-hero-grid {
+    display: grid;
+    grid-template-columns: .85fr 1.15fr;
+    gap: 38px;
+    align-items: center;
+    position: relative;
+    z-index: 1
+}
+
+.ny-eyebrow {
+    display: block;
+    font-size: 11px;
+    letter-spacing: 2px;
+    font-weight: 700;
+    line-height: 1.8
+}
+
+.ny-intro .ny-eyebrow {
+    color: var(--ny-gold)
+}
+
+.ny-intro h1 {
+    font-family: Georgia, 'Times New Roman', serif;
+    font-size: clamp(42px, 4.3vw, 66px);
+    font-weight: 400;
+    line-height: 1.05;
+    letter-spacing: -1.8px;
+    margin: 24px 0
+}
+
+.ny-intro h1 em {
+    color: var(--ny-gold);
+    font-weight: 400
+}
+
+.ny-intro p {
+    font-size: 16px;
+    max-width: 440px;
+    color: #e0e5df
+}
+
+.ny-actions {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 19px;
+    margin-top: 28px
+}
+
+.ny-gold {
+    background: var(--ny-gold);
+    color: #19313a;
+    gap: 20px;
+    border-radius: 7px
+}
+
+.ny-gold:hover {
+    background: #ffe8bb;
+    transform: translateY(-2px)
+}
+
+.ny-text-link {
+    font-size: 13px;
+    text-underline-offset: 5px;
+    text-decoration: underline
+}
+
+.ny-caption {
+    font-size: 10px;
+    letter-spacing: .8px;
+    color: #b3c4c7;
+    margin-top: 34px;
+    max-width: 350px
+}
+
+.ny-art {
+    position: relative;
+    margin: 0
+}
+
+.ny-art img {
+    border-radius: 140px 140px 12px 12px;
+    border: 1px solid #d8b46d66;
+    box-shadow: 0 25px 80px #0005;
+    width: 100%;
+    aspect-ratio: 1.35;
+    object-fit: cover
+}
+
+.ny-star {
+    position: absolute;
+    color: var(--ny-gold);
+    animation: ny-twinkle 4s ease-in-out infinite;
+    pointer-events: none
+}
+
+.star-one {
+    left: 48%;
+    top: 22px;
+    font-size: 46px
+}
+
+.star-two {
+    left: 42%;
+    bottom: 24px;
+    font-size: 30px;
+    animation-delay: -2s
+}
+
+.ny-selection {
+    padding-top: 72px;
+    padding-bottom: 70px;
+    scroll-margin-top: 100px
+}
+
+.ny-heading {
+    text-align: center;
+    margin-bottom: 34px
+}
+
+.ny-heading .ny-eyebrow {
+    color: #8c6540
+}
+
+.ny-heading h2,
+.ny-terms h2,
+.ny-offer h2,
+.ny-closing h2 {
+    font-family: Georgia, 'Times New Roman', serif;
+    font-weight: 400;
+    font-size: clamp(30px, 3vw, 43px);
+    line-height: 1.16;
+    color: var(--ny-ink);
+    margin: 14px 0 22px
+}
+
+.ny-cards {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 22px
+}
+
+.ny-card {
+    border: 1px solid #ddcfb9;
+    border-radius: 12px;
+    overflow: hidden;
+    background: #fffdf8;
+    display: flex;
+    flex-direction: column
+}
+
+.ny-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 16px 35px #28373214
+}
+
+.ny-card-picture {
+    position: relative;
+    overflow: hidden
+}
+
+.ny-card-picture img {
+    width: 100%;
+    aspect-ratio: 16/10;
+    object-fit: cover;
+    transition: transform .4s
+}
+
+.ny-card:hover img {
+    transform: scale(1.035)
+}
+
+.ny-card-picture span {
+    position: absolute;
+    bottom: 14px;
+    left: 16px;
+    background: #fff6e5;
+    color: #702721;
+    border-radius: 4px;
+    padding: 5px 11px;
+    font-size: 13px;
+    font-weight: 700
+}
+
+.ny-card-body {
+    padding: 24px;
+    flex: 1;
+    display: flex;
+    flex-direction: column
+}
+
+.ny-card-body small {
+    font-size: 9px;
+    letter-spacing: 1.8px;
+    color: #82684c
+}
+
+.ny-card h3 {
+    font-family: Georgia, serif;
+    color: var(--ny-ink);
+    font-size: 26px;
+    line-height: 1.2;
+    margin: 12px 0
+}
+
+.ny-card p {
+    font-size: 13px;
+    color: #655f56;
+    margin-bottom: 22px
+}
+
+.ny-card b {
+    font-size: 12px;
+    color: #9c302e;
+    display: flex;
+    justify-content: space-between;
+    margin-top: auto
+}
+
+.ny-special {
+    display: grid;
+    grid-template-columns: .7fr 1.3fr;
+    gap: 60px;
+    background: #efe6d6;
+    border-radius: 16px;
+    padding: 48px;
+    margin-bottom: 70px;
+    scroll-margin-top: 110px
+}
+
+.ny-discount {
+    border: 1px solid #b89b65;
+    border-radius: 160px 160px 12px 12px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 330px;
+    text-align: center;
+    padding: 25px;
+    color: #862e2b
+}
+
+.ny-discount>span {
+    font-size: 10px;
+    letter-spacing: 2px;
+    max-width: 200px
+}
+
+.ny-discount strong {
+    font-family: Georgia, serif;
+    font-size: 105px;
+    font-weight: 400;
+    line-height: 1.5;
+    white-space: nowrap
+}
+
+.ny-discount small {
+    font-size: 60px
+}
+
+.ny-terms .ny-eyebrow {
+    color: #8d342f
+}
+
+.ny-terms h2 {
+    margin-top: 12px;
+    font-size: 36px
+}
+
+.ny-terms p,
+.ny-terms li {
+    font-size: 13px;
+    line-height: 1.8
+}
+
+.ny-terms ul {
+    margin: 16px 0
+}
+
+.ny-terms li {
+    padding-left: 24px;
+    position: relative;
+    margin-bottom: 9px
+}
+
+.ny-terms li:before {
+    content: '✦';
+    position: absolute;
+    left: 0;
+    color: #9c6632
+}
+
+.ny-exclusion {
+    border-top: 1px solid #cfbea4;
+    padding-top: 16px;
+    color: #744832
+}
+
+.ny-details {
+    padding-bottom: 20px
+}
+
+.ny-offer {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 55px;
+    padding: 50px 0 70px;
+    border-top: 1px solid #dfd4c2;
+    scroll-margin-top: 95px;
+    align-items: start
+}
+
+.ny-offer:nth-child(2) .ny-offer-visual {
+    order: 2
+}
+
+.ny-offer-visual {
+    position: sticky;
+    top: 115px
+}
+
+.ny-offer-visual img {
+    width: 100%;
+    border-radius: 12px;
+    aspect-ratio: 4/3;
+    object-fit: cover
+}
+
+.ny-offer-label {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid #d6c6ac;
+    padding: 16px 0;
+    font-size: 10px;
+    letter-spacing: 2px;
+    color: #967446
+}
+
+.ny-offer-label span {
+    font-size: 24px
+}
+
+.ny-offer-copy .ny-eyebrow {
+    color: #9c302e
+}
+
+.ny-offer h2 {
+    font-size: 36px
+}
+
+.ny-offer p {
+    font-size: 14px;
+    line-height: 1.85;
+    margin-bottom: 16px;
+    color: #554f47
+}
+
+.ny-offer h4 {
+    font-size: 15px;
+    color: var(--ny-ink);
+    margin: 24px 0 9px
+}
+
+.ny-price {
+    border-left: 3px solid #bb914e;
+    background: #f0e8da;
+    padding: 17px 19px;
+    font-size: 14px;
+    font-weight: 600;
+    margin: 23px 0 17px
+}
+
+.ny-offer .ny-note {
+    font-size: 12px;
+    color: #736557
+}
+
+.ny-red {
+    background: var(--ny-red);
+    color: white;
+    white-space: normal;
+    border-radius: 7px;
+    font-size: 13px;
+    gap: 15px;
+    margin-top: 9px
+}
+
+.ny-red:hover {
+    background: #842724;
+    transform: translateY(-2px)
+}
+
+.ny-channel {
+    display: block;
+    font-size: 10px;
+    color: #766f65;
+    margin-top: 10px
+}
+
+.ny-closing {
+    background: var(--ny-ink);
+    color: #f8efdc;
+    text-align: center;
+    padding: 70px 20px
+}
+
+.ny-closing h2 {
+    color: var(--ny-gold);
+    font-size: 48px
+}
+
+.ny-closing p {
+    max-width: 620px;
+    margin: 0 auto 28px
+}
+
+.ny-closing .ny-text-link {
+    display: block;
+    margin-top: 20px
+}
+
+.ny-closing .ny-eyebrow {
+    color: #c8b68f
+}
+
+.ny-page .privacy-settings {
+    padding-top: 22px
+}
+
+.ny-home .benefits {
+    border-top: 1px solid #ded2be
+}
+
+.ny-home .btn-primary {
+    background: var(--ny-red)
+}
+
+.ny-weather {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 101;
+    overflow: hidden
+}
+
+.ny-flake {
+    position: absolute;
+    top: -30px;
+    left: var(--x);
+    color: #fff;
+    opacity: 0;
+    text-shadow: 0 1px 4px #15364466;
+    font-size: var(--size);
+    animation: ny-fall var(--duration) linear var(--delay) infinite;
+    will-change: transform
+}
+
+.ny-flake.ny-spark {
+    color: #e7bc65
+}
+
+.ny-motion {
+    position: fixed;
+    right: 16px;
+    bottom: 18px;
+    z-index: 110;
+    background: #18343bea;
+    border: 1px solid #d4b884;
+    color: #fff4dc;
+    padding: 9px 13px;
+    border-radius: 30px;
+    font-size: 11px;
+    box-shadow: 0 3px 16px #0002
+}
+
+.ny-paused .ny-flake,
+.ny-paused .ny-star {
+    animation-play-state: paused
+}
+
+.ny-paused .ny-weather {
+    visibility: hidden
+}
+
+.ny-motion:focus-visible,
+.ny-page a:focus-visible,
+.ny-home a:focus-visible {
+    outline: 3px solid #b68c40;
+    outline-offset: 4px
+}
+
+@keyframes ny-fall {
+    0% {
+        transform: translate3d(0, -30px, 0) rotate(0);
+        opacity: 0
+    }
+
+    8% {
+        opacity: .65
+    }
+
+    92% {
+        opacity: .65
+    }
+
+    100% {
+        transform: translate3d(60px, 105vh, 0) rotate(160deg);
+        opacity: 0
+    }
+}
+
+@keyframes ny-twinkle {
+
+    0%,
+    100% {
+        opacity: .35;
+        transform: scale(.8)
+    }
+
+    50% {
+        opacity: 1;
+        transform: scale(1.1)
+    }
+}
+
+@media(min-width:769px) and (max-width:1050px) {
+    .nav {
+        gap: 12px
+    }
+
+    .nav-link {
+        font-size: 12px
+    }
+
+    .header-inner {
+        gap: 12px
+    }
+
+    .ny-hero-grid {
+        gap: 20px
+    }
+
+    .ny-special {
+        gap: 30px
+    }
+
+    .ny-discount strong {
+        font-size: 80px
+    }
+}
+
+@media(max-width:768px) {
+    .ny-hero {
+        padding: 36px 0 38px
+    }
+
+    .ny-hero-grid {
+        grid-template-columns: 1fr;
+        gap: 30px
+    }
+
+    .ny-intro h1 {
+        font-size: 48px
+    }
+
+    .ny-intro p {
+        font-size: 14px
+    }
+
+    .ny-art img {
+        aspect-ratio: 16/9;
+        border-radius: 35px 35px 8px 8px
+    }
+
+    .ny-caption {
+        margin-top: 22px
+    }
+
+    .ny-selection {
+        padding-top: 44px;
+        padding-bottom: 40px
+    }
+
+    .ny-heading h2 {
+        font-size: 32px
+    }
+
+    .ny-cards {
+        grid-template-columns: 1fr;
+        gap: 20px
+    }
+
+    .ny-card-picture img {
+        aspect-ratio: 16/9
+    }
+
+    .ny-card-body {
+        padding: 22px
+    }
+
+    .ny-special {
+        grid-template-columns: 1fr;
+        gap: 26px;
+        padding: 25px;
+        margin: 0 20px 35px
+    }
+
+    .ny-discount {
+        min-height: 180px;
+        border-radius: 90px 90px 8px 8px
+    }
+
+    .ny-discount strong {
+        font-size: 75px;
+        line-height: 1.2
+    }
+
+    .ny-discount small {
+        font-size: 40px
+    }
+
+    .ny-terms h2 {
+        font-size: 30px
+    }
+
+    .ny-offer {
+        grid-template-columns: 1fr;
+        gap: 25px;
+        padding: 32px 0 40px
+    }
+
+    .ny-offer:nth-child(2) .ny-offer-visual {
+        order: 0
+    }
+
+    .ny-offer-visual {
+        position: static
+    }
+
+    .ny-offer-visual img {
+        aspect-ratio: 16/10
+    }
+
+    .ny-offer h2 {
+        font-size: 32px
+    }
+
+    .ny-closing {
+        padding: 45px 5px
+    }
+
+    .ny-closing h2 {
+        font-size: 37px
+    }
+
+    .ny-closing p {
+        font-size: 14px
+    }
+
+    .ny-red {
+        padding: 14px 17px
+    }
+
+    .ny-motion {
+        bottom: 12px;
+        right: 10px
+    }
+
+    .ny-flake:nth-child(n+19) {
+        display: none
+    }
+
+    .star-one {
+        left: 85%;
+        top: 25px
+    }
+
+    .star-two {
+        display: none
+    }
+}
+
+@media(prefers-reduced-motion:reduce) {
+    html {
+        scroll-behavior: auto
+    }
+
+    .ny-flake,
+    .ny-star {
+        animation: none !important
+    }
+
+    .ny-weather {
+        display: none
+    }
+
+    .ny-card,
+    .ny-card img,
+    .ny-gold,
+    .ny-red {
+        transition: none;
+        transform: none !important
+    }
+}
+
+/* Keep the supplied artwork's lettering fully visible at every width. */
+.ny-art img {
+    aspect-ratio: 1672/941;
+    object-fit: contain;
+    border-radius: 55px 55px 10px 10px
+}
+
+@media(max-width:768px) {
+    .ny-art img {
+        border-radius: 30px 30px 8px 8px
+    }
+}
+
+/* Keep the closing order button distinct from the red CTA panel. */
+.ny-home .cta-box .btn-primary {
+    background: #fff8e9;
+    color: #842724;
+    border: 2px solid #fff8e9;
+    box-shadow: 0 5px 18px #65100f22
+}
+
+.ny-home .cta-box .btn-primary:hover {
+    background: #f3d398;
+    color: #57201d;
+    border-color: #f3d398
+}
+
+.ny-home .ny-intro h1 {
+    font-size: clamp(30px, 3.1vw, 46px);
+    letter-spacing: -1.2px;
+    line-height: 1.15
+}
+
+.ny-hero {
+    scroll-margin-top: 90px
+}
+
+@media(max-width:768px) {
+    .ny-home .ny-intro h1 {
+        font-size: clamp(27px, 7.5vw, 42px);
+        letter-spacing: -.8px
+    }
+}
+
+@media(max-width:480px) {
+    .ny-home .btn {
+        max-width: 100%;
+        white-space: normal;
+        text-align: center
+    }
+
+    .ny-home .for-whom-card .btn {
+        padding-left: 18px;
+        padding-right: 18px
+    }
+}
+
+.ny-video-section {
+    padding-top: 10px;
+    padding-bottom: 65px;
+    scroll-margin-top: 100px
+}
+
+.ny-video-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr))
+}
+
+.ny-video-section .ny-heading p {
+    color: #655f56;
+    font-size: 14px
+}
+
+.ny-work .work-video-preview {
+    object-fit: contain;
+    background: #10252e
+}
+
+.ny-work .work-info h3 {
+    font-family: Georgia, serif;
+    font-size: 26px;
+    color: var(--ny-ink)
+}
+
+.ny-work .work-info p {
+    margin-bottom: 0
+}
+
+.ny-all-works {
+    text-align: center;
+    margin-top: 26px
+}
+
+.ny-video-section .work-tag {
+    background: #efe6d6;
+    color: #842724
+}
+
+.ny-work {
+    scroll-margin-top: 110px
+}
+
+@media(max-width:768px) {
+    .ny-video-grid {
+        grid-template-columns: 1fr
+    }
+
+    .ny-video-section {
+        padding-bottom: 40px
+    }
+}

html/index.html

@@ -1,42 +1,49 @@
 <!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">
+    <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"
-    <link rel="stylesheet" href="css/style.css">
+        rel="stylesheet">
-    
+
+    <link rel="stylesheet" href="/css/style.css">
+
     <!-- JSON-LD Schema.org -->
     <!-- Yandex.Metrika counter -->
     <!-- /Yandex.Metrika counter -->
-    
+
     <!-- Google Analytics -->
-    <title>Мультфильмы на заказ и ИИ-анимация — студия О’ляпка</title>
+    <title>Новогодние мультпоздравления 2027 и мультфильмы на заказ — О’ляпка</title>
-<meta name="description" content="Создаём персональные мультфильмы, рекламные ролики и анимацию для соцсетей. Сценарий, озвучка и монтаж. Тарифы от 2 500 ₽. Обсудите идею со студией О’ляпка.">
+    <meta name="description"
-<link rel="canonical" href="https://olapka.ru/">
+        content="Персональные новогодние мультфильмы детям и видеопоздравления от Деда Мороза для школ и компаний. Экспресс — 499 ₽. Скидка 27% на два индивидуальных формата до 15.12.2026.">
-<meta name="robots" content="index, follow, max-image-preview:large">
+    <link rel="canonical" href="https://olapka.ru/">
-<meta property="og:type" content="website">
+    <meta name="robots" content="index, follow, max-image-preview:large">
-<meta property="og:title" content="Мультфильмы на заказ и ИИ-анимация — студия О’ляпка">
+    <meta property="og:type" content="website">
-<meta property="og:description" content="Создаём персональные мультфильмы, рекламные ролики и анимацию для соцсетей. Сценарий, озвучка и монтаж. Тарифы от 2 500 ₽. Обсудите идею со студией О’ляпка.">
+    <meta property="og:title" content="Новогодние мультпоздравления 2027 и мультфильмы на заказ — О’ляпка">
-<meta property="og:url" content="https://olapka.ru/">
+    <meta property="og:description"
-<meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
+        content="Персональные новогодние мультфильмы детям и видеопоздравления от Деда Мороза для школ и компаний. Экспресс — 499 ₽. Скидка 27% на два индивидуальных формата до 15.12.2026.">
-<meta property="og:image:width" content="1200">
+    <meta property="og:url" content="https://olapka.ru/">
-<meta property="og:image:height" content="630">
+    <meta property="og:image" content="https://olapka.ru/img/new-year/olapka-new-year.webp">
-<meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
+    <meta property="og:image:width" content="1672">
-<meta property="og:site_name" content="Студия О’ляпка">
+    <meta property="og:image:height" content="941">
-<meta property="og:locale" content="ru_RU">
+    <meta property="og:image:alt" content="Новогодние мультпоздравления 2027 — студия О’ляпка">
-<meta name="twitter:card" content="summary_large_image">
+    <meta property="og:site_name" content="Студия О’ляпка">
-<meta name="twitter:image" content="https://olapka.ru/img/og-cover.jpg">
+    <meta property="og:locale" content="ru_RU">
-<script type="application/ld+json">{
+    <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": [
     {
@@ -56,7 +63,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -73,15 +80,16 @@
       "@type": "WebPage",
       "@id": "https://olapka.ru/#webpage",
       "url": "https://olapka.ru/",
-      "name": "Мультфильмы на заказ и ИИ-анимация — студия О’ляпка",
+      "name": "Новогодние мультпоздравления 2027 и мультфильмы на заказ — О’ляпка",
-      "description": "Создаём персональные мультфильмы, рекламные ролики и анимацию для соцсетей. Сценарий, озвучка и монтаж. Тарифы от 2 500 ₽. Обсудите идею со студией О’ляпка.",
+      "description": "Персональные новогодние мультфильмы детям и видеопоздравления от Деда Мороза для школ и компаний. Экспресс — 499 ₽. Скидка 27% на два индивидуальных формата до 15.12.2026.",
       "inLanguage": "ru",
       "isPartOf": {
         "@id": "https://olapka.ru/#website"
       },
       "about": {
         "@id": "https://olapka.ru/#organization"
-      }
+      },
+      "dateModified": "2026-11-08"
     },
     {
       "@type": "Service",
@@ -116,206 +124,423 @@
           "url": "https://olapka.ru/#tariff-3"
         }
       ]
+    },
+    {
+      "@type": "Service",
+      "@id": "https://olapka.ru/#service-express",
+      "name": "Новогодний экспресс",
+      "description": "Персональный новогодний мультфильм для одного ребёнка: 1 минута, 3 персонализированные сцены. Готовый сюжет. Стоимость 499 ₽; скидка 27% не применяется.",
+      "url": "https://olapka.ru/#express",
+      "provider": {
+        "@id": "https://olapka.ru/#organization"
+      },
+      "serviceType": "Новогодние мультпоздравления",
+      "offers": {
+        "@type": "Offer",
+        "price": "499",
+        "priceCurrency": "RUB",
+        "url": "https://olapka.ru/#express",
+        "name": "Новогодний экспресс"
+      }
+    },
+    {
+      "@type": "Service",
+      "@id": "https://olapka.ru/#service-fairytale",
+      "name": "Новогодняя сказка",
+      "description": "Индивидуальный новогодний мультфильм для ребёнка с авторским сюжетом, знакомым домом и семейными деталями. Стоимость по стандартным тарифам студии. По 15 декабря 2026 включительно скидка 27%, сценарий без отдельной доплаты.",
+      "url": "https://olapka.ru/#fairytale",
+      "provider": {
+        "@id": "https://olapka.ru/#organization"
+      },
+      "serviceType": "Новогодние мультпоздравления"
+    },
+    {
+      "@type": "Service",
+      "@id": "https://olapka.ru/#service-ded-moroz",
+      "name": "Дед Мороз на связи",
+      "description": "Новогоднее видеопоздравление от Деда Мороза для детского сада, школы, компании или команды. Стоимость рассчитывается индивидуально. По 15 декабря 2026 включительно скидка 27%, сценарий без отдельной доплаты.",
+      "url": "https://olapka.ru/#ded-moroz",
+      "provider": {
+        "@id": "https://olapka.ru/#organization"
+      },
+      "serviceType": "Новогодние мультпоздравления"
     }
   ]
 }</script>
+    <link rel="stylesheet" href="/css/new-year.css">
 </head>
-<body>
+
-    <a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
+<body class="ny-home">
-<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="legal.html#cookies">Подробнее</a>
+    <a class="skip-link" href="#main-content">Перейти к содержимому</a>
-</div>
+    <div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
-<div class="cookie-actions">
+        <div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
-<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
+        </div>
-</div>
+        <div class="cookie-actions">
-</div>
+            <button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button
-<!-- Cookie Banner -->
+                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">
+            <a href="/" 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="/" class="nav-link active" aria-current="page">Главная</a>
-                <a href="services.html" class="nav-link">Услуги</a>
+                <a href="/#new-year" class="nav-link ny-nav">Новый год · 2027</a>
-                <a href="portfolio.html" class="nav-link">Работы</a>
+                <a href="/services" class="nav-link">Услуги</a>
-                <a href="contacts.html" class="nav-link">Контакты</a>
+                <a href="/portfolio" class="nav-link">Работы</a>
+                <a href="/contacts" class="nav-link">Контакты</a>
             </nav>
-            <a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
+            <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="hero">
+    <main id="main-content" tabindex="-1">
-        <div class="container">
+        <section class="ny-hero" id="new-year">
-            <div class="hero-content">
+            <div class="container ny-hero-grid">
-                <span class="hero-tag">Студия ИИ-анимации</span>
+                <div class="ny-intro"><span class="ny-eyebrow">О’ЛЯПКА · НОВЫЙ ГОД 2027</span>
-                <h1 class="hero-title">Мультфильмы на заказ: подарки и реклама с ИИ-анимацией</h1>
+                    <h1>Новогодние<br><em>мультпоздравления</em><br>на заказ</h1>
-<p class="hero-subtitle">Персональные мультфильмы, Love Story, рекламные ролики для бизнеса и анимация для соцсетей. Обсудим сценарий, стиль, стоимость и срок до начала работы.</p>
+                    <p>Мультфильм для вашего ребёнка или поздравление для целой команды — выберите свою новогоднюю
-                <div class="hero-actions">
+                        историю.</p>
-                    <a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_hero">Заказать мультик</a>
+                    <div class="ny-actions"><a class="btn ny-gold" href="/#offers">Выбрать свою сказку <span
-                    <a href="services.html" class="btn btn-outline btn-lg" data-goal="services_hero">Смотреть услуги</a>
+                                aria-hidden="true">↗</span></a><a class="ny-text-link" href="/#special">Скидка 27% до 15
+                            декабря →</a></div>
+                    <div class="ny-caption">Подарите новогоднее чудо с О’ЛЯПКОЙ</div>
                 </div>
-                <div class="hero-stats">
+                <figure class="ny-art"><img src="/img/new-year/olapka-new-year.webp" width="1672" height="941"
-                    <div class="stat">
+                        alt="Новогоднее чудо: девочка открывает волшебный подарок О’ляпки" fetchpriority="high">
-<div class="stat-num">По задаче</div>
+                </figure>
-<div class="stat-label">согласуем срок</div>
+            </div>
-</div>
+            <div class="ny-star star-one" aria-hidden="true">✦</div>
-                    <div class="stat">
+            <div class="ny-star star-two" aria-hidden="true">✧</div>
-<div class="stat-num">от 2500₽</div>
+        </section>
-<div class="stat-label">стоимость</div>
+        <section class="ny-selection container" id="offers">
-</div>
+            <div class="ny-heading"><span class="ny-eyebrow">ТРИ СПОСОБА ПОДАРИТЬ ВОЛШЕБСТВО</span>
-                    <div class="stat">
+                <h2>У каждого чуда — своя история</h2>
-<div class="stat-num">100%</div>
+            </div>
-<div class="stat-label">авторская работа</div>
+            <div class="ny-cards"><a class="ny-card" href="/#express">
-</div>
+                    <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 benefits">
+        <section class="section for-whom">
-        <div class="container">
+            <div class="container">
-            <h2 class="section-title">Почему выбирают <span class="accent">О'ляпку</span>
+                <h2 class="section-title">Мультфильмы на заказ: личные подарки и реклама</h2>
-</h2>
+                <div class="for-whom-grid">
-            <div class="benefits-grid">
+                    <div class="for-whom-card">
-                <article class="benefit-card">
+                        <div class="for-whom-tag">🤍 Для души</div>
-                    <div class="benefit-icon">✨</div>
+                        <h3>Личные поводы</h3>
-                    <h3>Авторский подход</h3>
+                        <ul>
-                    <p>Не просто «картинки из нейросети», а полноценная история со сценарием, эмоцией и вашим уникальным стилем.</p>
+                            <li>Подарок на день рождения, годовщину, юбилей</li>
-                </article>
+                            <li>Ваша Love Story в формате анимации</li>
-                <article class="benefit-card">
+                            <li>Сказка для ребёнка, где он — главный герой</li>
-                    <div class="benefit-icon">⚡</div>
+                            <li>Вирусные Reels для личного блога</li>
-                    <h3>Быстро</h3>
+                        </ul>
-                    <p>Срок зависит от длительности и сложности мультфильма. Согласуем дату готовности перед началом работы.</p>
+                        <a href="/contacts" class="btn btn-outline" data-goal="order_personal">Заказать личный
-                </article>
+                            мультик</a>
-                <article class="benefit-card">
+                    </div>
-                    <div class="benefit-icon">💎</div>
+                    <div class="for-whom-card">
-                    <h3>Честные цены</h3>
+                        <div class="for-whom-tag">🚀 Для бизнеса</div>
-                    <p>От 2500 ₽ за короткий ролик. Никаких скрытых платежей и студийных наценок.</p>
+                        <h3>Коммерческие задачи</h3>
-                </article>
+                        <ul>
-                <article class="benefit-card">
+                            <li>Реклама, которая цепляет и останавливает скролл</li>
-                    <div class="benefit-icon">🎯</div>
+                            <li>Запуск нового направления или продукта</li>
-                    <h3>Решаем задачи</h3>
+                            <li>Продвижение в соцсетях и рост охватов</li>
-                    <p>Продаём, поздравляем, влюбляют в бренд. Каждый мультик работает на вашу цель.</p>
+                            <li>Имиджевые ролики и VIP-подарки клиентам</li>
-                </article>
+                        </ul>
+                        <a href="/contacts" class="btn btn-primary" data-goal="order_business">Заказать для бизнеса</a>
+                    </div>
+                </div>
             </div>
-        </div>
+        </section>
-    </section>
 
-    <section class="section for-whom">
+        <section class="section pricing" id="prices">
-        <div class="container">
+            <div class="container">
-            <h2 class="section-title">Кому подходят наши мультики</h2>
+                <h2 class="section-title">Тарифы на ИИ-мультики</h2>
-            <div class="for-whom-grid">
+                <p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
-                <div class="for-whom-card">
+                <div class="pricing-grid">
-                    <div class="for-whom-tag">🤍 Для души</div>
+                    <article class="price-card" id="tariff-1">
-                    <h3>Личные поводы</h3>
+                        <h3 class="price-name">Искры</h3>
-                    <ul>
+                        <div class="price-desc">Короткий мультик до 30 секунд</div>
-                        <li>Подарок на день рождения, годовщину, юбилей</li>
+                        <div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels
-                        <li>Ваша Love Story в формате анимации</li>
+                        </div>
-                        <li>Сказка для ребёнка, где он — главный герой</li>
+                        <div class="price-value">2 500 ₽</div>
-                        <li>Вирусные Reels для личного блога</li>
+                        <a href="/contacts" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
-                    </ul>
+                    </article>
-                    <a href="contacts.html" class="btn btn-outline" data-goal="order_personal">Заказать личный мультик</a>
+                    <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="for-whom-card">
+                <div class="pricing-note">
-                    <div class="for-whom-tag">🚀 Для бизнеса</div>
+                    <p>Новогодние предложения и условия скидки 27% — <a href="/#special">в условиях акции</a>.
-                    <h3>Коммерческие задачи</h3>
+                        «Новогодний экспресс» — 499 ₽, без скидки.</p>
-                    <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>
 
-    <section class="section pricing" id="prices">
+        <section class="section process">
-        <div class="container">
+            <div class="container">
-            <h2 class="section-title">Тарифы на ИИ-мультики</h2>
+                <h2 class="section-title">Как мы работаем</h2>
-            <p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
+                <div class="process-steps">
-            <div class="pricing-grid">
+                    <div class="step">
-                <article class="price-card" id="tariff-1">
+                        <div class="step-num">01</div>
-                    <h3 class="price-name">Искры</h3>
+                        <h3>Вы пишете нам</h3>
-                    <div class="price-desc">Короткий мультик до 30 секунд</div>
+                        <p>Рассказываете о задаче, присылаете фото и идеи. Мы уточняем детали.</p>
-                    <div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels</div>
+                    </div>
-                    <div class="price-value">2 500 ₽</div>
+                    <div class="step">
-                    <a href="contacts.html" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
+                        <div class="step-num">02</div>
-                </article>
+                        <h3>Обсуждаем детали</h3>
-                <article class="price-card featured" id="tariff-2">
+                        <p>Фиксируем стоимость, сроки и формат. Всё прозрачно и честно.</p>
-                    <div class="price-badge">Популярный</div>
+                    </div>
-                    <h3 class="price-name">История</h3>
+                    <div class="step">
-                    <div class="price-desc">От 30 секунд до 1 минуты</div>
+                        <div class="step-num">03</div>
-                    <div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
+                        <h3>Создаём сценарий</h3>
-                    <div class="price-value">4 500 ₽</div>
+                        <p>Пишем структуру, подбираем стиль. Утверждаем с вами до старта монтажа.</p>
-                    <a href="contacts.html" class="btn btn-primary" data-goal="order_story">Заказать</a>
+                    </div>
-                </article>
+                    <div class="step">
-                <article class="price-card" id="tariff-3">
+                        <div class="step-num">04</div>
-                    <h3 class="price-name">Сказка</h3>
+                        <h3>Монтируем магию</h3>
-                    <div class="price-desc">От 1 до 2 минут</div>
+                        <p>Генерируем кадры, озвучиваем, собираем в единую историю.</p>
-                    <div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип</div>
+                    </div>
-                    <div class="price-value">9 000 ₽</div>
+                    <div class="step">
-                    <a href="contacts.html" class="btn btn-outline" data-goal="order_tale">Заказать</a>
+                        <div class="step-num">05</div>
-                </article>
+                        <h3>Показываем результат</h3>
+                        <p>Вы смотрите, вносите правки (если нужно) и забираете готовый мультик.</p>
+                    </div>
+                </div>
             </div>
-            <div class="pricing-note">
+        </section>
-                <p>💡 <strong>Спецпредложение:</strong> первый тестовый мультик — со скидкой 30%. Попробуйте без риска!</p>
-                <p>🎁 <strong>Пакет «Контент-месяц»</strong> (4 ролика) — скидка 15%.</p>
-            </div>
-        </div>
-    </section>
 
-    <section class="section process">
+        <section class="section cta">
-        <div class="container">
+            <div class="container">
-            <h2 class="section-title">Как мы работаем</h2>
+                <div class="cta-box">
-            <div class="process-steps">
+                    <h2>Готовы оживить вашу идею?</h2>
-                <div class="step">
+                    <p>Напишите нам — и мы бесплатно придумаем концепцию именно для вас.</p>
-                    <div class="step-num">01</div>
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_cta">Заказать мультик</a>
-                    <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>
 
-    <section class="section cta">
+        <p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p>
-        <div class="container">
+    </main><!-- Преимущества -->
-            <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><!-- Преимущества -->
     <!-- Для кого -->
     <!-- Тарифы -->
     <!-- Процесс -->
@@ -324,7 +549,7 @@
     <footer class="footer">
         <div class="container footer-inner">
             <div class="footer-col">
-                <a href="index.html" class="logo">
+                <a href="/" class="logo">
                     <span class="logo-bird">🐦</span>
                     <span class="logo-text">О'ЛЯПКА</span>
                 </a>
@@ -332,20 +557,21 @@
             </div>
             <div class="footer-col">
                 <h2>Навигация</h2>
-                <a href="index.html">Главная</a>
+                <a href="/">Главная</a>
-                <a href="services.html">Услуги</a>
+                <a href="/services">Услуги</a>
-                <a href="portfolio.html">Работы</a>
+                <a href="/portfolio">Работы</a>
-                <a href="contacts.html">Контакты</a>
+                <a href="/contacts">Контакты</a>
             </div>
             <div class="footer-col">
                 <h2>Документы</h2>
-                <a href="legal.html">Политика cookies</a>
+                <a href="/legal">Политика cookies</a>
-                <a href="legal.html#agreement">Пользовательское соглашение</a>
+                <a href="/legal#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://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>
@@ -354,6 +580,39 @@
         </div>
     </footer>
 
-    <script src="js/main.js" defer></script>
+    <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>
 </body>
-</html>
+
+</html>

html/index.md

@@ -0,0 +1,287 @@
+# Мультфильмы на заказ и новогодние мультпоздравления 2027 — О’ляпка
+
+Источник: https://olapka.ru/
+
+Версия материалов: 2026-11-08.
+
+О’ЛЯПКА · НОВЫЙ ГОД 2027
+
+Новогодние
+
+мультпоздравления
+
+на заказ
+
+Мультфильм для вашего ребёнка или поздравление для целой команды — выберите свою новогоднюю историю.
+
+Выбрать свою сказку ↗Скидка 27% до 15 декабря →
+
+Подарите новогоднее чудо с О’ЛЯПКОЙ
+
+ТРИ СПОСОБА ПОДАРИТЬ ВОЛШЕБСТВО
+
+У каждого чуда — своя история
+
+499 ₽
+
+01 / ДЛЯ РЕБЁНКА
+
+Новогодний экспресс
+
+Одна минута — и ваш ребёнок в сказке
+
+Подробнее ↗
+
+−27% до 15.12
+
+02 / ДЛЯ РЕБЁНКА
+
+Новогодняя сказка
+
+Ваш ребёнок. Ваш дом. Ваша история.
+
+Подробнее ↗
+
+−27% до 15.12
+
+03 / ДЛЯ КОЛЛЕКТИВА
+
+Дед Мороз на связи
+
+Одно поздравление — для всех, кто был рядом этот год
+
+Подробнее ↗
+
+ДО 15 ДЕКАБРЯ 2026 ВКЛЮЧИТЕЛЬНО
+
+Встречаем 2027 год
+
+со скидкой 27%
+
+Закажите «Новогоднюю сказку» или поздравление «Дед Мороз на связи» по 15 декабря 2026 года включительно и получите:
+
+Скидку 27% на выбранное предложение.
+
+Разработку сценария без отдельной доплаты — придумаем историю вместе.
+
+Бронь места в производственном графике.
+
+Готовность к вашему празднику — дату сдачи и сроки передачи материалов и согласований зафиксируем при оформлении заказа.
+
+«Новогодний экспресс» стоит 499 ₽ и в скидочной акции не участвует.
+
+ИСТОРИЯ 01 ✦
+
+Новогодний экспресс
+
+Одна минута — и ваш ребёнок в сказке
+
+Мы уже создали красивую новогоднюю историю и добавим в неё вашего ребёнка: его образ появится в трёх сценах, а обращённые к нему фразы станут персональными.
+
+Основной сюжет и остальные сцены остаются готовыми. Это простой и доступный способ подарить личное новогоднее приключение.
+
+В финале Дед Мороз подскажет, где ребёнок сможет найти настоящий подарок. Тайное место вы заранее выберете сами — и сказка продолжится у вас дома.
+
+499 ₽ · 1 минута · 3 персонализированные сцены · 1 ребёнок
+
+Подойдёт для поздравления своего ребёнка, племянника, крестника или ребёнка друзей. Для каждого можно заказать отдельную версию.
+
+В скидочной акции не участвует.
+
+Заказать «Новогодний экспресс» ↗Обсудим в Telegram
+
+ИСТОРИЯ 02 ✦
+
+Новогодняя сказка
+
+Ваш ребёнок. Ваш дом. Ваша история.
+
+Полностью индивидуальный мультфильм, который начинается с вашей идеи.
+
+Мы придумаем сюжет с учётом характера, увлечений и мечтаний ребёнка. В сказке могут появиться ваш дом, знакомая комната и ваша ёлка.
+
+Представьте: ребёнок узнаёт свою гостиную и видит, как Дед Мороз оставляет там подарок. Знакомые детали превращают мультфильм в личное семейное приключение.
+
+Сценарий и сцены создаются под вашу историю. Детали и объём работы согласуем до начала производства.
+
+Стоимость рассчитывается по стандартным тарифам студии. До 15 декабря включительно — скидка 27% по условиям новогодней акции.
+
+Для тех, кто хочет подарить особенное семейное воспоминание — сказку, которую захочется пересматривать.
+
+Обсудить нашу сказку ↗Обсудим в Telegram
+
+ИСТОРИЯ 03 ✦
+
+Дед Мороз на связи
+
+Одно поздравление — для всех, кто был рядом этот год
+
+Новогоднее видео для группы детского сада, школьного класса или рабочей команды.
+
+Дед Мороз вспомнит важные события года, отметит достижения и поздравит тех, кого вы хотите порадовать. Имена, факты и пожелания мы заранее согласуем с вами.
+
+Для детских садов и школ
+
+Начните праздник с приключения: на экране Дед Мороз добирается до вашего сада или школы, узнаёт знакомое здание и вспоминает успехи ребят. Благодарит воспитателей и учителей — и готовит зрителей к своему появлению на празднике.
+
+Для компаний и команд
+
+Торжественное, тёплое или шуточное обращение с итогами года, историями коллектива и благодарностью коллегам. Для корпоратива, общего чата или поздравления партнёров.
+
+Стоимость рассчитывается индивидуально. До 15 декабря включительно — скидка 27% по условиям новогодней акции.
+
+Обсудить поздравление ↗Обсудим в Telegram
+
+Почему выбирают О'ляпку
+
+✨
+
+Авторский подход
+
+Не просто «картинки из нейросети», а полноценная история со сценарием, эмоцией и вашим уникальным стилем.
+
+⚡
+
+Быстро
+
+Срок зависит от длительности и сложности мультфильма. Согласуем дату готовности перед началом работы.
+
+💎
+
+Честные цены
+
+От 2500 ₽ за короткий ролик. Никаких скрытых платежей и студийных наценок.
+
+🎯
+
+Решаем задачи
+
+Продаём, поздравляем, влюбляют в бренд. Каждый мультик работает на вашу цель.
+
+Мультфильмы на заказ: личные подарки и реклама
+
+🤍 Для души
+
+Личные поводы
+
+Подарок на день рождения, годовщину, юбилей
+
+Ваша Love Story в формате анимации
+
+Сказка для ребёнка, где он — главный герой
+
+Вирусные Reels для личного блога
+
+                    Заказать личный мультик
+
+🚀 Для бизнеса
+
+Коммерческие задачи
+
+Реклама, которая цепляет и останавливает скролл
+
+Запуск нового направления или продукта
+
+Продвижение в соцсетях и рост охватов
+
+Имиджевые ролики и VIP-подарки клиентам
+
+                    Заказать для бизнеса
+
+Тарифы на ИИ-мультики
+
+Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.
+
+Искры
+
+Короткий мультик до 30 секунд
+
+2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels
+
+2 500 ₽
+
+                    Заказать
+
+Популярный
+
+История
+
+От 30 секунд до 1 минуты
+
+4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция
+
+4 500 ₽
+
+                    Заказать
+
+Сказка
+
+От 1 до 2 минут
+
+От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип
+
+9 000 ₽
+
+                    Заказать
+
+Новогодние предложения и условия скидки 27% — в условиях акции. «Новогодний экспресс» — 499 ₽, без скидки.
+
+Как мы работаем
+
+01
+
+Вы пишете нам
+
+Рассказываете о задаче, присылаете фото и идеи. Мы уточняем детали.
+
+02
+
+Обсуждаем детали
+
+Фиксируем стоимость, сроки и формат. Всё прозрачно и честно.
+
+03
+
+Создаём сценарий
+
+Пишем структуру, подбираем стиль. Утверждаем с вами до старта монтажа.
+
+04
+
+Монтируем магию
+
+Генерируем кадры, озвучиваем, собираем в единую историю.
+
+05
+
+Показываем результат
+
+Вы смотрите, вносите правки (если нужно) и забираете готовый мультик.
+
+Готовы оживить вашу идею?
+
+Напишите нам — и мы бесплатно придумаем концепцию именно для вас.
+
+                Заказать мультик
+
+Настройки аналитики
+
+
+## Новогодние примеры работ
+
+### Новогодний экспресс
+
+Готовая новогодняя история с персонализацией для ребёнка. Посмотрите пример мультпоздравления.
+
+Длительность примера: 1:18.
+
+[Смотреть видео](https://olapka.ru/video/video-8.webm)
+
+### Новогодняя сказка
+
+Свежий пример ролика базового пакета «Новогодняя сказка».
+
+Длительность примера: 2:45.
+
+[Смотреть видео](https://olapka.ru/video/video-7.webm)
+

html/js/main.js

@@ -1,5 +1,5 @@
-// Analytics: use the existing Metrika counter and the supplied GTM container.
+// Analytics load only after consent: Metrika, GTM and direct GA4.
-// A GTM- identifier is a Tag Manager container, not a GA4 measurement ID.
+// GA4 is configured here; do not configure the same GA4 tag/events again in GTM.
 (function() {
     const key = 'olyapka_analytics_v2';
     const banner = document.getElementById('cookieBanner');
@@ -16,6 +16,12 @@
         document.head.append(metrika);
         window.ym(110606131, 'init', {clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true});
         window.dataLayer = window.dataLayer || [];
+        window.gtag = window.gtag || function() { window.dataLayer.push(arguments); };
+        window.gtag('js', new Date());
+        window.gtag('config', 'G-T6084CKB81');
+        const ga = document.createElement('script');
+        ga.async = true; ga.src = 'https://www.googletagmanager.com/gtag/js?id=G-T6084CKB81';
+        document.head.append(ga);
         window.dataLayer.push({'gtm.start': Date.now(), event: 'gtm.js'});
         const gtm = document.createElement('script');
         gtm.async = true; gtm.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-M5HGH586';
@@ -75,7 +81,11 @@
         if (window.analyticsAllowed && typeof ym !== 'undefined') {
             try { ym(110606131, 'reachGoal', goal); } catch(err) {}
         }
-        // Google Analytics
+        // Send existing button goals directly to GA4.
+        if (window.analyticsAllowed && typeof window.gtag === 'function') {
+            window.gtag('event', goal, {send_to: 'G-T6084CKB81'});
+        }
+        // Keep custom events available to the existing GTM container.
         if (window.analyticsAllowed && window.dataLayer) window.dataLayer.push({event: goal});
     });
 })();
@@ -149,27 +159,6 @@
         });
     });
 
-    // Превью: когда карточка попадает в зону видимости, гарантируем загрузку первого кадра
-    const previews = document.querySelectorAll('.work-video-preview');
-    if ('IntersectionObserver' in window && previews.length) {
-        const io = new IntersectionObserver((entries, obs) => {
-            entries.forEach(entry => {
-                if (!entry.isIntersecting) return;
-                const v = entry.target;
-                obs.unobserve(v);
-                if (v.readyState < 2) {
-                    v.preload = 'metadata';
-                    v.load();
-                }
-                v.addEventListener('loadeddata', () => {
-                    if (v.currentTime === 0) { try { v.currentTime = 0.1; } catch (err) {} }
-                    v.preload = 'metadata';
-                }, { once: true });
-            });
-        }, { rootMargin: '200px 0px' });
-        previews.forEach(v => io.observe(v));
-    }
-
     modal.querySelectorAll('[data-video-close]').forEach(el => {
         el.addEventListener('click', close);
     });

html/js/new-year.js

@@ -0,0 +1,34 @@
+(() => {
+  const preference = window.matchMedia('(prefers-reduced-motion: reduce)');
+  const weather = document.createElement('div');
+  weather.className = 'ny-weather';
+  weather.setAttribute('aria-hidden', 'true');
+  const fragment = document.createDocumentFragment();
+  for (let i = 0; i < 32; i++) {
+    const flake = document.createElement('span');
+    flake.className = 'ny-flake' + (i % 6 === 0 ? ' ny-spark' : '');
+    flake.textContent = i % 6 === 0 ? '✦' : (i % 4 === 0 ? '❄' : '•');
+    flake.style.cssText = `--x:${(i * 37.7) % 100}%;--size:${i % 4 === 0 ? 14 : 7}px;--duration:${14 + (i % 9)}s;--delay:-${i * 1.9}s`;
+    fragment.append(flake);
+  }
+  weather.append(fragment);
+  const button = document.createElement('button');
+  button.type = 'button'; button.className = 'ny-motion';
+  let paused = preference.matches;
+  try { paused = preference.matches || localStorage.getItem('olapka_winter_paused') === 'true'; } catch (_) {}
+  function render() {
+    document.body.classList.toggle('ny-paused', paused);
+    button.textContent = paused ? '✦ Включить анимацию' : '❄ Остановить анимацию';
+    button.setAttribute('aria-pressed', String(!paused));
+    button.hidden = preference.matches;
+  }
+  button.addEventListener('click', () => {
+    paused = !paused; render();
+    try { localStorage.setItem('olapka_winter_paused', String(paused)); } catch (_) {}
+  });
+  preference.addEventListener('change', () => { paused = preference.matches; render(); });
+  document.addEventListener('visibilitychange', () => {
+    weather.style.display = document.hidden ? 'none' : '';
+  });
+  document.body.append(weather, button); render();
+})();

html/legal.html

@@ -3,20 +3,20 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="/css/style.css">
     
     <title>Политика cookies и условия использования — О’ляпка</title>
 <meta name="description" content="Политика обработки cookies и пользовательское соглашение сайта студии мультфильмов О’ляпка.">
-<link rel="canonical" href="https://olapka.ru/legal.html">
+<link rel="canonical" href="https://olapka.ru/legal">
 <meta name="robots" content="noindex, follow">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Политика cookies и условия использования — О’ляпка">
 <meta property="og:description" content="Политика обработки cookies и пользовательское соглашение сайта студии мультфильмов О’ляпка.">
-<meta property="og:url" content="https://olapka.ru/legal.html">
+<meta property="og:url" content="https://olapka.ru/legal">
 <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">
@@ -25,6 +25,8 @@
 <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="/legal.md" title="Политика cookies и пользовательское соглашение — Markdown">
 <script type="application/ld+json">{
   "@context": "https://schema.org",
   "@graph": [
@@ -45,7 +47,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -60,8 +62,8 @@
     },
     {
       "@type": "WebPage",
-      "@id": "https://olapka.ru/legal.html#webpage",
+      "@id": "https://olapka.ru/legal#webpage",
-      "url": "https://olapka.ru/legal.html",
+      "url": "https://olapka.ru/legal",
       "name": "Политика cookies и условия использования — О’ляпка",
       "description": "Политика обработки cookies и пользовательское соглашение сайта студии мультфильмов О’ляпка.",
       "inLanguage": "ru",
@@ -72,12 +74,12 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/legal.html#breadcrumbs"
+        "@id": "https://olapka.ru/legal#breadcrumbs"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/legal.html#breadcrumbs",
+      "@id": "https://olapka.ru/legal#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -89,16 +91,17 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Документы",
-          "item": "https://olapka.ru/legal.html"
+          "item": "https://olapka.ru/legal"
         }
       ]
     }
   ]
 }</script>
+<link rel="stylesheet" href="/css/new-year.css">
 </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 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>
@@ -106,12 +109,13 @@
 </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>
+            <a href="/" 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">Главная</a>
+                <a href="/" class="nav-link">Главная</a>
-                <a href="services.html" class="nav-link">Услуги</a>
+                <a href="/#new-year" class="nav-link ny-nav">Новый год · 2027</a>
-                <a href="portfolio.html" class="nav-link">Работы</a>
+                <a href="/services" class="nav-link">Услуги</a>
-                <a href="contacts.html" class="nav-link">Контакты</a>
+                <a href="/portfolio" class="nav-link">Работы</a>
+                <a href="/contacts" class="nav-link">Контакты</a>
             </nav>
             <button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false" aria-controls="nav"><span></span><span></span><span></span></button>
         </div>
@@ -119,7 +123,7 @@
 
     <main class="legal-page" id="main-content" tabindex="-1">
         <nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
-<li><a href="index.html">Главная</a></li>
+<li><a href="/">Главная</a></li>
 <li><span aria-current="page">Документы</span></li>
 </ol></nav><div class="container">
             <h1 class="page-title">Юридические <span class="accent">документы</span>
@@ -158,7 +162,7 @@
                 <p>Мы оставляем за собой право изменять настоящую Политику. Актуальная версия всегда доступна на данной странице.</p>
 
                 <h3>8. Контакты</h3>
-                <p>По вопросам, связанным с обработкой cookies, вы можете связаться с нами через мессенджеры на странице <a href="contacts.html">«Контакты»</a>.</p>
+                <p>По вопросам, связанным с обработкой cookies, вы можете связаться с нами через мессенджеры на странице <a href="/contacts">«Контакты»</a>.</p>
             <p>На этом сайте аналитика загружается после выбора «Разрешить». Выбор сохраняется локально в браузере. Изменить выбор можно кнопкой «Настройки аналитики»; при отключении уже загруженной аналитики страница перезагружается. Отключение предотвращает последующие загрузки аналитики, но не удаляет ранее установленные cookies: их можно удалить в настройках браузера.</p></section>
 
             <section class="legal-section" id="agreement">
@@ -199,7 +203,7 @@
                 <p>Администрация вправе в одностороннем порядке изменять условия настоящего Соглашения. Актуальная версия всегда доступна на данной странице.</p>
 
                 <h3>9. Контакты</h3>
-                <p>По всем вопросам, связанным с настоящим Соглашением, обращайтесь через мессенджеры на странице <a href="contacts.html">«Контакты»</a>.</p>
+                <p>По всем вопросам, связанным с настоящим Соглашением, обращайтесь через мессенджеры на странице <a href="/contacts">«Контакты»</a>.</p>
             </section>
         </div>
     <p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main>
@@ -207,20 +211,20 @@
     <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>
+                <a href="/" 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="/">Главная</a>
-                <a href="services.html">Услуги</a>
+                <a href="/services">Услуги</a>
-                <a href="portfolio.html">Работы</a>
+                <a href="/portfolio">Работы</a>
-                <a href="contacts.html">Контакты</a>
+                <a href="/contacts">Контакты</a>
             </div>
             <div class="footer-col">
                 <h2>Документы</h2>
-                <a href="legal.html">Политика cookies</a>
+                <a href="/legal">Политика cookies</a>
-                <a href="legal.html#agreement">Пользовательское соглашение</a>
+                <a href="/legal#agreement">Пользовательское соглашение</a>
             </div>
             <div class="footer-col">
                 <h2>Связаться</h2>
@@ -232,6 +236,7 @@
         <div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
     </footer>
 
-    <script src="js/main.js" defer></script>
+    <script src="/js/main.js" defer></script>
+<script src="/js/new-year.js" defer></script>
 </body>
 </html>

html/legal.md

@@ -0,0 +1,88 @@
+# Юридические документы
+
+Источник: https://olapka.ru/legal
+
+Версия материалов: 2026-10-31.
+
+## Политика обработки cookies
+
+Дата вступления в силу: 11 июля 2026 года
+
+### 1. Общие положения
+
+Настоящая Политика обработки cookies (далее — Политика) регулирует использование файлов cookies на сайте студии мультфильмов «О'ляпка» (далее — Сайт), расположенном по адресу: https://olapka.ru.
+
+### 2. Что такое cookies
+
+Cookies — это небольшие текстовые файлы, которые сохраняются на вашем устройстве при посещении сайта. Они помогают нам улучшать работу Сайта, анализировать посещаемость и обеспечивать корректное функционирование всех сервисов.
+
+### 3. Какие cookies мы используем
+
+- Технические cookies — необходимы для работы Сайта, обеспечения безопасности и базовой функциональности.
+- Аналитические cookies — используются сервисами Яндекс.Метрика и Google Analytics для сбора статистики посещений и анализа поведения пользователей.
+- Cookies согласия — сохраняют ваш выбор относительно использования cookies.
+
+### 4. Цели обработки
+
+Мы используем cookies для: обеспечения работоспособности Сайта; анализа посещаемости и улучшения качества контента; персонализации пользовательского опыта.
+
+### 5. Управление cookies
+
+Вы можете отключить cookies в настройках вашего браузера. Обратите внимание, что отключение cookies может повлиять на работу некоторых функций Сайта.
+
+### 6. Передача данных третьим лицам
+
+Данные, собранные с помощью аналитических cookies, могут передаваться сервисам Яндекс и Google в соответствии с их политиками конфиденциальности.
+
+### 7. Изменение Политики
+
+Мы оставляем за собой право изменять настоящую Политику. Актуальная версия всегда доступна на данной странице.
+
+### 8. Контакты
+
+По вопросам, связанным с обработкой cookies, вы можете связаться с нами через мессенджеры на странице [«Контакты»](https://olapka.ru/contacts).
+
+На этом сайте аналитика загружается после выбора «Разрешить». Выбор сохраняется локально в браузере. Изменить выбор можно кнопкой «Настройки аналитики»; при отключении уже загруженной аналитики страница перезагружается. Отключение предотвращает последующие загрузки аналитики, но не удаляет ранее установленные cookies: их можно удалить в настройках браузера.
+
+## Пользовательское соглашение
+
+Дата вступления в силу: 11 июля 2026 года
+
+### 1. Термины и определения
+
+- Сайт — интернет-ресурс https://olapka.ru.
+- Администрация — студия мультфильмов «О'ляпка».
+- Пользователь — любое лицо, использующее Сайт.
+- Услуги — создание ИИ-мультиков и сопутствующие сервисы.
+
+### 2. Предмет соглашения
+
+Настоящее Соглашение регулирует отношения между Администрацией Сайта и Пользователем по поводу использования Сайта и заказа Услуг.
+
+### 3. Условия использования Сайта
+
+Пользователь соглашается не предпринимать действий, которые могут помешать нормальной работе Сайта. Запрещается использовать Сайт для распространения спама, вредоносного кода и материалов, нарушающих законодательство РФ.
+
+### 4. Интеллектуальная собственность
+
+Все материалы, размещённые на Сайте (тексты, графика, дизайн, логотип), являются объектами авторского права. Использование материалов без согласия правообладателя запрещено.
+
+### 5. Order услуг
+
+Условия заказа ИИ-мультиков, стоимость, сроки и порядок взаимодействия описаны на соответствующих страницах Сайта. Конкретные условия каждого заказа фиксируются в переписке с Пользователем.
+
+### 6. Ответственность сторон
+
+Администрация не несёт ответственности за любые убытки, возникшие в результате использования Сайта. Пользователь несёт персональную ответственность за достоверность предоставленной информации.
+
+### 7. Разрешение споров
+
+Все споры решаются путём переговоров. При невозможности достижения согласия — в соответствии с законодательством Российской Федерации.
+
+### 8. Изменение Соглашения
+
+Администрация вправе в одностороннем порядке изменять условия настоящего Соглашения. Актуальная версия всегда доступна на данной странице.
+
+### 9. Контакты
+
+По всем вопросам, связанным с настоящим Соглашением, обращайтесь через мессенджеры на странице [«Контакты»](https://olapka.ru/contacts).

html/llms-full.txt

@@ -0,0 +1,862 @@
+# Студия О’ляпка — полная текстовая сводка сайта
+
+> Авторские мультфильмы с ИИ-анимацией: персональные истории, реклама для бизнеса и контент для соцсетей.
+
+Официальный сайт: https://olapka.ru/
+Дата подготовки этой копии: 2026-10-31.
+Краткая навигация: https://olapka.ru/llms.txt
+
+Это текстовая версия опубликованных в комплекте страниц без меню, декоративных элементов и скриптов. Разделы сохраняют ссылки на исходные страницы. Условия и цены приведены по этим страницам; итоговые условия заказа подтверждает студия. Срок исполнения согласуется до начала работы. Акции требуют подтверждения актуальности. Цены отдельных работ в портфолио не являются текущими тарифами. Отзывы и показатели результатов — заявления из материалов студии, не независимая оценка. Физический адрес и режим работы не указаны.
+
+---
+
+# Мультфильмы на заказ и новогодние мультпоздравления 2027 — О’ляпка
+
+Источник: https://olapka.ru/
+
+Версия материалов: 2026-11-08.
+
+О’ЛЯПКА · НОВЫЙ ГОД 2027
+
+Новогодние
+
+мультпоздравления
+
+на заказ
+
+Мультфильм для вашего ребёнка или поздравление для целой команды — выберите свою новогоднюю историю.
+
+Выбрать свою сказку ↗Скидка 27% до 15 декабря →
+
+Подарите новогоднее чудо с О’ЛЯПКОЙ
+
+ТРИ СПОСОБА ПОДАРИТЬ ВОЛШЕБСТВО
+
+У каждого чуда — своя история
+
+499 ₽
+
+01 / ДЛЯ РЕБЁНКА
+
+Новогодний экспресс
+
+Одна минута — и ваш ребёнок в сказке
+
+Подробнее ↗
+
+−27% до 15.12
+
+02 / ДЛЯ РЕБЁНКА
+
+Новогодняя сказка
+
+Ваш ребёнок. Ваш дом. Ваша история.
+
+Подробнее ↗
+
+−27% до 15.12
+
+03 / ДЛЯ КОЛЛЕКТИВА
+
+Дед Мороз на связи
+
+Одно поздравление — для всех, кто был рядом этот год
+
+Подробнее ↗
+
+ДО 15 ДЕКАБРЯ 2026 ВКЛЮЧИТЕЛЬНО
+
+Встречаем 2027 год
+
+со скидкой 27%
+
+Закажите «Новогоднюю сказку» или поздравление «Дед Мороз на связи» по 15 декабря 2026 года включительно и получите:
+
+Скидку 27% на выбранное предложение.
+
+Разработку сценария без отдельной доплаты — придумаем историю вместе.
+
+Бронь места в производственном графике.
+
+Готовность к вашему празднику — дату сдачи и сроки передачи материалов и согласований зафиксируем при оформлении заказа.
+
+«Новогодний экспресс» стоит 499 ₽ и в скидочной акции не участвует.
+
+ИСТОРИЯ 01 ✦
+
+Новогодний экспресс
+
+Одна минута — и ваш ребёнок в сказке
+
+Мы уже создали красивую новогоднюю историю и добавим в неё вашего ребёнка: его образ появится в трёх сценах, а обращённые к нему фразы станут персональными.
+
+Основной сюжет и остальные сцены остаются готовыми. Это простой и доступный способ подарить личное новогоднее приключение.
+
+В финале Дед Мороз подскажет, где ребёнок сможет найти настоящий подарок. Тайное место вы заранее выберете сами — и сказка продолжится у вас дома.
+
+499 ₽ · 1 минута · 3 персонализированные сцены · 1 ребёнок
+
+Подойдёт для поздравления своего ребёнка, племянника, крестника или ребёнка друзей. Для каждого можно заказать отдельную версию.
+
+В скидочной акции не участвует.
+
+Заказать «Новогодний экспресс» ↗Обсудим в Telegram
+
+ИСТОРИЯ 02 ✦
+
+Новогодняя сказка
+
+Ваш ребёнок. Ваш дом. Ваша история.
+
+Полностью индивидуальный мультфильм, который начинается с вашей идеи.
+
+Мы придумаем сюжет с учётом характера, увлечений и мечтаний ребёнка. В сказке могут появиться ваш дом, знакомая комната и ваша ёлка.
+
+Представьте: ребёнок узнаёт свою гостиную и видит, как Дед Мороз оставляет там подарок. Знакомые детали превращают мультфильм в личное семейное приключение.
+
+Сценарий и сцены создаются под вашу историю. Детали и объём работы согласуем до начала производства.
+
+Стоимость рассчитывается по стандартным тарифам студии. До 15 декабря включительно — скидка 27% по условиям новогодней акции.
+
+Для тех, кто хочет подарить особенное семейное воспоминание — сказку, которую захочется пересматривать.
+
+Обсудить нашу сказку ↗Обсудим в Telegram
+
+ИСТОРИЯ 03 ✦
+
+Дед Мороз на связи
+
+Одно поздравление — для всех, кто был рядом этот год
+
+Новогоднее видео для группы детского сада, школьного класса или рабочей команды.
+
+Дед Мороз вспомнит важные события года, отметит достижения и поздравит тех, кого вы хотите порадовать. Имена, факты и пожелания мы заранее согласуем с вами.
+
+Для детских садов и школ
+
+Начните праздник с приключения: на экране Дед Мороз добирается до вашего сада или школы, узнаёт знакомое здание и вспоминает успехи ребят. Благодарит воспитателей и учителей — и готовит зрителей к своему появлению на празднике.
+
+Для компаний и команд
+
+Торжественное, тёплое или шуточное обращение с итогами года, историями коллектива и благодарностью коллегам. Для корпоратива, общего чата или поздравления партнёров.
+
+Стоимость рассчитывается индивидуально. До 15 декабря включительно — скидка 27% по условиям новогодней акции.
+
+Обсудить поздравление ↗Обсудим в Telegram
+
+Почему выбирают О'ляпку
+
+✨
+
+Авторский подход
+
+Не просто «картинки из нейросети», а полноценная история со сценарием, эмоцией и вашим уникальным стилем.
+
+⚡
+
+Быстро
+
+Срок зависит от длительности и сложности мультфильма. Согласуем дату готовности перед началом работы.
+
+💎
+
+Честные цены
+
+От 2500 ₽ за короткий ролик. Никаких скрытых платежей и студийных наценок.
+
+🎯
+
+Решаем задачи
+
+Продаём, поздравляем, влюбляют в бренд. Каждый мультик работает на вашу цель.
+
+Мультфильмы на заказ: личные подарки и реклама
+
+🤍 Для души
+
+Личные поводы
+
+Подарок на день рождения, годовщину, юбилей
+
+Ваша Love Story в формате анимации
+
+Сказка для ребёнка, где он — главный герой
+
+Вирусные Reels для личного блога
+
+                    Заказать личный мультик
+
+🚀 Для бизнеса
+
+Коммерческие задачи
+
+Реклама, которая цепляет и останавливает скролл
+
+Запуск нового направления или продукта
+
+Продвижение в соцсетях и рост охватов
+
+Имиджевые ролики и VIP-подарки клиентам
+
+                    Заказать для бизнеса
+
+Тарифы на ИИ-мультики
+
+Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.
+
+Искры
+
+Короткий мультик до 30 секунд
+
+2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels
+
+2 500 ₽
+
+                    Заказать
+
+Популярный
+
+История
+
+От 30 секунд до 1 минуты
+
+4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция
+
+4 500 ₽
+
+                    Заказать
+
+Сказка
+
+От 1 до 2 минут
+
+От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип
+
+9 000 ₽
+
+                    Заказать
+
+Новогодние предложения и условия скидки 27% — в условиях акции. «Новогодний экспресс» — 499 ₽, без скидки.
+
+Как мы работаем
+
+01
+
+Вы пишете нам
+
+Рассказываете о задаче, присылаете фото и идеи. Мы уточняем детали.
+
+02
+
+Обсуждаем детали
+
+Фиксируем стоимость, сроки и формат. Всё прозрачно и честно.
+
+03
+
+Создаём сценарий
+
+Пишем структуру, подбираем стиль. Утверждаем с вами до старта монтажа.
+
+04
+
+Монтируем магию
+
+Генерируем кадры, озвучиваем, собираем в единую историю.
+
+05
+
+Показываем результат
+
+Вы смотрите, вносите правки (если нужно) и забираете готовый мультик.
+
+Готовы оживить вашу идею?
+
+Напишите нам — и мы бесплатно придумаем концепцию именно для вас.
+
+                Заказать мультик
+
+Настройки аналитики
+
+
+## Создание мультфильмов и ИИ-анимации
+
+Источник: https://olapka.ru/services
+
+Версия материалов: 2026-10-31.
+
+Персональные истории, рекламная анимация и ролики для соцсетей. Выберите направление и посмотрите, что можно заказать.
+
+🤍 Для души
+
+### Персональные ИИ-мультики
+
+Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей, поздравления близким.
+
+#### 🎁 Подарок на день рождения
+
+Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами. Забудьте про дежурные сертификаты — дарите эмоции.
+
+#### 💍 Love Story
+
+Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца, годовщины или просто чтобы сказать «люблю».
+
+#### 🧸 Сказка для ребёнка
+
+Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы, отправляется в волшебное путешествие.
+
+#### 📱 Контент для личного блога
+
+Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.
+
+[Подробнее: персональные мультфильмы на заказ →](https://olapka.ru/personal-animation)
+
+[Заказать личный мультик](https://olapka.ru/contacts)
+
+🚀 Для бизнеса
+
+### Рекламные ИИ-мультики
+
+Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.
+
+#### 🎯 Рекламный ролик
+
+Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.
+
+#### 🆕 Запуск нового направления
+
+Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.
+
+#### 🏢 Имиджевый ролик
+
+Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.
+
+#### 🎁 VIP-подарки клиентам
+
+Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.
+
+[Подробнее: рекламные анимационные ролики для бизнеса →](https://olapka.ru/business-animation)
+
+[Заказать для бизнеса](https://olapka.ru/contacts)
+
+📈 Для соцсетей
+
+### Контент-пакеты для регулярного ведения
+
+Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый стиль, сюжетные линии, вовлечённая аудитория.
+
+#### 📦 Пакет «Контент-месяц»
+
+4 ролика + идея единой серии. Закрывает контент-план на месяц. Скидка 15%.
+
+#### 🧵 Мультики-сериалы
+
+Единая вселенная вашего бренда с повторяющимися персонажами. Аудитория ждёт продолжения.
+
+#### 🎄 Сезонные ролики
+
+Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей задачи.
+
+#### 🔄 Вторичное использование
+
+Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста. Контент работает везде.
+
+[Подробнее: анимационные ролики для соцсетей →](https://olapka.ru/social-animation)
+
+[Заказать контент-пакет](https://olapka.ru/contacts)
+
+### Дополнительные опции
+
+Дополнительная сцена+800 ₽
+
+Срочность (24–48 часов)+30%
+
+Уникальный персонаж с нуля+1 500 ₽
+
+Авторская музыка+2 000 ₽
+
+Доп. раунд правок+500 ₽
+
+Адаптация под 2 формата+700 ₽
+
+### Тарифы на ИИ-мультики
+
+Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.
+
+#### Искры
+
+Короткий мультик до 30 секунд
+
+2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels
+
+2 500 ₽
+
+[Заказать](https://olapka.ru/contacts)
+
+Популярный
+
+#### История
+
+От 30 секунд до 1 минуты
+
+4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция
+
+4 500 ₽
+
+[Заказать](https://olapka.ru/contacts)
+
+#### Сказка
+
+От 1 до 2 минут
+
+От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип
+
+9 000 ₽
+
+[Заказать](https://olapka.ru/contacts)
+
+
+
+🎁 Пакет «Контент-месяц» (4 ролика) — скидка 15%.
+
+### Вопросы о заказе мультфильма
+
+#### Сколько стоит мультфильм?
+
+Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные сцены, срочность и адаптации оплачиваются отдельно.
+
+#### Сколько времени занимает работа?
+
+Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала работы. Срочное изготовление обсуждается отдельно.
+
+#### Как заказать?
+
+Откройте [контакты](https://olapka.ru/contacts) и напишите в удобный мессенджер: кому нужен ролик, для чего и к какой дате.
+
+---
+
+## Персональные мультфильмы на заказ
+
+Источник: https://olapka.ru/personal-animation
+
+Версия материалов: 2026-10-31.
+
+Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.
+
+[Обсудить мультфильм](https://olapka.ru/contacts)
+
+🤍 Для души
+
+### Персональные ИИ-мультики
+
+Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей, поздравления близким.
+
+#### 🎁 Подарок на день рождения
+
+Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами. Забудьте про дежурные сертификаты — дарите эмоции.
+
+#### 💍 Love Story
+
+Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца, годовщины или просто чтобы сказать «люблю».
+
+#### 🧸 Сказка для ребёнка
+
+Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы, отправляется в волшебное путешествие.
+
+#### 📱 Контент для личного блога
+
+Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.
+
+[Заказать личный мультик](https://olapka.ru/contacts)
+
+### Что подготовить для заказа
+
+Расскажите, кому предназначен подарок, какой повод и какие детали важно включить в историю. Подготовьте фотографии героев и пожелания к стилю.
+
+### Стоимость и сроки
+
+В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.
+
+Посмотрите [состав тарифов](https://olapka.ru/#prices) и [дополнительные опции](https://olapka.ru/services#extras). Стоимость, срок и формат результата согласуем до начала работы.
+
+### Как проходит работа
+
+Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.
+
+[Посмотреть примеры работ](https://olapka.ru/portfolio) · [Связаться со студией](https://olapka.ru/contacts)
+
+### Другие услуги
+
+---
+
+## Рекламные анимационные ролики для бизнеса
+
+Источник: https://olapka.ru/business-animation
+
+Версия материалов: 2026-10-31.
+
+ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.
+
+[Обсудить мультфильм](https://olapka.ru/contacts)
+
+🚀 Для бизнеса
+
+### Рекламные ИИ-мультики
+
+Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.
+
+#### 🎯 Рекламный ролик
+
+Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.
+
+#### 🆕 Запуск нового направления
+
+Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.
+
+#### 🏢 Имиджевый ролик
+
+Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.
+
+#### 🎁 VIP-подарки клиентам
+
+Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.
+
+[Заказать для бизнеса](https://olapka.ru/contacts)
+
+### Что подготовить для заказа
+
+Опишите продукт, аудиторию и задачу рекламы. Пришлите логотип, фирменные цвета, основные тезисы и площадку размещения.
+
+### Стоимость и сроки
+
+В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.
+
+Посмотрите [состав тарифов](https://olapka.ru/#prices) и [дополнительные опции](https://olapka.ru/services#extras). Стоимость, срок и формат результата согласуем до начала работы.
+
+### Как проходит работа
+
+Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.
+
+[Посмотреть примеры работ](https://olapka.ru/portfolio) · [Связаться со студией](https://olapka.ru/contacts)
+
+### Другие услуги
+
+---
+
+## Анимационные ролики для соцсетей
+
+Источник: https://olapka.ru/social-animation
+
+Версия материалов: 2026-10-31.
+
+Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.
+
+[Обсудить мультфильм](https://olapka.ru/contacts)
+
+📈 Для соцсетей
+
+### Контент-пакеты для регулярного ведения
+
+Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый стиль, сюжетные линии, вовлечённая аудитория.
+
+#### 📦 Пакет «Контент-месяц»
+
+4 ролика + идея единой серии. Закрывает контент-план на месяц. Скидка 15%.
+
+#### 🧵 Мультики-сериалы
+
+Единая вселенная вашего бренда с повторяющимися персонажами. Аудитория ждёт продолжения.
+
+#### 🎄 Сезонные ролики
+
+Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей задачи.
+
+#### 🔄 Вторичное использование
+
+Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста. Контент работает везде.
+
+[Заказать контент-пакет](https://olapka.ru/contacts)
+
+### Что подготовить для заказа
+
+Укажите площадки, темы и частоту публикаций. Пришлите примеры вашего контента и пожелания к персонажам и формату роликов.
+
+### Стоимость и сроки
+
+В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.
+
+Посмотрите [состав тарифов](https://olapka.ru/#prices) и [дополнительные опции](https://olapka.ru/services#extras). Стоимость, срок и формат результата согласуем до начала работы.
+
+### Как проходит работа
+
+Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.
+
+[Посмотреть примеры работ](https://olapka.ru/portfolio) · [Связаться со студией](https://olapka.ru/contacts)
+
+### Другие услуги
+
+---
+
+## Примеры мультфильмов и рекламной анимации
+
+Источник: https://olapka.ru/portfolio
+
+Версия материалов: 2026-10-31.
+
+Примеры, отзывы и результаты ниже приведены по материалам самой студии. Цены отдельных работ могут отличаться от текущих тарифов. Названия и описания работ приведены по материалам студии.
+
+Каждый мультик — это уникальная история. Смотрите примеры и вдохновляйтесь.
+
+### Мультфильмы и рекламные ролики
+
+🎉 Для бизнеса
+
+#### Реклама детского лофта
+
+Знакомит с сотрудниками и пространством лофта, помогая родителям представить праздник для ребёнка. 3D-анимация в стилистике Pixar, где персонажи созданы по образам сотрудников.
+
+Тариф: «История» 4 500 ₽
+
+🚀 Для бизнеса
+
+#### Детский музей мозга
+
+Серия мультсериала для интерактивного музея. Показывает, как работает мозг, сохраняя научную достоверность и интерес детей. 2D-анимация с персонажами по референсам заказчика.
+
+Тариф: пакет «Контент-месяц» 13 500 ₽
+
+🧸 Детская сказка
+
+#### Приключение Саши в Звёздном саду
+
+Сказка о приключениях девочки и её любимой игрушки — персональный подарок на день рождения. 3D-анимация в стилистике Pixar.
+
+Тариф: «История» 4 500 ₽
+
+💖 Личное
+
+#### Сюрприз для подруги
+
+Мультфильм о встрече подруг после долгой разлуки в любимом стиле получательницы — аниме. По задумке финал совпадает с настоящим стуком в дверь.
+
+Тариф: «Искры» 3 300 ₽
+
+🥹 Детская сказка
+
+#### Артём и секрет настоящей победы
+
+Сказка для мальчика, который хочет всегда быть первым. История помогает поговорить о проигрышах, чувствах и дружбе. Главные герои — сам ребёнок, его родители и друзья.
+
+Тариф: «Сказка» 7 000 ₽
+
+🚿 Для соцсетей
+
+#### Продакт-плейсмент к сезону отключения горячей воды
+
+Юмористический мультфильм, в котором зритель узнаёт знакомую проблему и видит её решение с помощью товара. Контент для продвижения в соцсетях и на маркетплейсах.
+
+Тариф: «История» 4 500 ₽
+
+### Что говорят клиенты
+
+Долго сомневалась, нужен ли нам мультфильм, но решила попробовать. Сделали всего за день после согласования сценария — даже раньше обещанного! Наш лофт передали один в один: окна, горку, администратора и фотографа. Выложили ролик в районные чаты, и теперь новые клиенты говорят: «Видели ваш мультик, поэтому зашли».
+
+#### Кристина К.
+
+Руководитель детского лофта
+
+Саша пересмотрела мультик уже раз двадцать! Увидеть на экране себя и любимого кота Котю — полный восторг. История про Звёздный сад с нашими семейными воспоминаниями тронула до слёз даже бабушек. Всё так похоже на нашу жизнь! А Саша теперь ещё больше верит, что ночью игрушки оживают. Лучший подарок на день рождения, спасибо!
+
+#### Мария К.
+
+Мама девочки Саши
+
+Перед сезоном отключения горячей воды заказал юмористический ролик с ненавязчивой рекламой товара. И не прогадал! Люди смотрели, а не пролистывали, делились друг с другом. Продажи на маркетплейсах ощутимо выросли. Обязательно обращусь ещё для продвижения других товаров!
+
+#### Дмитрий О.
+
+Селлер WB
+
+«Заказывали мультик на годовщину свадьбы. Муж был в полном восторге! Пересматриваем уже раз десять. Спасибо за вашу работу и душу, которую вы вкладываете!»
+
+#### Анна К.
+
+Love Story
+
+Хотела удивить подругу, с которой мы не виделись год. По сюжету две подруги потеряли друг друга, а в финале раздаётся стук в дверь — и на пороге появляюсь я. В жизни подстроила всё точно так же! Подруга была в шоке и восторге. Спасибо «Оляпке» за воплощение моей задумки и внимание к деталям. Сюрприз удался!
+
+#### Марина К.
+
+Сюрприз
+
+«Рекламный ролик для нашей студии массажа превзошёл ожидания. Клиенты пишут, что именно этот мультик убедил их прийти. Охваты в Instagram выросли в 3 раза!»
+
+#### Елена М.
+
+Студия детского массажа
+
+«Сын смотрел мультик про себя и не мог оторваться. Спросил: "Мама, это я настоящий в мультике?" Сердце растаяло. Спасибо за волшебство!»
+
+#### Ольга В.
+
+Сказка для ребёнка
+
+«Заказали контент-пакет на месяц. Теперь у нас не болит голова "что постить завтра". Аудитория ждёт новые серии, сохранения бьют рекорды.»
+
+#### Марина Д.
+
+Эксперт по детскому сну
+
+Очень точно передали интерьер студии и внешность массажисток! Теперь клиенты просятся «к девушке из мультика». После первого ролика заказали ещё три для рекламы онлайн-курсов. За две недели публикаций продажи выросли на 20%. Отдельное спасибо за терпение к правкам — всё получилось так, как я представляла!
+
+#### Светлана И.
+
+Студия детского массажа
+
+#### Хотите так же?
+
+Расскажите нам о своей идее — и мы создадим мультик, который влюбит в себя.
+
+[Заказать мультик](https://olapka.ru/contacts)
+
+---
+
+## Контакты студии О’ляпка
+
+Источник: https://olapka.ru/contacts
+
+Версия материалов: 2026-10-31.
+
+Стоимость и срок конкретного заказа подтверждаются при обращении.
+
+Студия авторских ИИ-мультиков
+
+[✈️ Telegram Самый быстрый способ связи](https://t.me/YuliaAnimation) [💬 WhatsApp Напишите, если удобнее](https://wa.me/79160957383) [📷 Instagram Примеры работ и сторис](https://www.instagram.com/olapka_animatioh?utm_source=site) [🔵 ВКонтакте Сообщество студии](https://vk.com/club240204788)
+
+### Как мы работаем
+
+- ⚡ Отвечаем в течение 15–30 минут
+
+- 💰 Стоимость — от 2 500 ₽
+- ⏱️ Срок согласуем до начала работы
+
+[+7 916 095-73-83](tel:+79160957383)
+
+[Услуги и цены](https://olapka.ru/services) · [Примеры работ](https://olapka.ru/portfolio)
+
+---
+
+## Юридические документы
+
+Источник: https://olapka.ru/legal
+
+Версия материалов: 2026-10-31.
+
+### Политика обработки cookies
+
+Дата вступления в силу: 11 июля 2026 года
+
+#### 1. Общие положения
+
+Настоящая Политика обработки cookies (далее — Политика) регулирует использование файлов cookies на сайте студии мультфильмов «О'ляпка» (далее — Сайт), расположенном по адресу: https://olapka.ru.
+
+#### 2. Что такое cookies
+
+Cookies — это небольшие текстовые файлы, которые сохраняются на вашем устройстве при посещении сайта. Они помогают нам улучшать работу Сайта, анализировать посещаемость и обеспечивать корректное функционирование всех сервисов.
+
+#### 3. Какие cookies мы используем
+
+- Технические cookies — необходимы для работы Сайта, обеспечения безопасности и базовой функциональности.
+- Аналитические cookies — используются сервисами Яндекс.Метрика и Google Analytics для сбора статистики посещений и анализа поведения пользователей.
+- Cookies согласия — сохраняют ваш выбор относительно использования cookies.
+
+#### 4. Цели обработки
+
+Мы используем cookies для: обеспечения работоспособности Сайта; анализа посещаемости и улучшения качества контента; персонализации пользовательского опыта.
+
+#### 5. Управление cookies
+
+Вы можете отключить cookies в настройках вашего браузера. Обратите внимание, что отключение cookies может повлиять на работу некоторых функций Сайта.
+
+#### 6. Передача данных третьим лицам
+
+Данные, собранные с помощью аналитических cookies, могут передаваться сервисам Яндекс и Google в соответствии с их политиками конфиденциальности.
+
+#### 7. Изменение Политики
+
+Мы оставляем за собой право изменять настоящую Политику. Актуальная версия всегда доступна на данной странице.
+
+#### 8. Контакты
+
+По вопросам, связанным с обработкой cookies, вы можете связаться с нами через мессенджеры на странице [«Контакты»](https://olapka.ru/contacts).
+
+На этом сайте аналитика загружается после выбора «Разрешить». Выбор сохраняется локально в браузере. Изменить выбор можно кнопкой «Настройки аналитики»; при отключении уже загруженной аналитики страница перезагружается. Отключение предотвращает последующие загрузки аналитики, но не удаляет ранее установленные cookies: их можно удалить в настройках браузера.
+
+### Пользовательское соглашение
+
+Дата вступления в силу: 11 июля 2026 года
+
+#### 1. Термины и определения
+
+- Сайт — интернет-ресурс https://olapka.ru.
+- Администрация — студия мультфильмов «О'ляпка».
+- Пользователь — любое лицо, использующее Сайт.
+- Услуги — создание ИИ-мультиков и сопутствующие сервисы.
+
+#### 2. Предмет соглашения
+
+Настоящее Соглашение регулирует отношения между Администрацией Сайта и Пользователем по поводу использования Сайта и заказа Услуг.
+
+#### 3. Условия использования Сайта
+
+Пользователь соглашается не предпринимать действий, которые могут помешать нормальной работе Сайта. Запрещается использовать Сайт для распространения спама, вредоносного кода и материалов, нарушающих законодательство РФ.
+
+#### 4. Интеллектуальная собственность
+
+Все материалы, размещённые на Сайте (тексты, графика, дизайн, логотип), являются объектами авторского права. Использование материалов без согласия правообладателя запрещено.
+
+#### 5. Order услуг
+
+Условия заказа ИИ-мультиков, стоимость, сроки и порядок взаимодействия описаны на соответствующих страницах Сайта. Конкретные условия каждого заказа фиксируются в переписке с Пользователем.
+
+#### 6. Ответственность сторон
+
+Администрация не несёт ответственности за любые убытки, возникшие в результате использования Сайта. Пользователь несёт персональную ответственность за достоверность предоставленной информации.
+
+#### 7. Разрешение споров
+
+Все споры решаются путём переговоров. При невозможности достижения согласия — в соответствии с законодательством Российской Федерации.
+
+#### 8. Изменение Соглашения
+
+Администрация вправе в одностороннем порядке изменять условия настоящего Соглашения. Актуальная версия всегда доступна на данной странице.
+
+#### 9. Контакты
+
+По всем вопросам, связанным с настоящим Соглашением, обращайтесь через мессенджеры на странице [«Контакты»](https://olapka.ru/contacts).
+
+
+
+## Новый год 2027
+[Новогодние предложения](https://olapka.ru/#new-year)
+Экспресс — 499 ₽ (без скидки). «Новогодняя сказка» и «Дед Мороз на связи» — скидка 27% по 15 декабря 2026 включительно. Сценарий без отдельной доплаты, бронь производства; сроки согласуются при заказе.
+
+
+## Новогодние примеры работ
+
+### Новогодний экспресс
+
+Готовая новогодняя история с персонализацией для ребёнка. Посмотрите пример мультпоздравления.
+
+Длительность примера: 1:18.
+
+[Смотреть видео](https://olapka.ru/video/video-8.webm)
+
+### Новогодняя сказка
+
+Свежий пример ролика базового пакета «Новогодняя сказка».
+
+Длительность примера: 2:45.
+
+[Смотреть видео](https://olapka.ru/video/video-7.webm)
+

html/llms.txt

@@ -0,0 +1,34 @@
+# Студия мультфильмов О’ляпка
+
+> О’ляпка создаёт авторские мультфильмы с ИИ-анимацией: персональные подарки, рекламные ролики и контент для соцсетей. Сайт: https://olapka.ru/. Язык: русский.
+
+Материалы подготовлены по страницам сайта 31 октября 2026 года. Валюта — российский рубль (RUB). Тарифы студии: «Искры» — 2 500 ₽, «История» — 4 500 ₽, «Сказка» — 9 000 ₽. Состав, длительность и дополнительные опции описаны в материалах ниже. Итоговую стоимость, срок и формат согласуют до начала работы. Условия акций следует уточнять при заказе.
+
+Цены примеров в портфолио относятся к отдельным работам и не заменяют действующие тарифы. Отзывы и заявления о результатах опубликованы самой студией. Физический адрес и режим работы в этих материалах не указаны.
+
+## Информация о студии и заказе
+
+- [Главная и тарифы](https://olapka.ru/index.md): форматы мультфильмов, состав тарифов и этапы работы; страница для посетителей — https://olapka.ru/.
+- [Услуги и цены](https://olapka.ru/services.md): направления, дополнительные опции и ответы на вопросы; страница — https://olapka.ru/services.
+- [Контакты](https://olapka.ru/contacts.md): Telegram, WhatsApp, телефон и социальные сети; страница — https://olapka.ru/contacts.
+
+## Направления
+
+- [Персональные мультфильмы](https://olapka.ru/personal-animation.md): день рождения, Love Story и детские сказки.
+- [Анимация для бизнеса](https://olapka.ru/business-animation.md): реклама, презентация продукта, имиджевые ролики и подарки клиентам.
+- [Ролики для соцсетей](https://olapka.ru/social-animation.md): серии, сезонные сюжеты и контент-пакеты.
+
+## Полная версия
+
+- [Полная текстовая сводка сайта](https://olapka.ru/llms-full.txt): содержание восьми страниц в одном Markdown-документе, включая тарифы, контакты и условия.
+
+## Optional
+
+- [Работы и отзывы](https://olapka.ru/portfolio.md): примеры и отзывы, опубликованные студией.
+- [Документы](https://olapka.ru/legal.md): политика cookies и пользовательское соглашение.
+- [Карта сайта](https://olapka.ru/sitemap.xml): индексируемые HTML-страницы.
+
+
+## Новый год 2027
+[Новогодние предложения](https://olapka.ru/#new-year)
+Экспресс — 499 ₽ (без скидки). «Новогодняя сказка» и «Дед Мороз на связи» — скидка 27% по 15 декабря 2026 включительно. Сценарий без отдельной доплаты, бронь производства; сроки согласуются при заказе.

html/new-year.html

@@ -0,0 +1 @@
+<!doctype html><html lang="ru"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Новогодние предложения — О’ляпка</title><meta name="robots" content="noindex, follow"><link rel="canonical" href="https://olapka.ru/"><meta http-equiv="refresh" content="0;url=/"></head><body><p>Новогодние предложения переехали <a href="/">на главную страницу О’ляпки</a>.</p></body></html>

html/new-year.md

@@ -0,0 +1,3 @@
+# Новогодние предложения
+
+Материалы перенесены: https://olapka.ru/#new-year

html/personal-animation.html

@@ -4,22 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Open Graph -->
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="/css/style.css">
     
     <!-- JSON-LD: 3 услуги -->
     <!-- Yandex.Metrika -->
     <title>Персональные мультфильмы на заказ — О’ляпка</title>
 <meta name="description" content="Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.">
-<link rel="canonical" href="https://olapka.ru/personal-animation.html">
+<link rel="canonical" href="https://olapka.ru/personal-animation">
 <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="Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.">
-<meta property="og:url" content="https://olapka.ru/personal-animation.html">
+<meta property="og:url" content="https://olapka.ru/personal-animation">
 <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">
@@ -28,6 +28,8 @@
 <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="/personal-animation.md" title="Персональные мультфильмы — Markdown">
 <script type="application/ld+json">{
   "@context": "https://schema.org",
   "@graph": [
@@ -48,7 +50,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -63,8 +65,8 @@
     },
     {
       "@type": "WebPage",
-      "@id": "https://olapka.ru/personal-animation.html#webpage",
+      "@id": "https://olapka.ru/personal-animation#webpage",
-      "url": "https://olapka.ru/personal-animation.html",
+      "url": "https://olapka.ru/personal-animation",
       "name": "Персональные мультфильмы на заказ — О’ляпка",
       "description": "Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.",
       "inLanguage": "ru",
@@ -75,15 +77,15 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/personal-animation.html#breadcrumbs"
+        "@id": "https://olapka.ru/personal-animation#breadcrumbs"
       },
       "mainEntity": {
-        "@id": "https://olapka.ru/personal-animation.html#service"
+        "@id": "https://olapka.ru/personal-animation#service"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/personal-animation.html#breadcrumbs",
+      "@id": "https://olapka.ru/personal-animation#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -95,33 +97,34 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Услуги",
-          "item": "https://olapka.ru/services.html"
+          "item": "https://olapka.ru/services"
         },
         {
           "@type": "ListItem",
           "position": 3,
           "name": "Персональные мультфильмы на заказ",
-          "item": "https://olapka.ru/personal-animation.html"
+          "item": "https://olapka.ru/personal-animation"
         }
       ]
     },
     {
       "@type": "Service",
-      "@id": "https://olapka.ru/personal-animation.html#service",
+      "@id": "https://olapka.ru/personal-animation#service",
       "name": "Персональные мультфильмы на заказ",
       "description": "Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.",
       "serviceType": "Персональные мультфильмы на заказ",
-      "url": "https://olapka.ru/personal-animation.html",
+      "url": "https://olapka.ru/personal-animation",
       "provider": {
         "@id": "https://olapka.ru/#organization"
       }
     }
   ]
 }</script>
+<link rel="stylesheet" href="/css/new-year.css">
 </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 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>
@@ -129,26 +132,26 @@
 </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>
+            <a href="/" 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">Главная</a>
+                <a href="/" class="nav-link">Главная</a>
-                <a href="services.html" class="nav-link active">Услуги</a>
+                <a href="/services" class="nav-link active">Услуги</a>
-                <a href="portfolio.html" class="nav-link">Работы</a>
+                <a href="/portfolio" class="nav-link">Работы</a>
-                <a href="contacts.html" class="nav-link">Контакты</a>
+                <a href="/contacts" class="nav-link">Контакты</a>
             </nav>
-            <a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
+            <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"><span></span><span></span><span></span></button>
         </div>
     </header>
 
     <main id="main-content" tabindex="-1"><nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
-<li><a href="index.html">Главная</a></li>
+<li><a href="/">Главная</a></li>
-<li><a href="services.html">Услуги</a></li>
+<li><a href="/services">Услуги</a></li>
 <li><span aria-current="page">Персональные мультфильмы на заказ</span></li>
 </ol></nav><section class="page-hero"><div class="container">
 <h1 class="page-title">Персональные мультфильмы на заказ</h1>
 <p class="page-subtitle">Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.</p>
-<p class="service-cta"><a class="btn btn-primary" href="contacts.html" data-goal="order_service">Обсудить мультфильм</a></p>
+<p class="service-cta"><a class="btn btn-primary" href="/contacts" data-goal="order_service">Обсудить мультфильм</a></p>
 </div></section><section class="section service-block" id="personal">
             <div class="container">
                 <div class="service-head">
@@ -175,7 +178,7 @@
                     </article>
                 </div>
                 <div class="service-cta">
-                    <a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
                 </div>
             </div>
         </section>
@@ -186,31 +189,31 @@
 <div class="service-summary">
 <h2>Стоимость и сроки</h2>
 <p>В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.</p>
-<p>Посмотрите <a href="index.html#prices">состав тарифов</a> и <a href="services.html#extras">дополнительные опции</a>. Стоимость, срок и формат результата согласуем до начала работы.</p>
+<p>Посмотрите <a href="/#prices">состав тарифов</a> и <a href="/services#extras">дополнительные опции</a>. Стоимость, срок и формат результата согласуем до начала работы.</p>
 <h2>Как проходит работа</h2>
 <p>Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.</p>
-<p><a href="portfolio.html">Посмотреть примеры работ</a> · <a href="contacts.html">Связаться со студией</a></p>
+<p><a href="/portfolio">Посмотреть примеры работ</a> · <a href="/contacts">Связаться со студией</a></p>
 </div>
 </div></section><section class="section"><div class="container">
 <h2 class="section-title">Другие услуги</h2>
-<nav class="service-links" aria-label="Другие услуги"><a href="business-animation.html">Рекламные анимационные ролики для бизнеса</a><a href="social-animation.html">Анимационные ролики для соцсетей</a></nav>
+<nav class="service-links" aria-label="Другие услуги"><a href="/business-animation">Рекламные анимационные ролики для бизнеса</a><a href="/social-animation">Анимационные ролики для соцсетей</a></nav>
 </div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></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>
+                <a href="/" 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="/">Главная</a>
-                <a href="services.html">Услуги</a>
+                <a href="/services">Услуги</a>
-                <a href="portfolio.html">Работы</a>
+                <a href="/portfolio">Работы</a>
-                <a href="contacts.html">Контакты</a>
+                <a href="/contacts">Контакты</a>
             </div>
             <div class="footer-col">
                 <h2>Документы</h2>
-                <a href="legal.html">Политика cookies</a>
+                <a href="/legal">Политика cookies</a>
-                <a href="legal.html#agreement">Пользовательское соглашение</a>
+                <a href="/legal#agreement">Пользовательское соглашение</a>
             </div>
             <div class="footer-col">
                 <h2>Связаться</h2>
@@ -222,6 +225,7 @@
         <div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
     </footer>
 
-    <script src="js/main.js" defer></script>
+    <script src="/js/main.js" defer></script>
+<script src="/js/new-year.js" defer></script>
 </body>
 </html>

html/personal-animation.md

@@ -0,0 +1,51 @@
+# Персональные мультфильмы на заказ
+
+Источник: https://olapka.ru/personal-animation
+
+Версия материалов: 2026-10-31.
+
+Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.
+
+[Обсудить мультфильм](https://olapka.ru/contacts)
+
+🤍 Для души
+
+## Персональные ИИ-мультики
+
+Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей, поздравления близким.
+
+### 🎁 Подарок на день рождения
+
+Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами. Забудьте про дежурные сертификаты — дарите эмоции.
+
+### 💍 Love Story
+
+Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца, годовщины или просто чтобы сказать «люблю».
+
+### 🧸 Сказка для ребёнка
+
+Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы, отправляется в волшебное путешествие.
+
+### 📱 Контент для личного блога
+
+Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.
+
+[Заказать личный мультик](https://olapka.ru/contacts)
+
+## Что подготовить для заказа
+
+Расскажите, кому предназначен подарок, какой повод и какие детали важно включить в историю. Подготовьте фотографии героев и пожелания к стилю.
+
+## Стоимость и сроки
+
+В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.
+
+Посмотрите [состав тарифов](https://olapka.ru/#prices) и [дополнительные опции](https://olapka.ru/services#extras). Стоимость, срок и формат результата согласуем до начала работы.
+
+## Как проходит работа
+
+Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.
+
+[Посмотреть примеры работ](https://olapka.ru/portfolio) · [Связаться со студией](https://olapka.ru/contacts)
+
+## Другие услуги

html/portfolio.html

@@ -4,29 +4,35 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
+    <link
-    <link rel="stylesheet" href="css/style.css">
+        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">
 
     <title>Примеры мультфильмов и рекламной анимации — О’ляпка</title>
-<meta name="description" content="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
+    <meta name="description"
-<link rel="canonical" href="https://olapka.ru/portfolio.html">
+        content="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
-<meta name="robots" content="index, follow, max-image-preview:large">
+    <link rel="canonical" href="https://olapka.ru/portfolio">
-<meta property="og:type" content="website">
+    <meta name="robots" content="index, follow, max-image-preview:large">
-<meta property="og:title" content="Примеры мультфильмов и рекламной анимации — О’ляпка">
+    <meta property="og:type" content="website">
-<meta property="og:description" content="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
+    <meta property="og:title" content="Примеры мультфильмов и рекламной анимации — О’ляпка">
-<meta property="og:url" content="https://olapka.ru/portfolio.html">
+    <meta property="og:description"
-<meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
+        content="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
-<meta property="og:image:width" content="1200">
+    <meta property="og:url" content="https://olapka.ru/portfolio">
-<meta property="og:image:height" content="630">
+    <meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
-<meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
+    <meta property="og:image:width" content="1200">
-<meta property="og:site_name" content="Студия О’ляпка">
+    <meta property="og:image:height" content="630">
-<meta property="og:locale" content="ru_RU">
+    <meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
-<meta name="twitter:card" content="summary_large_image">
+    <meta property="og:site_name" content="Студия О’ляпка">
-<meta name="twitter:image" content="https://olapka.ru/img/og-cover.jpg">
+    <meta property="og:locale" content="ru_RU">
-<script type="application/ld+json">{
+    <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="/portfolio.md" title="Примеры работ и отзывы — Markdown">
+    <script type="application/ld+json">{
   "@context": "https://schema.org",
   "@graph": [
     {
@@ -46,7 +52,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -61,8 +67,8 @@
     },
     {
       "@type": "CollectionPage",
-      "@id": "https://olapka.ru/portfolio.html#webpage",
+      "@id": "https://olapka.ru/portfolio#webpage",
-      "url": "https://olapka.ru/portfolio.html",
+      "url": "https://olapka.ru/portfolio",
       "name": "Примеры мультфильмов и рекламной анимации — О’ляпка",
       "description": "Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.",
       "inLanguage": "ru",
@@ -73,12 +79,12 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/portfolio.html#breadcrumbs"
+        "@id": "https://olapka.ru/portfolio#breadcrumbs"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/portfolio.html#breadcrumbs",
+      "@id": "https://olapka.ru/portfolio#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -90,7 +96,7 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Работы",
-          "item": "https://olapka.ru/portfolio.html"
+          "item": "https://olapka.ru/portfolio"
         }
       ]
     },
@@ -101,72 +107,92 @@
         {
           "@type": "ListItem",
           "position": 1,
-          "name": "Реклама детского лофта",
+          "name": "Новогодний экспресс",
-          "url": "https://olapka.ru/portfolio.html#work-1"
+          "url": "https://olapka.ru/portfolio#work-8"
         },
         {
           "@type": "ListItem",
           "position": 2,
-          "name": "Детский музей мозга",
+          "name": "Новогодняя сказка",
-          "url": "https://olapka.ru/portfolio.html#work-2"
+          "url": "https://olapka.ru/portfolio#work-7"
         },
         {
           "@type": "ListItem",
           "position": 3,
-          "name": "Приключение Саши в Звёздном саду",
+          "name": "Реклама детского лофта",
-          "url": "https://olapka.ru/portfolio.html#work-3"
+          "url": "https://olapka.ru/portfolio#work-1"
         },
         {
           "@type": "ListItem",
           "position": 4,
-          "name": "Сюрприз для подруги",
+          "name": "Детский музей мозга",
-          "url": "https://olapka.ru/portfolio.html#work-4"
+          "url": "https://olapka.ru/portfolio#work-2"
         },
         {
           "@type": "ListItem",
           "position": 5,
-          "name": "Артём и секрет настоящей победы",
+          "name": "Приключение Саши в Звёздном саду",
-          "url": "https://olapka.ru/portfolio.html#work-5"
+          "url": "https://olapka.ru/portfolio#work-3"
         },
         {
           "@type": "ListItem",
           "position": 6,
+          "name": "Сюрприз для подруги",
+          "url": "https://olapka.ru/portfolio#work-4"
+        },
+        {
+          "@type": "ListItem",
+          "position": 7,
+          "name": "Артём и секрет настоящей победы",
+          "url": "https://olapka.ru/portfolio#work-5"
+        },
+        {
+          "@type": "ListItem",
+          "position": 8,
           "name": "Продакт-плейсмент к сезону отключения горячей воды",
-          "url": "https://olapka.ru/portfolio.html#work-6"
+          "url": "https://olapka.ru/portfolio#work-6"
         }
       ]
     }
   ]
 }</script>
+    <link rel="stylesheet" href="/css/new-year.css">
 </head>
 
 <body>
-    <a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
+    <a class="skip-link" href="#main-content">Перейти к содержимому</a>
-<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="legal.html#cookies">Подробнее</a>
+    <div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
-</div>
+        <div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
-<div class="cookie-actions">
+        </div>
-<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
+        <div class="cookie-actions">
-</div>
+            <button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button
-</div>
+                class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
-<header class="header">
+        </div>
+    </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>
+            <a href="/" 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">Главная</a>
+                <a href="/" class="nav-link">Главная</a>
-                <a href="services.html" class="nav-link">Услуги</a>
+                <a href="/#new-year" class="nav-link ny-nav">Новый год · 2027</a>
-                <a href="portfolio.html" class="nav-link active" aria-current="page">Работы</a>
+                <a href="/services" class="nav-link">Услуги</a>
-                <a href="contacts.html" class="nav-link">Контакты</a>
+                <a href="/portfolio" class="nav-link active" aria-current="page">Работы</a>
+                <a href="/contacts" class="nav-link">Контакты</a>
             </nav>
-            <a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
+            <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"><span></span><span></span><span></span></button>
+            <button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false"
+                aria-controls="nav"><span></span><span></span><span></span></button>
         </div>
     </header>
 
     <main id="main-content" tabindex="-1">
-        <nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
+        <nav class="container breadcrumbs" aria-label="Хлебные крошки">
-<li><a href="index.html">Главная</a></li>
+            <ol>
-<li><span aria-current="page">Работы</span></li>
+                <li><a href="/">Главная</a></li>
-</ol></nav><section class="page-hero">
+                <li><span aria-current="page">Работы</span></li>
+            </ol>
+        </nav>
+        <section class="page-hero">
             <div class="container">
                 <h1 class="page-title">Примеры мультфильмов и рекламной анимации</h1>
                 <p class="page-subtitle">Каждый мультик — это уникальная история. Смотрите примеры и вдохновляйтесь.</p>
@@ -177,12 +203,69 @@
         <section class="section">
             <div class="container">
                 <h2 class="section-title">Мультфильмы и рекламные ролики</h2>
-<div class="portfolio-grid">
+                <div class="portfolio-grid">
+                    <article class="work-card" 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">Волшебная снежинка</span></button>
+                        </div>
+                        <div class="work-info">
+                            <span class="work-tag">🌲 Новогоднее поздравление</span>
+                            <h3>Новогодний экспресс</h3>
+                            <p>Короткий мультфильм-поздравление для ребенка с его персонажем. Создает ощущение
+                                уникальности и волшебства в реальной жизни: именно за ним следит Дедушка Мороз, именно
+                                его выбрала волшебная снежинка, в его квартире спрятан настоящий подарок.</p>
+                            <div class="work-meta">
+                                <span>Тариф: «Новогодний экспресс»</span>
+                                <span>499 ₽</span>
+                            </div>
+                        </div>
+                        <noscript>
+                            <p><a href="/video/video-8.webm">Смотреть «Новогодний экспресс»</a></p>
+                        </noscript>
+                    </article>
+                    <article class="work-card" 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">Два зайчика маминой
+                                    любви</span></button>
+                        </div>
+                        <div class="work-info">
+                            <span class="work-tag">🐇 Новогодняя сказка</span>
+                            <h3>Новогодняя сказка</h3>
+                            <p>Сюрприз для двух маленьких деток, маме которых пришлось уехать от них. Мультфильм
+                                помогает донести детям, что мама их любит и добавляет волшебство в новогодний подарок-
+                                зайчиков.</p>
+                            <div class="work-meta">
+                                <span>Тариф: «Сказка»</span>
+                                <span>12 000 ₽</span>
+                            </div>
+                        </div>
+                        <noscript>
+                            <p><a href="/video/video-7.webm">Смотреть «Новогодняя сказка»</a></p>
+                        </noscript>
+                    </article>
+
                     <article class="work-card" id="work-1">
                         <div class="work-media">
-                            <button class="work-video" type="button" data-video="video/video-1.webm" data-title="Реклама к открытию детского лофта" data-goal="video_open" aria-label="Смотреть видео: Реклама к открытию детского лофта">
+                            <button class="work-video" type="button" data-video="/video/video-1.webm"
-                                <video class="work-video-preview" src="video/video-1.webm#t=10.6" preload="none" muted playsinline aria-hidden="true"></video>
+                                data-title="Реклама к открытию детского лофта" data-goal="video_open"
-                                <span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
+                                aria-label="Смотреть видео: Реклама к открытию детского лофта">
+                                <img class="work-video-preview" src="/img/posters/video-1.jpg" width="640" height="360"
+                                    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">Реклама</span>
@@ -199,12 +282,18 @@
                                 <span>4 500 ₽</span>
                             </div>
                         </div>
-                    <noscript><p><a href="video/video-1.webm">Открыть видео</a></p></noscript></article>
+                        <noscript>
+                            <p><a href="/video/video-1.webm">Открыть видео</a></p>
+                        </noscript>
+                    </article>
                     <article class="work-card" id="work-2">
                         <div class="work-media">
-                            <button class="work-video" type="button" data-video="video/video-6.webm" data-title="Рекламный ролик для Детского Музея Мозга " data-goal="video_open" aria-label="Смотреть видео: Рекламный ролик для Детского Музея Мозга">
+                            <button class="work-video" type="button" data-video="/video/video-6.webm"
-                                <video class="work-video-preview" src="video/video-6.webm#t=13.5" preload="none" muted playsinline aria-hidden="true"></video>
+                                data-title="Рекламный ролик для Детского Музея Мозга " data-goal="video_open"
-                                <span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
+                                aria-label="Смотреть видео: Рекламный ролик для Детского Музея Мозга">
+                                <img class="work-video-preview" src="/img/posters/video-6.jpg" width="640" height="360"
+                                    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">Мультсериал</span>
@@ -221,12 +310,18 @@
                                 <span>13 500 ₽</span>
                             </div>
                         </div>
-                    <noscript><p><a href="video/video-6.webm">Открыть видео</a></p></noscript></article>
+                        <noscript>
+                            <p><a href="/video/video-6.webm">Открыть видео</a></p>
+                        </noscript>
+                    </article>
                     <article class="work-card" id="work-3">
                         <div class="work-media">
-                            <button class="work-video" type="button" data-video="video/video-2.webm" data-title="Приключение Саши в Звёздном саду" data-goal="video_open" aria-label="Смотреть видео: Приключение девочки Саши в Звёздном саду">
+                            <button class="work-video" type="button" data-video="/video/video-2.webm"
-                                <video class="work-video-preview" src="video/video-2.webm#t=0.1" preload="none" muted playsinline aria-hidden="true"></video>
+                                data-title="Приключение Саши в Звёздном саду" data-goal="video_open"
-                                <span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
+                                aria-label="Смотреть видео: Приключение девочки Саши в Звёздном саду">
+                                <img class="work-video-preview" src="/img/posters/video-2.jpg" width="640" height="360"
+                                    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">Сказка для Саши</span>
@@ -242,12 +337,18 @@
                                 <span>4 500 ₽</span>
                             </div>
                         </div>
-                    <noscript><p><a href="video/video-2.webm">Открыть видео</a></p></noscript></article>
+                        <noscript>
+                            <p><a href="/video/video-2.webm">Открыть видео</a></p>
+                        </noscript>
+                    </article>
                     <article class="work-card" id="work-4">
                         <div class="work-media">
-                            <button class="work-video" type="button" data-video="video/video-4.webm" data-title="Сюрприз для подруги" data-goal="video_open" aria-label="Смотреть видео: Сюрприз для подруги">
+                            <button class="work-video" type="button" data-video="/video/video-4.webm"
-                                <video class="work-video-preview" src="video/video-4.webm#t=4" preload="none" muted playsinline aria-hidden="true"></video>
+                                data-title="Сюрприз для подруги" data-goal="video_open"
-                                <span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
+                                aria-label="Смотреть видео: Сюрприз для подруги">
+                                <img class="work-video-preview" src="/img/posters/video-4.jpg" width="640" height="360"
+                                    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">Сюрприз для подруги</span>
@@ -263,12 +364,18 @@
                                 <span>3 300 ₽</span>
                             </div>
                         </div>
-                    <noscript><p><a href="video/video-4.webm">Открыть видео</a></p></noscript></article>
+                        <noscript>
+                            <p><a href="/video/video-4.webm">Открыть видео</a></p>
+                        </noscript>
+                    </article>
                     <article class="work-card" id="work-5">
                         <div class="work-media">
-                            <button class="work-video" type="button" data-video="video/video-5.webm" data-title="Артём и секрет настоящей победы" data-goal="video_open" aria-label="Смотреть видео: Артём и секрет настоящей победы">
+                            <button class="work-video" type="button" data-video="/video/video-5.webm"
-                                <video class="work-video-preview" src="video/video-5.webm#t=0.1" preload="none" muted playsinline aria-hidden="true"></video>
+                                data-title="Артём и секрет настоящей победы" data-goal="video_open"
-                                <span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
+                                aria-label="Смотреть видео: Артём и секрет настоящей победы">
+                                <img class="work-video-preview" src="/img/posters/video-5.jpg" width="640" height="360"
+                                    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">Детская сказка</span>
@@ -284,12 +391,18 @@
                                 <span>7 000 ₽</span>
                             </div>
                         </div>
-                    <noscript><p><a href="video/video-5.webm">Открыть видео</a></p></noscript></article>
+                        <noscript>
+                            <p><a href="/video/video-5.webm">Открыть видео</a></p>
+                        </noscript>
+                    </article>
                     <article class="work-card" id="work-6">
                         <div class="work-media">
-                            <button class="work-video" type="button" data-video="video/video-3.webm" data-title="Продакт-плейсмент к сезону отключения горячей воды" data-goal="video_open" aria-label="Смотреть видео: Продакт-плейсмент к сезону отключения горячей воды">
+                            <button class="work-video" type="button" data-video="/video/video-3.webm"
-                                <video class="work-video-preview" src="video/video-3.webm#t=1" preload="none" muted playsinline aria-hidden="true"></video>
+                                data-title="Продакт-плейсмент к сезону отключения горячей воды" data-goal="video_open"
-                                <span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
+                                aria-label="Смотреть видео: Продакт-плейсмент к сезону отключения горячей воды">
+                                <img class="work-video-preview" src="/img/posters/video-3.jpg" width="640" height="360"
+                                    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">Для соцсетей</span>
@@ -305,7 +418,10 @@
                                 <span>4 500 ₽</span>
                             </div>
                         </div>
-                    <noscript><p><a href="video/video-3.webm">Открыть видео</a></p></noscript></article>
+                        <noscript>
+                            <p><a href="/video/video-3.webm">Открыть видео</a></p>
+                        </noscript>
+                    </article>
                 </div>
             </div>
         </section>
@@ -314,7 +430,7 @@
         <section class="section reviews">
             <div class="container">
                 <h2 class="section-title">Что говорят <span class="accent">клиенты</span>
-</h2>
+                </h2>
                 <div class="reviews-grid">
                     <article class="review-card">
                         <div class="review-stars">★★★★★</div>
@@ -413,35 +529,37 @@
                 <div class="cta-inline">
                     <h3>Хотите так же?</h3>
                     <p>Расскажите нам о своей идее — и мы создадим мультик, который влюбит в себя.</p>
-                    <a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_portfolio">Заказать
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_portfolio">Заказать
                         мультик</a>
                 </div>
             </div>
         </section>
-    <p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main>
+        <p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p>
+    </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>
+                <a href="/" 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="/">Главная</a>
-                <a href="services.html">Услуги</a>
+                <a href="/services">Услуги</a>
-                <a href="portfolio.html">Работы</a>
+                <a href="/portfolio">Работы</a>
-                <a href="contacts.html">Контакты</a>
+                <a href="/contacts">Контакты</a>
             </div>
             <div class="footer-col">
                 <h2>Документы</h2>
-                <a href="legal.html">Политика cookies</a>
+                <a href="/legal">Политика cookies</a>
-                <a href="legal.html#agreement">Пользовательское соглашение</a>
+                <a href="/legal#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://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>
@@ -451,31 +569,38 @@
     </footer>
 
     <!-- Видео-лайтбокс -->
-    <div class="video-modal" id="videoModal" role="dialog" aria-modal="true" aria-labelledby="videoModalTitle" aria-hidden="true">
+    <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="На весь экран">
+                    <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>
+                            <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)">
+                    <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>
+                            <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>
+                <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/main.js" defer></script>
+    <script src="/js/new-year.js" defer></script>
 </body>
 
-</html>
+</html>

html/portfolio.md

@@ -0,0 +1,141 @@
+# Примеры мультфильмов и рекламной анимации
+
+Источник: https://olapka.ru/portfolio
+
+Версия материалов: 2026-10-31.
+
+Примеры, отзывы и результаты ниже приведены по материалам самой студии. Цены отдельных работ могут отличаться от текущих тарифов. Названия и описания работ приведены по материалам студии.
+
+Каждый мультик — это уникальная история. Смотрите примеры и вдохновляйтесь.
+
+## Мультфильмы и рекламные ролики
+
+🎉 Для бизнеса
+
+### Реклама детского лофта
+
+Знакомит с сотрудниками и пространством лофта, помогая родителям представить праздник для ребёнка. 3D-анимация в стилистике Pixar, где персонажи созданы по образам сотрудников.
+
+Тариф: «История» 4 500 ₽
+
+🚀 Для бизнеса
+
+### Детский музей мозга
+
+Серия мультсериала для интерактивного музея. Показывает, как работает мозг, сохраняя научную достоверность и интерес детей. 2D-анимация с персонажами по референсам заказчика.
+
+Тариф: пакет «Контент-месяц» 13 500 ₽
+
+🧸 Детская сказка
+
+### Приключение Саши в Звёздном саду
+
+Сказка о приключениях девочки и её любимой игрушки — персональный подарок на день рождения. 3D-анимация в стилистике Pixar.
+
+Тариф: «История» 4 500 ₽
+
+💖 Личное
+
+### Сюрприз для подруги
+
+Мультфильм о встрече подруг после долгой разлуки в любимом стиле получательницы — аниме. По задумке финал совпадает с настоящим стуком в дверь.
+
+Тариф: «Искры» 3 300 ₽
+
+🥹 Детская сказка
+
+### Артём и секрет настоящей победы
+
+Сказка для мальчика, который хочет всегда быть первым. История помогает поговорить о проигрышах, чувствах и дружбе. Главные герои — сам ребёнок, его родители и друзья.
+
+Тариф: «Сказка» 7 000 ₽
+
+🚿 Для соцсетей
+
+### Продакт-плейсмент к сезону отключения горячей воды
+
+Юмористический мультфильм, в котором зритель узнаёт знакомую проблему и видит её решение с помощью товара. Контент для продвижения в соцсетях и на маркетплейсах.
+
+Тариф: «История» 4 500 ₽
+
+## Что говорят клиенты
+
+Долго сомневалась, нужен ли нам мультфильм, но решила попробовать. Сделали всего за день после согласования сценария — даже раньше обещанного! Наш лофт передали один в один: окна, горку, администратора и фотографа. Выложили ролик в районные чаты, и теперь новые клиенты говорят: «Видели ваш мультик, поэтому зашли».
+
+### Кристина К.
+
+Руководитель детского лофта
+
+Саша пересмотрела мультик уже раз двадцать! Увидеть на экране себя и любимого кота Котю — полный восторг. История про Звёздный сад с нашими семейными воспоминаниями тронула до слёз даже бабушек. Всё так похоже на нашу жизнь! А Саша теперь ещё больше верит, что ночью игрушки оживают. Лучший подарок на день рождения, спасибо!
+
+### Мария К.
+
+Мама девочки Саши
+
+Перед сезоном отключения горячей воды заказал юмористический ролик с ненавязчивой рекламой товара. И не прогадал! Люди смотрели, а не пролистывали, делились друг с другом. Продажи на маркетплейсах ощутимо выросли. Обязательно обращусь ещё для продвижения других товаров!
+
+### Дмитрий О.
+
+Селлер WB
+
+«Заказывали мультик на годовщину свадьбы. Муж был в полном восторге! Пересматриваем уже раз десять. Спасибо за вашу работу и душу, которую вы вкладываете!»
+
+### Анна К.
+
+Love Story
+
+Хотела удивить подругу, с которой мы не виделись год. По сюжету две подруги потеряли друг друга, а в финале раздаётся стук в дверь — и на пороге появляюсь я. В жизни подстроила всё точно так же! Подруга была в шоке и восторге. Спасибо «Оляпке» за воплощение моей задумки и внимание к деталям. Сюрприз удался!
+
+### Марина К.
+
+Сюрприз
+
+«Рекламный ролик для нашей студии массажа превзошёл ожидания. Клиенты пишут, что именно этот мультик убедил их прийти. Охваты в Instagram выросли в 3 раза!»
+
+### Елена М.
+
+Студия детского массажа
+
+«Сын смотрел мультик про себя и не мог оторваться. Спросил: "Мама, это я настоящий в мультике?" Сердце растаяло. Спасибо за волшебство!»
+
+### Ольга В.
+
+Сказка для ребёнка
+
+«Заказали контент-пакет на месяц. Теперь у нас не болит голова "что постить завтра". Аудитория ждёт новые серии, сохранения бьют рекорды.»
+
+### Марина Д.
+
+Эксперт по детскому сну
+
+Очень точно передали интерьер студии и внешность массажисток! Теперь клиенты просятся «к девушке из мультика». После первого ролика заказали ещё три для рекламы онлайн-курсов. За две недели публикаций продажи выросли на 20%. Отдельное спасибо за терпение к правкам — всё получилось так, как я представляла!
+
+### Светлана И.
+
+Студия детского массажа
+
+### Хотите так же?
+
+Расскажите нам о своей идее — и мы создадим мультик, который влюбит в себя.
+
+[Заказать мультик](https://olapka.ru/contacts)
+
+
+## Новогодние примеры работ
+
+### Новогодний экспресс
+
+Готовая новогодняя история с персонализацией для ребёнка. Посмотрите пример мультпоздравления.
+
+Длительность примера: 1:18.
+
+[Смотреть видео](https://olapka.ru/video/video-8.webm)
+
+### Новогодняя сказка
+
+Свежий пример ролика базового пакета «Новогодняя сказка».
+
+Длительность примера: 2:45.
+
+[Смотреть видео](https://olapka.ru/video/video-7.webm)
+

html/services.html

@@ -1,34 +1,42 @@
 <!DOCTYPE html>
 <html lang="ru">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Open Graph -->
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
+    <link
-    <link rel="stylesheet" href="css/style.css">
+        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: 3 услуги -->
     <!-- Yandex.Metrika -->
     <title>Создание мультфильмов: услуги и цены — О’ляпка</title>
-<meta name="description" content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
+    <meta name="description"
-<link rel="canonical" href="https://olapka.ru/services.html">
+        content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
-<meta name="robots" content="index, follow, max-image-preview:large">
+    <link rel="canonical" href="https://olapka.ru/services">
-<meta property="og:type" content="website">
+    <meta name="robots" content="index, follow, max-image-preview:large">
-<meta property="og:title" content="Создание мультфильмов: услуги и цены — О’ляпка">
+    <meta property="og:type" content="website">
-<meta property="og:description" content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
+    <meta property="og:title" content="Создание мультфильмов: услуги и цены — О’ляпка">
-<meta property="og:url" content="https://olapka.ru/services.html">
+    <meta property="og:description"
-<meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
+        content="Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.">
-<meta property="og:image:width" content="1200">
+    <meta property="og:url" content="https://olapka.ru/services">
-<meta property="og:image:height" content="630">
+    <meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
-<meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
+    <meta property="og:image:width" content="1200">
-<meta property="og:site_name" content="Студия О’ляпка">
+    <meta property="og:image:height" content="630">
-<meta property="og:locale" content="ru_RU">
+    <meta property="og:image:alt" content="О’ляпка — мультфильмы на заказ">
-<meta name="twitter:card" content="summary_large_image">
+    <meta property="og:site_name" content="Студия О’ляпка">
-<meta name="twitter:image" content="https://olapka.ru/img/og-cover.jpg">
+    <meta property="og:locale" content="ru_RU">
-<script type="application/ld+json">{
+    <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="/services.md"
+        title="Услуги, дополнительные опции и вопросы — Markdown">
+    <script type="application/ld+json">{
   "@context": "https://schema.org",
   "@graph": [
     {
@@ -48,7 +56,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -63,8 +71,8 @@
     },
     {
       "@type": "CollectionPage",
-      "@id": "https://olapka.ru/services.html#webpage",
+      "@id": "https://olapka.ru/services#webpage",
-      "url": "https://olapka.ru/services.html",
+      "url": "https://olapka.ru/services",
       "name": "Создание мультфильмов: услуги и цены — О’ляпка",
       "description": "Персональные мультфильмы, рекламная анимация и ролики для соцсетей. Сравните направления, тарифы от 2 500 ₽ и дополнительные опции студии О’ляпка.",
       "inLanguage": "ru",
@@ -75,12 +83,12 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/services.html#breadcrumbs"
+        "@id": "https://olapka.ru/services#breadcrumbs"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/services.html#breadcrumbs",
+      "@id": "https://olapka.ru/services#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -92,39 +100,39 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Услуги",
-          "item": "https://olapka.ru/services.html"
+          "item": "https://olapka.ru/services"
         }
       ]
     },
     {
       "@type": "Service",
-      "@id": "https://olapka.ru/personal-animation.html#service",
+      "@id": "https://olapka.ru/personal-animation#service",
       "name": "Персональные мультфильмы на заказ",
       "description": "Мультфильм на день рождения, Love Story или сказка для ребёнка. Персональная история с близкими людьми в главных ролях.",
       "serviceType": "Персональные мультфильмы на заказ",
-      "url": "https://olapka.ru/personal-animation.html",
+      "url": "https://olapka.ru/personal-animation",
       "provider": {
         "@id": "https://olapka.ru/#organization"
       }
     },
     {
       "@type": "Service",
-      "@id": "https://olapka.ru/business-animation.html#service",
+      "@id": "https://olapka.ru/business-animation#service",
       "name": "Рекламные анимационные ролики для бизнеса",
       "description": "ИИ-анимация для рекламы, презентации продукта и истории бренда. Объясняем идеи через персонажей и сюжет.",
       "serviceType": "Рекламные анимационные ролики для бизнеса",
-      "url": "https://olapka.ru/business-animation.html",
+      "url": "https://olapka.ru/business-animation",
       "provider": {
         "@id": "https://olapka.ru/#organization"
       }
     },
     {
       "@type": "Service",
-      "@id": "https://olapka.ru/social-animation.html#service",
+      "@id": "https://olapka.ru/social-animation#service",
       "name": "Анимационные ролики для соцсетей",
       "description": "Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.",
       "serviceType": "Анимационные ролики для соцсетей",
-      "url": "https://olapka.ru/social-animation.html",
+      "url": "https://olapka.ru/social-animation",
       "provider": {
         "@id": "https://olapka.ru/#organization"
       }
@@ -137,90 +145,109 @@
           "@type": "ListItem",
           "position": 1,
           "item": {
-            "@id": "https://olapka.ru/personal-animation.html#service"
+            "@id": "https://olapka.ru/personal-animation#service"
           }
         },
         {
           "@type": "ListItem",
           "position": 2,
           "item": {
-            "@id": "https://olapka.ru/business-animation.html#service"
+            "@id": "https://olapka.ru/business-animation#service"
           }
         },
         {
           "@type": "ListItem",
           "position": 3,
           "item": {
-            "@id": "https://olapka.ru/social-animation.html#service"
+            "@id": "https://olapka.ru/social-animation#service"
           }
         }
       ]
     }
   ]
 }</script>
+    <link rel="stylesheet" href="/css/new-year.css">
 </head>
+
 <body>
-    <a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
+    <a class="skip-link" href="#main-content">Перейти к содержимому</a>
-<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="legal.html#cookies">Подробнее</a>
+    <div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
-</div>
+        <div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
-<div class="cookie-actions">
+        </div>
-<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
+        <div class="cookie-actions">
-</div>
+            <button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button
-</div>
+                class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
-<header class="header">
+        </div>
+    </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>
+            <a href="/" 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">Главная</a>
+                <a href="/" class="nav-link">Главная</a>
-                <a href="services.html" class="nav-link active" aria-current="page">Услуги</a>
+                <a href="/#new-year" class="nav-link ny-nav">Новый год · 2027</a>
-                <a href="portfolio.html" class="nav-link">Работы</a>
+                <a href="/services" class="nav-link active" aria-current="page">Услуги</a>
-                <a href="contacts.html" class="nav-link">Контакты</a>
+                <a href="/portfolio" class="nav-link">Работы</a>
+                <a href="/contacts" class="nav-link">Контакты</a>
             </nav>
-            <a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
+            <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"><span></span><span></span><span></span></button>
+            <button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false"
+                aria-controls="nav"><span></span><span></span><span></span></button>
         </div>
     </header>
 
     <main id="main-content" tabindex="-1">
-        <nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
+        <nav class="container breadcrumbs" aria-label="Хлебные крошки">
-<li><a href="index.html">Главная</a></li>
+            <ol>
-<li><span aria-current="page">Услуги</span></li>
+                <li><a href="/">Главная</a></li>
-</ol></nav><section class="page-hero">
+                <li><span aria-current="page">Услуги</span></li>
+            </ol>
+        </nav>
+        <section class="page-hero">
             <div class="container">
                 <h1 class="page-title">Создание мультфильмов и ИИ-анимации</h1>
-                <p class="page-subtitle">Персональные истории, рекламная анимация и ролики для соцсетей. Выберите направление и посмотрите, что можно заказать.</p>
+                <p class="page-subtitle">Персональные истории, рекламная анимация и ролики для соцсетей. Выберите
+                    направление и посмотрите, что можно заказать.</p>
             </div>
         </section>
 
-        <nav class="container service-links" aria-label="Направления услуг"><a href="personal-animation.html">Персональные мультфильмы на заказ</a><a href="business-animation.html">Рекламные анимационные ролики для бизнеса</a><a href="social-animation.html">Анимационные ролики для соцсетей</a></nav><!-- Раздел 1: Личные мультики -->
+        <nav class="container service-links" aria-label="Направления услуг"><a href="/personal-animation">Персональные
+                мультфильмы на заказ</a><a href="/business-animation">Рекламные анимационные ролики для бизнеса</a><a
+                href="/social-animation">Анимационные ролики для соцсетей</a></nav><!-- Раздел 1: Личные мультики -->
         <section class="section service-block" id="personal">
             <div class="container">
                 <div class="service-head">
                     <span class="service-tag">🤍 Для души</span>
                     <h2>Персональные ИИ-мультики</h2>
-                    <p class="service-lead">Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей, поздравления близким.</p>
+                    <p class="service-lead">Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей,
+                        поздравления близким.</p>
                 </div>
                 <div class="service-grid">
                     <article class="service-card">
                         <h3>🎁 Подарок на день рождения</h3>
-                        <p>Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами. Забудьте про дежурные сертификаты — дарите эмоции.</p>
+                        <p>Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами.
+                            Забудьте про дежурные сертификаты — дарите эмоции.</p>
                     </article>
                     <article class="service-card">
                         <h3>💍 Love Story</h3>
-                        <p>Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца, годовщины или просто чтобы сказать «люблю».</p>
+                        <p>Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца,
+                            годовщины или просто чтобы сказать «люблю».</p>
                     </article>
                     <article class="service-card">
                         <h3>🧸 Сказка для ребёнка</h3>
-                        <p>Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы, отправляется в волшебное путешествие.</p>
+                        <p>Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы,
+                            отправляется в волшебное путешествие.</p>
                     </article>
                     <article class="service-card">
                         <h3>📱 Контент для личного блога</h3>
-                        <p>Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.</p>
+                        <p>Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.
+                        </p>
                     </article>
                 </div>
                 <div class="service-cta">
-                    <p class="detail-link"><a href="personal-animation.html">Подробнее: персональные мультфильмы на заказ →</a></p>
+                    <p class="detail-link"><a href="/personal-animation">Подробнее: персональные мультфильмы на заказ
-<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный мультик</a>
+                            →</a></p>
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_personal_page">Заказать личный
+                        мультик</a>
                 </div>
             </div>
         </section>
@@ -231,29 +258,36 @@
                 <div class="service-head">
                     <span class="service-tag">🚀 Для бизнеса</span>
                     <h2>Рекламные ИИ-мультики</h2>
-                    <p class="service-lead">Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.</p>
+                    <p class="service-lead">Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых
+                        роликов для VIP-клиентов.</p>
                 </div>
                 <div class="service-grid">
                     <article class="service-card">
                         <h3>🎯 Рекламный ролик</h3>
-                        <p>Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.</p>
+                        <p>Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю,
+                            а не через сухие факты.</p>
                     </article>
                     <article class="service-card">
                         <h3>🆕 Запуск нового направления</h3>
-                        <p>Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.</p>
+                        <p>Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и
+                            влюбятся.</p>
                     </article>
                     <article class="service-card">
                         <h3>🏢 Имиджевый ролик</h3>
-                        <p>Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.</p>
+                        <p>Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.
+                        </p>
                     </article>
                     <article class="service-card">
                         <h3>🎁 VIP-подарки клиентам</h3>
-                        <p>Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.</p>
+                        <p>Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают
+                            друзьям.</p>
                     </article>
                 </div>
                 <div class="service-cta">
-                    <p class="detail-link"><a href="business-animation.html">Подробнее: рекламные анимационные ролики для бизнеса →</a></p>
+                    <p class="detail-link"><a href="/business-animation">Подробнее: рекламные анимационные ролики для
-<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для бизнеса</a>
+                            бизнеса →</a></p>
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_business_page">Заказать для
+                        бизнеса</a>
                 </div>
             </div>
         </section>
@@ -264,7 +298,8 @@
                 <div class="service-head">
                     <span class="service-tag">📈 Для соцсетей</span>
                     <h2>Контент-пакеты для регулярного ведения</h2>
-                    <p class="service-lead">Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый стиль, сюжетные линии, вовлечённая аудитория.</p>
+                    <p class="service-lead">Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый
+                        стиль, сюжетные линии, вовлечённая аудитория.</p>
                 </div>
                 <div class="service-grid">
                     <article class="service-card">
@@ -277,16 +312,20 @@
                     </article>
                     <article class="service-card">
                         <h3>🎄 Сезонные ролики</h3>
-                        <p>Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей задачи.</p>
+                        <p>Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей
+                            задачи.</p>
                     </article>
                     <article class="service-card">
                         <h3>🔄 Вторичное использование</h3>
-                        <p>Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста. Контент работает везде.</p>
+                        <p>Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста.
+                            Контент работает везде.</p>
                     </article>
                 </div>
                 <div class="service-cta">
-                    <p class="detail-link"><a href="social-animation.html">Подробнее: анимационные ролики для соцсетей →</a></p>
+                    <p class="detail-link"><a href="/social-animation">Подробнее: анимационные ролики для соцсетей →</a>
-<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
+                    </p>
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать
+                        контент-пакет</a>
                 </div>
             </div>
         </section>
@@ -297,94 +336,121 @@
                 <h2 class="section-title">Дополнительные опции</h2>
                 <div class="extras-grid">
                     <div class="extra-item">
-<span class="extra-name">Дополнительная сцена</span><span class="extra-price">+800 ₽</span>
+                        <span class="extra-name">Дополнительная сцена</span><span class="extra-price">+800 ₽</span>
-</div>
+                    </div>
                     <div class="extra-item">
-<span class="extra-name">Срочность (24–48 часов)</span><span class="extra-price">+30%</span>
+                        <span class="extra-name">Срочность (24–48 часов)</span><span class="extra-price">+30%</span>
-</div>
+                    </div>
                     <div class="extra-item">
-<span class="extra-name">Уникальный персонаж с нуля</span><span class="extra-price">+1 500 ₽</span>
+                        <span class="extra-name">Уникальный персонаж с нуля</span><span class="extra-price">+1 500
-</div>
+                            ₽</span>
+                    </div>
                     <div class="extra-item">
-<span class="extra-name">Авторская музыка</span><span class="extra-price">+2 000 ₽</span>
+                        <span class="extra-name">Авторская музыка</span><span class="extra-price">+2 000 ₽</span>
-</div>
+                    </div>
                     <div class="extra-item">
-<span class="extra-name">Доп. раунд правок</span><span class="extra-price">+500 ₽</span>
+                        <span class="extra-name">Доп. раунд правок</span><span class="extra-price">+500 ₽</span>
-</div>
+                    </div>
                     <div class="extra-item">
-<span class="extra-name">Адаптация под 2 формата</span><span class="extra-price">+700 ₽</span>
+                        <span class="extra-name">Адаптация под 2 формата</span><span class="extra-price">+700 ₽</span>
-</div>
+                    </div>
                 </div>
             </div>
         </section>
-    <section class="section pricing" id="prices">
+        <section class="section pricing" id="prices">
-        <div class="container">
+            <div class="container">
-            <h2 class="section-title">Тарифы на ИИ-мультики</h2>
+                <h2 class="section-title">Тарифы на ИИ-мультики</h2>
-            <p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
+                <p class="section-subtitle">Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.</p>
-            <div class="pricing-grid">
+                <div class="pricing-grid">
-                <article class="price-card" id="tariff-1">
+                    <article class="price-card" id="tariff-1">
-                    <h3 class="price-name">Искры</h3>
+                        <h3 class="price-name">Искры</h3>
-                    <div class="price-desc">Короткий мультик до 30 секунд</div>
+                        <div class="price-desc">Короткий мультик до 30 секунд</div>
-                    <div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels</div>
+                        <div class="price-features">2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels
-                    <div class="price-value">2 500 ₽</div>
+                        </div>
-                    <a href="contacts.html" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
+                        <div class="price-value">2 500 ₽</div>
-                </article>
+                        <a href="/contacts" class="btn btn-outline" data-goal="order_sparks">Заказать</a>
-                <article class="price-card featured" id="tariff-2">
+                    </article>
-                    <div class="price-badge">Популярный</div>
+                    <article class="price-card featured" id="tariff-2">
-                    <h3 class="price-name">История</h3>
+                        <div class="price-badge">Популярный</div>
-                    <div class="price-desc">От 30 секунд до 1 минуты</div>
+                        <h3 class="price-name">История</h3>
-                    <div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
+                        <div class="price-desc">От 30 секунд до 1 минуты</div>
-                    <div class="price-value">4 500 ₽</div>
+                        <div class="price-features">4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция</div>
-                    <a href="contacts.html" class="btn btn-primary" data-goal="order_story">Заказать</a>
+                        <div class="price-value">4 500 ₽</div>
-                </article>
+                        <a href="/contacts" class="btn btn-primary" data-goal="order_story">Заказать</a>
-                <article class="price-card" id="tariff-3">
+                    </article>
-                    <h3 class="price-name">Сказка</h3>
+                    <article class="price-card" id="tariff-3">
-                    <div class="price-desc">От 1 до 2 минут</div>
+                        <h3 class="price-name">Сказка</h3>
-                    <div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип</div>
+                        <div class="price-desc">От 1 до 2 минут</div>
-                    <div class="price-value">9 000 ₽</div>
+                        <div class="price-features">От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и
-                    <a href="contacts.html" class="btn btn-outline" data-goal="order_tale">Заказать</a>
+                            логотип</div>
-                </article>
+                        <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>💡 <strong>Спецпредложение:</strong> первый тестовый мультик — со скидкой 30%. Попробуйте без
+                        риска!</p>
+                    <p>🎁 <strong>Пакет «Контент-месяц»</strong> (4 ролика) — скидка 15%.</p>
+                </div>
             </div>
-            <div class="pricing-note">
+        </section>
-                <p>💡 <strong>Спецпредложение:</strong> первый тестовый мультик — со скидкой 30%. Попробуйте без риска!</p>
-                <p>🎁 <strong>Пакет «Контент-месяц»</strong> (4 ролика) — скидка 15%.</p>
-            </div>
-        </div>
-    </section>
 
-    <section class="section"><div class="container faq">
+        <section class="section">
-<h2 class="section-title">Вопросы о заказе мультфильма</h2>
+            <div class="container faq">
-<details><summary>Сколько стоит мультфильм?</summary><p>Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные сцены, срочность и адаптации оплачиваются отдельно.</p></details><details><summary>Сколько времени занимает работа?</summary><p>Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала работы. Срочное изготовление обсуждается отдельно.</p></details><details><summary>Как заказать?</summary><p>Откройте <a href="contacts.html">контакты</a> и напишите в удобный мессенджер: кому нужен ролик, для чего и к какой дате.</p></details>
+                <h2 class="section-title">Вопросы о заказе мультфильма</h2>
-</div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></main>
+                <details>
+                    <summary>Сколько стоит мультфильм?</summary>
+                    <p>Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные
+                        сцены, срочность и адаптации оплачиваются отдельно.</p>
+                </details>
+                <details>
+                    <summary>Сколько времени занимает работа?</summary>
+                    <p>Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала
+                        работы. Срочное изготовление обсуждается отдельно.</p>
+                </details>
+                <details>
+                    <summary>Как заказать?</summary>
+                    <p>Откройте <a href="/contacts">контакты</a> и напишите в удобный мессенджер: кому нужен ролик, для
+                        чего и к какой дате.</p>
+                </details>
+            </div>
+        </section>
+        <p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p>
+    </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>
+                <a href="/" 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="/">Главная</a>
-                <a href="services.html">Услуги</a>
+                <a href="/services">Услуги</a>
-                <a href="portfolio.html">Работы</a>
+                <a href="/portfolio">Работы</a>
-                <a href="contacts.html">Контакты</a>
+                <a href="/contacts">Контакты</a>
             </div>
             <div class="footer-col">
                 <h2>Документы</h2>
-                <a href="legal.html">Политика cookies</a>
+                <a href="/legal">Политика cookies</a>
-                <a href="legal.html#agreement">Пользовательское соглашение</a>
+                <a href="/legal#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://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>
+        <div class="footer-bottom">
+            <div class="container">© 2026 Студия мультфильмов О'ляпка</div>
+        </div>
     </footer>
 
-    <script src="js/main.js" defer></script>
+    <script src="/js/main.js" defer></script>
+    <script src="/js/new-year.js" defer></script>
 </body>
-</html>
+
+</html>

html/services.md

@@ -0,0 +1,153 @@
+# Создание мультфильмов и ИИ-анимации
+
+Источник: https://olapka.ru/services
+
+Версия материалов: 2026-10-31.
+
+Персональные истории, рекламная анимация и ролики для соцсетей. Выберите направление и посмотрите, что можно заказать.
+
+🤍 Для души
+
+## Персональные ИИ-мультики
+
+Подарки, которые запоминаются на всю жизнь. Love Story, сказки для детей, поздравления близким.
+
+### 🎁 Подарок на день рождения
+
+Мультик, где именинник — главный герой. С его друзьями, увлечениями и вашими тёплыми словами. Забудьте про дежурные сертификаты — дарите эмоции.
+
+### 💍 Love Story
+
+Романтичная история вашей пары в формате анимации. Идеально для предложения руки и сердца, годовщины или просто чтобы сказать «люблю».
+
+### 🧸 Сказка для ребёнка
+
+Ваш малыш становится героем собственной сказки: побеждает монстров, учится чистить зубы, отправляется в волшебное путешествие.
+
+### 📱 Контент для личного блога
+
+Анимационные Reels и Stories для личного блога: ваши сюжеты, персонажи и узнаваемый стиль.
+
+[Подробнее: персональные мультфильмы на заказ →](https://olapka.ru/personal-animation)
+
+[Заказать личный мультик](https://olapka.ru/contacts)
+
+🚀 Для бизнеса
+
+## Рекламные ИИ-мультики
+
+Решаем задачи бизнеса через анимацию: от вирусной рекламы до имиджевых роликов для VIP-клиентов.
+
+### 🎯 Рекламный ролик
+
+Анимация, которая останавливает скролл и удерживает внимание. Покажем продукт через историю, а не через сухие факты.
+
+### 🆕 Запуск нового направления
+
+Объясним сложную услугу просто — через понятную метафору и тёплую историю. Клиенты поймут и влюбятся.
+
+### 🏢 Имиджевый ролик
+
+Выделит ваш бренд среди конкурентов, покажет инновационность и повысит лояльность клиентов.
+
+### 🎁 VIP-подарки клиентам
+
+Персональные мультики для ключевых клиентов и партнёров. То, что не выбрасывают и показывают друзьям.
+
+[Подробнее: рекламные анимационные ролики для бизнеса →](https://olapka.ru/business-animation)
+
+[Заказать для бизнеса](https://olapka.ru/contacts)
+
+📈 Для соцсетей
+
+## Контент-пакеты для регулярного ведения
+
+Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый стиль, сюжетные линии, вовлечённая аудитория.
+
+### 📦 Пакет «Контент-месяц»
+
+4 ролика + идея единой серии. Закрывает контент-план на месяц. Скидка 15%.
+
+### 🧵 Мультики-сериалы
+
+Единая вселенная вашего бренда с повторяющимися персонажами. Аудитория ждёт продолжения.
+
+### 🎄 Сезонные ролики
+
+Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей задачи.
+
+### 🔄 Вторичное использование
+
+Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста. Контент работает везде.
+
+[Подробнее: анимационные ролики для соцсетей →](https://olapka.ru/social-animation)
+
+[Заказать контент-пакет](https://olapka.ru/contacts)
+
+## Дополнительные опции
+
+Дополнительная сцена+800 ₽
+
+Срочность (24–48 часов)+30%
+
+Уникальный персонаж с нуля+1 500 ₽
+
+Авторская музыка+2 000 ₽
+
+Доп. раунд правок+500 ₽
+
+Адаптация под 2 формата+700 ₽
+
+## Тарифы на ИИ-мультики
+
+Выберите формат под вашу задачу. 1 кадр = 4–8 секунд.
+
+### Искры
+
+Короткий мультик до 30 секунд
+
+2–4 сцены • 1 раунд правок • Базовая озвучка • Формат под Reels
+
+2 500 ₽
+
+[Заказать](https://olapka.ru/contacts)
+
+Популярный
+
+### История
+
+От 30 секунд до 1 минуты
+
+4–7 сцен • 2 раунда правок • Озвучка и музыка • Цветокоррекция
+
+4 500 ₽
+
+[Заказать](https://olapka.ru/contacts)
+
+### Сказка
+
+От 1 до 2 минут
+
+От 8 сцен • 3 раунда правок • Профессиональная озвучка • Титры и логотип
+
+9 000 ₽
+
+[Заказать](https://olapka.ru/contacts)
+
+💡 Спецпредложение: первый тестовый мультик — со скидкой 30%. Попробуйте без риска!
+
+🎁 Пакет «Контент-месяц» (4 ролика) — скидка 15%.
+
+## Вопросы о заказе мультфильма
+
+### Сколько стоит мультфильм?
+
+Тарифы студии: 2 500 ₽, 4 500 ₽ и 9 000 ₽. Состав и длительность указаны выше. Дополнительные сцены, срочность и адаптации оплачиваются отдельно.
+
+### Сколько времени занимает работа?
+
+Срок зависит от сценария, длительности и количества правок. Дату готовности согласуем до начала работы. Срочное изготовление обсуждается отдельно.
+
+### Как заказать?
+
+Откройте [контакты](https://olapka.ru/contacts) и напишите в удобный мессенджер: кому нужен ролик, для чего и к какой дате.

html/sitemap.xml

@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-  <url><loc>https://olapka.ru/contacts.html</loc><lastmod>2026-10-30</lastmod></url>
+  <url><loc>https://olapka.ru/contacts</loc><lastmod>2026-10-31</lastmod></url>
-  <url><loc>https://olapka.ru/</loc><lastmod>2026-10-30</lastmod></url>
+  <url><loc>https://olapka.ru/</loc><lastmod>2026-11-08</lastmod></url>
-  <url><loc>https://olapka.ru/services.html</loc><lastmod>2026-10-30</lastmod></url>
+  <url><loc>https://olapka.ru/services</loc><lastmod>2026-10-31</lastmod></url>
-  <url><loc>https://olapka.ru/portfolio.html</loc><lastmod>2026-10-30</lastmod></url>
+  <url><loc>https://olapka.ru/portfolio</loc><lastmod>2026-11-08</lastmod></url>
-  <url><loc>https://olapka.ru/personal-animation.html</loc><lastmod>2026-10-30</lastmod></url>
+  <url><loc>https://olapka.ru/personal-animation</loc><lastmod>2026-10-31</lastmod></url>
-  <url><loc>https://olapka.ru/business-animation.html</loc><lastmod>2026-10-30</lastmod></url>
+  <url><loc>https://olapka.ru/business-animation</loc><lastmod>2026-10-31</lastmod></url>
-  <url><loc>https://olapka.ru/social-animation.html</loc><lastmod>2026-10-30</lastmod></url>
+  <url><loc>https://olapka.ru/social-animation</loc><lastmod>2026-10-31</lastmod></url>
 </urlset>

html/social-animation.html

@@ -4,22 +4,22 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- Open Graph -->
-    <link rel="icon" type="image/svg+xml" href="img/favicon.svg">
+    <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&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="/css/style.css">
     
     <!-- JSON-LD: 3 услуги -->
     <!-- Yandex.Metrika -->
     <title>Анимационные ролики для соцсетей — О’ляпка</title>
 <meta name="description" content="Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.">
-<link rel="canonical" href="https://olapka.ru/social-animation.html">
+<link rel="canonical" href="https://olapka.ru/social-animation">
 <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="Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.">
-<meta property="og:url" content="https://olapka.ru/social-animation.html">
+<meta property="og:url" content="https://olapka.ru/social-animation">
 <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">
@@ -28,6 +28,8 @@
 <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="/social-animation.md" title="Анимация для соцсетей — Markdown">
 <script type="application/ld+json">{
   "@context": "https://schema.org",
   "@graph": [
@@ -48,7 +50,7 @@
         "telephone": "+79160957383",
         "contactType": "customer service",
         "availableLanguage": "ru",
-        "url": "https://olapka.ru/contacts.html"
+        "url": "https://olapka.ru/contacts"
       }
     },
     {
@@ -63,8 +65,8 @@
     },
     {
       "@type": "WebPage",
-      "@id": "https://olapka.ru/social-animation.html#webpage",
+      "@id": "https://olapka.ru/social-animation#webpage",
-      "url": "https://olapka.ru/social-animation.html",
+      "url": "https://olapka.ru/social-animation",
       "name": "Анимационные ролики для соцсетей — О’ляпка",
       "description": "Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.",
       "inLanguage": "ru",
@@ -75,15 +77,15 @@
         "@id": "https://olapka.ru/#organization"
       },
       "breadcrumb": {
-        "@id": "https://olapka.ru/social-animation.html#breadcrumbs"
+        "@id": "https://olapka.ru/social-animation#breadcrumbs"
       },
       "mainEntity": {
-        "@id": "https://olapka.ru/social-animation.html#service"
+        "@id": "https://olapka.ru/social-animation#service"
       }
     },
     {
       "@type": "BreadcrumbList",
-      "@id": "https://olapka.ru/social-animation.html#breadcrumbs",
+      "@id": "https://olapka.ru/social-animation#breadcrumbs",
       "itemListElement": [
         {
           "@type": "ListItem",
@@ -95,33 +97,34 @@
           "@type": "ListItem",
           "position": 2,
           "name": "Услуги",
-          "item": "https://olapka.ru/services.html"
+          "item": "https://olapka.ru/services"
         },
         {
           "@type": "ListItem",
           "position": 3,
           "name": "Анимационные ролики для соцсетей",
-          "item": "https://olapka.ru/social-animation.html"
+          "item": "https://olapka.ru/social-animation"
         }
       ]
     },
     {
       "@type": "Service",
-      "@id": "https://olapka.ru/social-animation.html#service",
+      "@id": "https://olapka.ru/social-animation#service",
       "name": "Анимационные ролики для соцсетей",
       "description": "Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.",
       "serviceType": "Анимационные ролики для соцсетей",
-      "url": "https://olapka.ru/social-animation.html",
+      "url": "https://olapka.ru/social-animation",
       "provider": {
         "@id": "https://olapka.ru/#organization"
       }
     }
   ]
 }</script>
+<link rel="stylesheet" href="/css/new-year.css">
 </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 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>
@@ -129,26 +132,26 @@
 </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>
+            <a href="/" 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">Главная</a>
+                <a href="/" class="nav-link">Главная</a>
-                <a href="services.html" class="nav-link active">Услуги</a>
+                <a href="/services" class="nav-link active">Услуги</a>
-                <a href="portfolio.html" class="nav-link">Работы</a>
+                <a href="/portfolio" class="nav-link">Работы</a>
-                <a href="contacts.html" class="nav-link">Контакты</a>
+                <a href="/contacts" class="nav-link">Контакты</a>
             </nav>
-            <a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
+            <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"><span></span><span></span><span></span></button>
         </div>
     </header>
 
     <main id="main-content" tabindex="-1"><nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
-<li><a href="index.html">Главная</a></li>
+<li><a href="/">Главная</a></li>
-<li><a href="services.html">Услуги</a></li>
+<li><a href="/services">Услуги</a></li>
 <li><span aria-current="page">Анимационные ролики для соцсетей</span></li>
 </ol></nav><section class="page-hero"><div class="container">
 <h1 class="page-title">Анимационные ролики для соцсетей</h1>
 <p class="page-subtitle">Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.</p>
-<p class="service-cta"><a class="btn btn-primary" href="contacts.html" data-goal="order_service">Обсудить мультфильм</a></p>
+<p class="service-cta"><a class="btn btn-primary" href="/contacts" data-goal="order_service">Обсудить мультфильм</a></p>
 </div></section><section class="section service-block" id="social">
             <div class="container">
                 <div class="service-head">
@@ -175,7 +178,7 @@
                     </article>
                 </div>
                 <div class="service-cta">
-                    <a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
+                    <a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_content_page">Заказать контент-пакет</a>
                 </div>
             </div>
         </section>
@@ -186,31 +189,31 @@
 <div class="service-summary">
 <h2>Стоимость и сроки</h2>
 <p>В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.</p>
-<p>Посмотрите <a href="index.html#prices">состав тарифов</a> и <a href="services.html#extras">дополнительные опции</a>. Стоимость, срок и формат результата согласуем до начала работы.</p>
+<p>Посмотрите <a href="/#prices">состав тарифов</a> и <a href="/services#extras">дополнительные опции</a>. Стоимость, срок и формат результата согласуем до начала работы.</p>
 <h2>Как проходит работа</h2>
 <p>Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.</p>
-<p><a href="portfolio.html">Посмотреть примеры работ</a> · <a href="contacts.html">Связаться со студией</a></p>
+<p><a href="/portfolio">Посмотреть примеры работ</a> · <a href="/contacts">Связаться со студией</a></p>
 </div>
 </div></section><section class="section"><div class="container">
 <h2 class="section-title">Другие услуги</h2>
-<nav class="service-links" aria-label="Другие услуги"><a href="personal-animation.html">Персональные мультфильмы на заказ</a><a href="business-animation.html">Рекламные анимационные ролики для бизнеса</a></nav>
+<nav class="service-links" aria-label="Другие услуги"><a href="/personal-animation">Персональные мультфильмы на заказ</a><a href="/business-animation">Рекламные анимационные ролики для бизнеса</a></nav>
 </div></section><p class="container privacy-settings"><button type="button" id="cookieSettings">Настройки аналитики</button></p></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>
+                <a href="/" 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="/">Главная</a>
-                <a href="services.html">Услуги</a>
+                <a href="/services">Услуги</a>
-                <a href="portfolio.html">Работы</a>
+                <a href="/portfolio">Работы</a>
-                <a href="contacts.html">Контакты</a>
+                <a href="/contacts">Контакты</a>
             </div>
             <div class="footer-col">
                 <h2>Документы</h2>
-                <a href="legal.html">Политика cookies</a>
+                <a href="/legal">Политика cookies</a>
-                <a href="legal.html#agreement">Пользовательское соглашение</a>
+                <a href="/legal#agreement">Пользовательское соглашение</a>
             </div>
             <div class="footer-col">
                 <h2>Связаться</h2>
@@ -222,6 +225,7 @@
         <div class="footer-bottom"><div class="container">© 2026 Студия мультфильмов О'ляпка</div></div>
     </footer>
 
-    <script src="js/main.js" defer></script>
+    <script src="/js/main.js" defer></script>
+<script src="/js/new-year.js" defer></script>
 </body>
 </html>

html/social-animation.md

@@ -0,0 +1,51 @@
+# Анимационные ролики для соцсетей
+
+Источник: https://olapka.ru/social-animation
+
+Версия материалов: 2026-10-31.
+
+Мультики для Reels, Stories, ВКонтакте и Telegram: отдельные ролики, сезонные сюжеты и серии в едином стиле.
+
+[Обсудить мультфильм](https://olapka.ru/contacts)
+
+📈 Для соцсетей
+
+## Контент-пакеты для регулярного ведения
+
+Серии мультиков, которые закрывают контент-план на месяц вперёд. Единый стиль, сюжетные линии, вовлечённая аудитория.
+
+### 📦 Пакет «Контент-месяц»
+
+4 ролика + идея единой серии. Закрывает контент-план на месяц. Скидка 15%.
+
+### 🧵 Мультики-сериалы
+
+Единая вселенная вашего бренда с повторяющимися персонажами. Аудитория ждёт продолжения.
+
+### 🎄 Сезонные ролики
+
+Ролики к Новому году, 1 сентября и другим событиям. Срок адаптации обсуждаем с учётом вашей задачи.
+
+### 🔄 Вторичное использование
+
+Один мультик = 1 Reels + 5 нарезок для сторис + пост в Telegram + обложка для подкаста. Контент работает везде.
+
+[Заказать контент-пакет](https://olapka.ru/contacts)
+
+## Что подготовить для заказа
+
+Укажите площадки, темы и частоту публикаций. Пришлите примеры вашего контента и пожелания к персонажам и формату роликов.
+
+## Стоимость и сроки
+
+В студии есть тарифы «Искры» — 2 500 ₽, «История» — 4 500 ₽ и «Сказка» — 9 000 ₽. Это общие тарифы по длительности и составу работы, а не фиксированная цена любого проекта в этом направлении.
+
+Посмотрите [состав тарифов](https://olapka.ru/#prices) и [дополнительные опции](https://olapka.ru/services#extras). Стоимость, срок и формат результата согласуем до начала работы.
+
+## Как проходит работа
+
+Обсуждаем задачу и условия, утверждаем сценарий и стиль, создаём анимацию и озвучку. Затем показываем результат и вносим правки в рамках выбранного тарифа.
+
+[Посмотреть примеры работ](https://olapka.ru/portfolio) · [Связаться со студией](https://olapka.ru/contacts)
+
+## Другие услуги

olapka-ram-start.sh

@@ -0,0 +1,11 @@
+#!/bin/sh
+set -eu
+src=/srv/olapka-source
+dst=/srv/olapka-ram
+awk -v p="$dst" '$2==p && $3=="tmpfs" {found=1} END {exit !found}' /proc/mounts || { echo "Missing tmpfs: $dst" >&2; exit 1; }
+test -s "$src/index.html" || { echo "Missing source index.html" >&2; exit 1; }
+test -z "$(find "$src" -type l -print -quit)" || { echo "Use regular site files instead of symbolic links." >&2; exit 1; }
+cp -a "$src/." "$dst/"
+chmod 0755 "$dst"
+nginx -t
+exec /docker-entrypoint.sh "$@"

push-prod.sh

@@ -0,0 +1 @@
+docker push code.mkwk.ru/alexencom/olapka-ru:latest