{
  "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' xmlns='http://www.w3.org/2000/svg'><path d='M3 3H5L5.4 5M7 13H17L21 5H5.4M7 13L5.4 5M7 13L4.707 15.293C4.077 15.923 4.523 17 5.414 17H17M17 17C15.895 17 15 17.895 15 19C15 20.105 15.895 21 17 21C18.105 21 19 20.105 19 19C19 17.895 18.105 17 17 17ZM9 19C9 20.105 8.105 21 7 21C5.895 21 5 20.105 5 19C5 17.895 5.895 17 7 17C8.105 17 9 17.895 9 19Z' stroke='#6366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></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' xmlns='http://www.w3.org/2000/svg'><path d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM12 6C9.79 6 8 7.79 8 10C8 12.21 9.79 14 12 14C14.21 14 16 12.21 16 10C16 7.79 14.21 6 12 6ZM12 12C10.9 12 10 11.1 10 10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 11.1 13.1 12 12 12Z' fill='#6366f1'/></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' xmlns='http://www.w3.org/2000/svg'><path d='M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 18H4V6H20V18ZM6 10H18V12H6V10ZM6 14H15V16H6V14Z' fill='#6366f1'/></svg></div><h3 class='projects__card-title'>Корпоративный магазин</h3><p class='projects__card-text'>B2B-портал с личным кабинетом и интеграцией с 1С.</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: 80px 24px; background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%); border-radius: 32px; margin: 24px; } .hero .hero__inner { max-width: 800px; margin: 0 auto; text-align: center; } .hero .hero__eyebrow { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #8b5cf6; margin-bottom: 16px; } .hero .hero__title { font-size: 48px; font-weight: 800; color: #1e1b4b; margin: 0 0 12px; line-height: 1.2; } .hero .hero__subtitle { font-size: 20px; font-weight: 500; color: #6d28d9; margin: 0 0 24px; } .hero .hero__lead { font-size: 18px; line-height: 1.6; color: #4c1d95; max-width: 600px; margin: 0 auto; opacity: 0.9; }",
    "projects": ".projects { padding: 60px 24px; background: #ffffff; border-radius: 32px; margin: 24px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04); } .projects .projects__inner { max-width: 1000px; margin: 0 auto; } .projects .projects__title { font-size: 32px; font-weight: 700; color: #1e1b4b; text-align: center; margin-bottom: 40px; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .projects .projects__card { display: block; padding: 28px; background: #f8fafc; border-radius: 20px; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; border: 1px solid #e2e8f0; } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(99, 102, 241, 0.12); } .projects .projects__icon { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background: #eef2ff; border-radius: 16px; margin-bottom: 20px; } .projects .projects__card-title { font-size: 20px; font-weight: 600; color: #1e1b4b; margin: 0 0 8px; } .projects .projects__card-text { font-size: 15px; line-height: 1.5; color: #64748b; margin: 0; }",
    "footer": ".footer { padding: 32px 24px; background: #f8fafc; border-radius: 32px; margin: 24px; border-top: 1px solid #e2e8f0; } .footer .footer__inner { max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; 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: #6366f1; text-decoration: none; transition: color 0.2s; } .footer .footer__link:hover { color: #4f46e5; }"
  }
}