{
  "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 xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='2' width='20' height='20' rx='2.18' ry='2.18'/><line x1='7' y1='2' x2='7' y2='22'/><line x1='17' y1='2' x2='17' y2='22'/><line x1='2' y1='12' x2='22' y2='12'/><line x1='2' y1='7' x2='7' y2='7'/><line x1='2' y1='17' x2='7' y2='17'/><line x1='17' y1='17' x2='22' y2='17'/><line x1='17' y1='7' x2='22' y2='7'/></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 xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/></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 xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polygon points='10 8 16 12 10 16 10 8'/></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: 120px 24px 80px; background: linear-gradient(135deg, #f5f3ff 0%, #eef2ff 50%, #f8fafc 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; padding: 8px 18px; margin: 0 0 24px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #6366f1; background: rgba(99, 102, 241, 0.1); border-radius: 999px; } .hero .hero__title { margin: 0 0 16px; font-size: clamp(40px, 6vw, 64px); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #1e1b4b; } .hero .hero__subtitle { margin: 0 0 24px; font-size: clamp(18px, 2.4vw, 22px); font-weight: 500; color: #6366f1; } .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 48px; 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(280px, 1fr)); gap: 28px; } .projects .projects__card { display: flex; flex-direction: column; padding: 32px; background: #ffffff; border: 1px solid #eef2ff; border-radius: 20px; box-shadow: 0 4px 24px rgba(99, 102, 241, 0.08); text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(99, 102, 241, 0.16); } .projects .projects__icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 20px; color: #6366f1; background: linear-gradient(135deg, #eef2ff, #f5f3ff); border-radius: 16px; } .projects .projects__card-title { margin: 0 0 12px; font-size: 20px; font-weight: 700; color: #1e1b4b; } .projects .projects__card-text { margin: 0; font-size: 15px; line-height: 1.6; color: #64748b; }",
    "footer": ".footer { padding: 40px 24px; background: #f8fafc; border-top: 1px solid #eef2ff; font-family: 'Inter', system-ui, -apple-system, sans-serif; } .footer .footer__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; max-width: 1120px; margin: 0 auto; } .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: #6366f1; text-decoration: none; transition: color 0.2s ease; } .footer .footer__link:hover { color: #4f46e5; }"
  }
}