{
  "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 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='3'/><circle cx='5' cy='6' r='2'/><circle cx='19' cy='6' r='2'/><circle cx='5' cy='18' r='2'/><circle cx='19' cy='18' r='2'/><path d='M7 7l3 3'/><path d='M17 7l-3 3'/><path d='M7 17l3-3'/><path d='M17 17l-3-3'/></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 viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7l9 6 9-6'/><path d='M16 17l2 2 3-3'/></svg></div><h3 class='projects__card-title'>Проверка Email</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 { background: linear-gradient(160deg, #ffffff 0%, #eef4ff 55%, #e2ecff 100%); padding: 96px 24px 88px; } .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; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #2563eb; background: #ffffff; border: 1px solid #d6e4ff; border-radius: 999px; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.08); } .hero .hero__title { margin: 0 0 12px; font-size: clamp(38px, 6vw, 60px); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #0f2a5c; } .hero .hero__subtitle { margin: 0 0 24px; font-size: clamp(18px, 2.4vw, 22px); font-weight: 600; color: #2563eb; } .hero .hero__lead { max-width: 620px; margin: 0 auto; font-size: 17px; line-height: 1.7; color: #4a5b78; }",
    "projects": ".projects { background: #ffffff; padding: 88px 24px; } .projects .projects__inner { max-width: 1040px; 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: #0f2a5c; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 28px; } .projects .projects__card { display: block; padding: 32px; text-decoration: none; background: #f7faff; border: 1px solid #e2ecff; border-radius: 20px; box-shadow: 0 10px 30px rgba(37, 99, 235, 0.07); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .projects .projects__card:hover { transform: translateY(-4px); border-color: #bcd4ff; box-shadow: 0 18px 40px rgba(37, 99, 235, 0.14); } .projects .projects__icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 22px; color: #2563eb; background: #ffffff; border: 1px solid #d6e4ff; border-radius: 16px; box-shadow: 0 6px 16px rgba(37, 99, 235, 0.1); } .projects .projects__icon svg { width: 28px; height: 28px; } .projects .projects__card-title { margin: 0 0 10px; font-size: 21px; font-weight: 700; color: #0f2a5c; } .projects .projects__card-text { margin: 0; font-size: 15px; line-height: 1.65; color: #4a5b78; }",
    "footer": ".footer { background: #eef4ff; padding: 36px 24px; border-top: 1px solid #dbe7ff; } .footer .footer__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; max-width: 1040px; margin: 0 auto; } .footer .footer__copy { margin: 0; font-size: 14px; color: #4a5b78; } .footer .footer__nav { display: flex; gap: 24px; } .footer .footer__link { font-size: 14px; font-weight: 500; color: #2563eb; text-decoration: none; transition: color 0.2s ease; } .footer .footer__link:hover { color: #0f2a5c; }"
  }
}