{
  "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 class='hero__balloons'><span class='hero__balloon hero__balloon--1'></span><span class='hero__balloon hero__balloon--2'></span><span class='hero__balloon hero__balloon--3'></span><span class='hero__balloon hero__balloon--4'></span><span class='hero__balloon hero__balloon--5'></span></div></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' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='2'/><path d='M8 14s1.5 2 4 2 4-2 4-2' stroke='currentColor' stroke-width='2' stroke-linecap='round'/><circle cx='9' cy='9' r='1.5' fill='currentColor'/><circle cx='15' cy='9' r='1.5' fill='currentColor'/></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' xmlns='http://www.w3.org/2000/svg'><path d='M12 2L15 9H22L16 14L18 21L12 17L6 21L8 14L2 9H9L12 2Z' stroke='currentColor' stroke-width='2' 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 viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='3' y='8' width='18' height='12' rx='2' stroke='currentColor' stroke-width='2'/><path d='M12 8V4M8 4H16' stroke='currentColor' stroke-width='2' stroke-linecap='round'/><circle cx='8' cy='14' r='1' fill='currentColor'/><circle cx='16' cy='14' r='1' fill='currentColor'/></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 { position: relative; overflow: hidden; background: linear-gradient(135deg, #fef6ff 0%, #e8f4ff 100%); padding: 80px 24px 100px; border-radius: 0 0 32px 32px; } .hero .hero__inner { max-width: 800px; margin: 0 auto; text-align: center; position: relative; z-index: 2; } .hero .hero__eyebrow { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; color: #a855f7; font-weight: 600; margin-bottom: 16px; } .hero .hero__title { font-size: clamp(36px, 6vw, 64px); font-weight: 800; line-height: 1.1; color: #1e1b4b; margin-bottom: 16px; } .hero .hero__subtitle { font-size: clamp(18px, 2.5vw, 24px); color: #6d28d9; font-weight: 500; margin-bottom: 24px; } .hero .hero__lead { font-size: 18px; line-height: 1.6; color: #4b5563; max-width: 600px; margin: 0 auto; } .hero .hero__balloons { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .hero .hero__balloon { position: absolute; width: 60px; height: 80px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; opacity: 0.7; } .hero .hero__balloon::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: rgba(0,0,0,0.1); } .hero .hero__balloon--1 { background: #f472b6; top: 10%; left: 5%; transform: rotate(-10deg); } .hero .hero__balloon--2 { background: #60a5fa; top: 20%; right: 8%; transform: rotate(15deg); width: 50px; height: 70px; } .hero .hero__balloon--3 { background: #fbbf24; bottom: 15%; left: 12%; transform: rotate(5deg); width: 70px; height: 90px; } .hero .hero__balloon--4 { background: #34d399; bottom: 25%; right: 15%; transform: rotate(-8deg); } .hero .hero__balloon--5 { background: #a78bfa; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(20deg); width: 40px; height: 55px; opacity: 0.4; }",
    "projects": ".projects { background: #ffffff; padding: 80px 24px; } .projects .projects__inner { max-width: 1100px; margin: 0 auto; } .projects .projects__title { font-size: clamp(28px, 4vw, 42px); font-weight: 700; color: #1e1b4b; text-align: center; margin-bottom: 48px; } .projects .projects__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; } .projects .projects__card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 32px 24px; background: #f9fafb; border-radius: 24px; text-decoration: none; color: inherit; 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(0,0,0,0.08); } .projects .projects__icon { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #fce7f3, #e0e7ff); border-radius: 16px; margin-bottom: 20px; color: #7c3aed; } .projects .projects__icon svg { width: 32px; height: 32px; } .projects .projects__card-title { font-size: 20px; font-weight: 600; color: #1e1b4b; margin-bottom: 12px; } .projects .projects__card-text { font-size: 15px; line-height: 1.5; color: #6b7280; }",
    "footer": ".footer { background: #f3f4f6; padding: 32px 24px; border-radius: 32px 32px 0 0; } .footer .footer__inner { max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; } .footer .footer__copy { font-size: 14px; color: #6b7280; margin: 0; } .footer .footer__nav { display: flex; gap: 24px; } .footer .footer__link { font-size: 14px; color: #6b7280; text-decoration: none; transition: color 0.2s ease; } .footer .footer__link:hover { color: #7c3aed; }"
  }
}