{
  "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='#2563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2a10 10 0 1 0 10 10 10 10 0 0 0-10-10z'/><path d='M12 6v6l4 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='#2563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><polyline points='22,6 12,13 2,6'/></svg></div><h3 class='projects__card-title'>Проверка Email</h3><p class='projects__card-text'>Сервис валидации и верификации email-адресов в реальном времени.</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(135deg, #f0f4ff 0%, #ffffff 100%); padding: 80px 24px; border-radius: 24px; margin: 24px; box-shadow: 0 8px 30px rgba(37, 99, 235, 0.08); } .hero .hero__inner { max-width: 800px; margin: 0 auto; text-align: center; } .hero .hero__eyebrow { font-size: 14px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #2563eb; margin-bottom: 16px; } .hero .hero__title { font-size: 48px; font-weight: 700; color: #1e293b; margin: 0 0 12px; line-height: 1.2; } .hero .hero__subtitle { font-size: 22px; font-weight: 500; color: #3b82f6; margin: 0 0 24px; } .hero .hero__lead { font-size: 18px; line-height: 1.6; color: #475569; max-width: 600px; margin: 0 auto; }",
    "projects": ".projects { background: #ffffff; padding: 80px 24px; border-radius: 24px; margin: 24px; box-shadow: 0 8px 30px rgba(37, 99, 235, 0.08); } .projects .projects__inner { max-width: 1000px; margin: 0 auto; } .projects .projects__title { font-size: 36px; font-weight: 700; color: #1e293b; text-align: center; margin: 0 0 48px; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .projects .projects__card { display: block; background: #f8fafc; border-radius: 20px; padding: 32px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(37, 99, 235, 0.12); } .projects .projects__icon { width: 56px; height: 56px; background: #dbeafe; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .projects .projects__card-title { font-size: 20px; font-weight: 600; color: #1e293b; margin: 0 0 12px; } .projects .projects__card-text { font-size: 16px; line-height: 1.5; color: #64748b; margin: 0; }",
    "footer": ".footer { background: #f8fafc; padding: 32px 24px; border-radius: 24px; margin: 24px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); } .footer .footer__inner { max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; } .footer .footer__copy { font-size: 14px; color: #64748b; margin: 0; } .footer .footer__nav { display: flex; gap: 24px; } .footer .footer__link { font-size: 14px; color: #3b82f6; text-decoration: none; transition: color 0.2s ease; } .footer .footer__link:hover { color: #1e40af; }"
  }
}