{
  "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='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='24' cy='24' r='20' fill='#FF6B6B'/><circle cx='24' cy='24' r='12' fill='#FFD93D'/><circle cx='24' cy='24' r='6' fill='#6BCB77'/></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='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='8' y='8' width='32' height='32' rx='8' fill='#4D96FF'/><circle cx='24' cy='24' r='8' fill='#FFD93D'/></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='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M24 4L30 18H44L34 28L38 44L24 36L10 44L14 28L4 18H18L24 4Z' fill='#FFD93D'/><circle cx='24' cy='24' r='6' fill='#FF6B6B'/></svg></div><h3 class='projects__card-title'>Весёлые старты</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(135deg, #FFF5F5 0%, #F0F4FF 100%); padding: 80px 24px; border-radius: 32px; margin: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.05); } .hero .hero__inner { max-width: 800px; margin: 0 auto; text-align: center; } .hero .hero__eyebrow { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #FF6B6B; font-weight: 600; margin-bottom: 16px; } .hero .hero__title { font-size: 56px; font-weight: 800; color: #2D3748; margin: 0 0 16px; line-height: 1.1; } .hero .hero__subtitle { font-size: 24px; color: #4D96FF; font-weight: 500; margin: 0 0 24px; } .hero .hero__lead { font-size: 18px; line-height: 1.6; color: #4A5568; max-width: 600px; margin: 0 auto; }",
    "projects": ".projects { padding: 80px 24px; background: #FFFFFF; border-radius: 32px; margin: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.05); } .projects .projects__inner { max-width: 1100px; margin: 0 auto; } .projects .projects__title { font-size: 36px; font-weight: 700; color: #2D3748; text-align: center; margin: 0 0 48px; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; } .projects .projects__card { display: block; background: #F7FAFC; border-radius: 24px; padding: 32px; text-decoration: none; color: inherit; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } .projects .projects__card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,0.08); } .projects .projects__icon { margin-bottom: 24px; } .projects .projects__card-title { font-size: 22px; font-weight: 600; color: #2D3748; margin: 0 0 12px; } .projects .projects__card-text { font-size: 16px; line-height: 1.5; color: #718096; margin: 0; }",
    "footer": ".footer { background: #F7FAFC; padding: 32px 24px; border-radius: 32px; margin: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.05); } .footer .footer__inner { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; } .footer .footer__copy { font-size: 14px; color: #718096; margin: 0; } .footer .footer__nav { display: flex; gap: 24px; } .footer .footer__link { font-size: 14px; color: #4D96FF; text-decoration: none; transition: color 0.2s; } .footer .footer__link:hover { color: #FF6B6B; }"
  }
}