{
  "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='M8 4v16M16 4v16M2 12h20'/></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'><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><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 2L2 7l10 5 10-5-10-5z'/><path d='M2 17l10 5 10-5'/><path d='M2 12l10 5 10-5'/></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='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M23 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></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: 100px 24px 80px; background: linear-gradient(145deg, #f5f3ff 0%, #eef2ff 100%); border-radius: 0 0 48px 48px; } .hero .hero__inner { max-width: 800px; margin: 0 auto; text-align: center; } .hero .hero__eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #7c6fcf; margin-bottom: 16px; } .hero .hero__title { font-size: clamp(36px, 6vw, 64px); font-weight: 800; line-height: 1.1; color: #1e1b4b; margin: 0 0 12px; letter-spacing: -0.02em; } .hero .hero__subtitle { font-size: clamp(18px, 2.5vw, 24px); font-weight: 500; color: #6d5fc7; margin: 0 0 24px; } .hero .hero__lead { font-size: 18px; line-height: 1.7; color: #4b5563; max-width: 640px; margin: 0 auto; }",
    "projects": ".projects { padding: 80px 24px; background: #ffffff; } .projects .projects__inner { max-width: 1100px; margin: 0 auto; } .projects .projects__title { font-size: clamp(28px, 4vw, 40px); font-weight: 700; color: #1e1b4b; text-align: center; margin: 0 0 48px; letter-spacing: -0.01em; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; } .projects .projects__card { display: flex; flex-direction: column; padding: 32px 28px; background: #faf9ff; border-radius: 24px; border: 1px solid #ede9fe; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(109, 95, 199, 0.15); } .projects .projects__icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background: #ede9fe; border-radius: 16px; color: #6d5fc7; margin-bottom: 20px; } .projects .projects__card-title { font-size: 20px; font-weight: 700; color: #1e1b4b; margin: 0 0 8px; } .projects .projects__card-text { font-size: 15px; line-height: 1.6; color: #6b7280; margin: 0; }",
    "footer": ".footer { padding: 32px 24px; background: #f5f3ff; border-top: 1px solid #ede9fe; } .footer .footer__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; } .footer .footer__copy { font-size: 14px; color: #6b7280; margin: 0; } .footer .footer__nav { display: flex; gap: 24px; } .footer .footer__link { font-size: 14px; color: #6d5fc7; text-decoration: none; transition: color 0.2s ease; } .footer .footer__link:hover { color: #4c3fa8; }"
  }
}