{
  "hero": "<section class='hero'><div class='hero__inner'><p class='hero__eyebrow'>Персональный сайт</p><h1 class='hero__title'>Кинокаталог</h1><p class='hero__subtitle'>Коллекция фильмов и сериалов</p><p class='hero__lead'>Добро пожаловать в мой личный каталог кино. Здесь собраны любимые фильмы, редкие находки и рекомендации для уютного вечера.</p></div></section>",
  "projects": "<section class='projects'><div class='projects__inner'><h2 class='projects__title'>Мои проекты</h2><div class='projects__grid'><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='3'/><path d='M10 9l5 3-5 3V9z'/></svg></div><h3 class='projects__card-title'>Классика кино</h3><p class='projects__card-text'>Подборка культовых фильмов прошлого века с рецензиями и историей создания.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6h16M4 12h16M4 18h10'/></svg></div><h3 class='projects__card-title'>Списки и подборки</h3><p class='projects__card-text'>Тематические списки: для вечера, для путешествия, для вдохновения.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l2.5 5.5L20 9l-4 4 1 6-5-3-5 3 1-6-4-4 5.5-.5L12 3z'/></svg></div><h3 class='projects__card-title'>Рекомендации</h3><p class='projects__card-text'>Личные советы: что посмотреть, если хочется чего-то особенного.</p></a></div></div></section>",
  "footer": "<footer class='footer'><div class='footer__inner'><p class='footer__copy'>© 2026 Кинокаталог</p><nav class='footer__nav'><a href='/policy' class='footer__link'>Политика</a><a href='/rules' class='footer__link'>Правила</a></nav></div></footer>",
  "css": {
    "hero": ".hero { padding: 96px 24px 72px; background: linear-gradient(180deg, #f5f3ff 0%, #eef2ff 100%); font-family: 'Inter', system-ui, -apple-system, sans-serif; } .hero .hero__inner { max-width: 880px; margin: 0 auto; text-align: center; } .hero .hero__eyebrow { display: inline-block; margin: 0 0 20px; padding: 6px 16px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6366f1; background: #ffffff; border-radius: 999px; box-shadow: 0 4px 14px rgba(99, 102, 241, 0.12); } .hero .hero__title { margin: 0 0 16px; font-size: clamp(40px, 6vw, 64px); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: #1e1b4b; } .hero .hero__subtitle { margin: 0 0 24px; font-size: clamp(18px, 2.4vw, 22px); font-weight: 500; color: #4f46e5; } .hero .hero__lead { max-width: 640px; margin: 0 auto; font-size: 17px; line-height: 1.7; color: #475569; }",
    "projects": ".projects { padding: 80px 24px; background: #ffffff; font-family: 'Inter', system-ui, -apple-system, sans-serif; } .projects .projects__inner { max-width: 1120px; margin: 0 auto; } .projects .projects__title { margin: 0 0 40px; font-size: clamp(28px, 4vw, 40px); font-weight: 800; letter-spacing: -0.02em; color: #1e1b4b; text-align: center; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; } .projects .projects__card { display: block; padding: 32px 28px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 20px; text-decoration: none; color: inherit; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(79, 70, 229, 0.12); border-color: #c7d2fe; } .projects .projects__icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 20px; border-radius: 16px; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #ffffff; box-shadow: 0 8px 20px rgba(99, 102, 241, 0.28); } .projects .projects__card-title { margin: 0 0 10px; font-size: 20px; font-weight: 700; color: #1e1b4b; } .projects .projects__card-text { margin: 0; font-size: 15px; line-height: 1.65; color: #64748b; }",
    "footer": ".footer { padding: 32px 24px; background: #f5f3ff; border-top: 1px solid #e9e5ff; font-family: 'Inter', system-ui, -apple-system, sans-serif; } .footer .footer__inner { max-width: 1120px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; } .footer .footer__copy { margin: 0; font-size: 14px; color: #64748b; } .footer .footer__nav { display: flex; gap: 24px; } .footer .footer__link { font-size: 14px; font-weight: 500; color: #4f46e5; text-decoration: none; transition: color 0.2s ease; } .footer .footer__link:hover { color: #7c3aed; }"
  }
}