{
  "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='3' width='20' height='14' rx='2'/><path d='M8 21h8'/><path d='M12 17v4'/></svg></div><h3 class='projects__card-title'>AeroBook Pro 14</h3><p class='projects__card-text'>Лёгкий ноутбук для офиса и учёбы: 16 ГБ ОЗУ, SSD 512 ГБ, яркий экран.</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'><rect x='4' y='2' width='16' height='20' rx='2'/><path d='M9 18h6'/></svg></div><h3 class='projects__card-title'>Tower X Gaming</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'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='M6 8h.01M10 8h.01M14 8h.01M18 8h.01M6 12h.01M10 12h.01M14 12h.01M18 12h.01M6 16h.01M10 16h.01M14 16h.01M18 16h.01'/></svg></div><h3 class='projects__card-title'>MiniCube Office</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 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83'/></svg></div><h3 class='projects__card-title'>WorkStation Z</h3><p class='projects__card-text'>Рабочая станция для 3D и монтажа: 64 ГБ ОЗУ, профессиональная графика.</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(135deg, #f5f3ff 0%, #eef2ff 50%, #f8fafc 100%); font-family: 'Inter', system-ui, -apple-system, sans-serif; } .hero .hero__inner { max-width: 820px; margin: 0 auto; text-align: center; } .hero .hero__eyebrow { display: inline-block; margin: 0 0 20px; padding: 8px 18px; border-radius: 999px; background: rgba(99, 102, 241, 0.1); color: #6366f1; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .hero .hero__title { margin: 0 0 16px; font-size: clamp(36px, 6vw, 56px); line-height: 1.1; font-weight: 800; letter-spacing: -0.02em; color: #1e1b4b; } .hero .hero__subtitle { margin: 0 0 24px; font-size: 20px; font-weight: 500; color: #6366f1; } .hero .hero__lead { margin: 0 auto; max-width: 640px; font-size: 17px; line-height: 1.7; color: #475569; }",
    "projects": ".projects { padding: 72px 24px 96px; background: #f8fafc; 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, 38px); font-weight: 800; letter-spacing: -0.02em; color: #1e1b4b; text-align: center; } .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: 28px; border-radius: 20px; background: #ffffff; border: 1px solid #e2e8f0; box-shadow: 0 4px 16px rgba(30, 27, 75, 0.06); text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(99, 102, 241, 0.15); } .projects .projects__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 20px; border-radius: 16px; background: linear-gradient(135deg, #eef2ff, #e0e7ff); color: #6366f1; } .projects .projects__card-title { margin: 0 0 10px; font-size: 19px; font-weight: 700; color: #1e1b4b; } .projects .projects__card-text { margin: 0; font-size: 15px; line-height: 1.6; color: #64748b; }",
    "footer": ".footer { padding: 32px 24px; background: #f1f5f9; border-top: 1px solid #e2e8f0; 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; }"
  }
}