{
  "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='28' height='28' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='3' width='20' height='14' rx='2'/><line x1='8' y1='21' x2='16' y2='21'/><line x1='12' y1='17' x2='12' y2='21'/></svg></div><h3 class='projects__card-title'>Aero Office Mini</h3><p class='projects__card-text'>Компактный системный блок для офиса: тихий, экономичный, с быстрым SSD и поддержкой двух мониторов.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='28' height='28' 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'>Nova Studio Pro</h3><p class='projects__card-text'>Станция для дизайна и монтажа: мощный процессор, дискретная графика и продуманное охлаждение.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><polygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/></svg></div><h3 class='projects__card-title'>Pulse Game X</h3><p class='projects__card-text'>Игровая сборка с высокой частотой кадров, подсветкой и запасом мощности для апгрейда.</p></a><a href='#' class='projects__card'><div class='projects__icon'><svg width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='12' rx='2'/><path d='M7 20h10'/><path d='M9 16v4'/><path d='M15 16v4'/></svg></div><h3 class='projects__card-title'>Eco Home 24</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(160deg, #f5f7ff 0%, #eef1fb 55%, #f9f7ff 100%); } .hero .hero__inner { max-width: 880px; margin: 0 auto; text-align: center; } .hero .hero__eyebrow { display: inline-block; margin: 0 0 20px; padding: 8px 18px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #5b5bd6; background: #ffffff; border-radius: 999px; box-shadow: 0 6px 18px rgba(91, 91, 214, 0.12); } .hero .hero__title { margin: 0 0 16px; font-size: clamp(36px, 6vw, 60px); line-height: 1.08; font-weight: 800; letter-spacing: -0.02em; color: #1e1b4b; } .hero .hero__subtitle { margin: 0 0 24px; font-size: clamp(18px, 2.4vw, 22px); font-weight: 600; color: #6d5bd0; } .hero .hero__lead { max-width: 640px; margin: 0 auto; font-size: 17px; line-height: 1.7; color: #4b4b63; }",
    "projects": ".projects { padding: 72px 24px 96px; background: #fbfbff; } .projects .projects__inner { max-width: 1120px; margin: 0 auto; } .projects .projects__title { margin: 0 0 40px; font-size: clamp(28px, 4vw, 38px); font-weight: 800; letter-spacing: -0.02em; text-align: center; color: #1e1b4b; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; } .projects .projects__card { display: flex; flex-direction: column; gap: 14px; padding: 28px; text-decoration: none; background: #ffffff; border: 1px solid #eceafd; border-radius: 20px; box-shadow: 0 10px 30px rgba(46, 41, 120, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease; } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(46, 41, 120, 0.12); } .projects .projects__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; color: #5b5bd6; background: #eef0ff; border-radius: 16px; } .projects .projects__card-title { margin: 0; font-size: 19px; font-weight: 700; color: #1e1b4b; } .projects .projects__card-text { margin: 0; font-size: 15px; line-height: 1.65; color: #5a5a72; }",
    "footer": ".footer { padding: 32px 24px; background: #f3f4fb; border-top: 1px solid #e6e6f5; } .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: #6b6b85; } .footer .footer__nav { display: flex; gap: 24px; } .footer .footer__link { font-size: 14px; font-weight: 500; color: #5b5bd6; text-decoration: none; transition: color 0.2s ease; } .footer .footer__link:hover { color: #3f3fb0; }"
  }
}