const GiftCard = () => (
  <section className="section shell">
    <div className="gift">
      <div className="gift-deco"/>
      <div style={{position:"relative"}}>
        <div className="overline" style={{color:"rgba(253,251,245,.6)"}}>Подарочный сертификат</div>
        <h2>Лучший подарок — <em>два часа тишины</em> и красивые руки.</h2>
        <p>Электронный или печатный сертификат на любую сумму от 3 000 ₽. Срок действия — 6 месяцев, можно разбить на несколько визитов.</p>
        <div style={{display:"flex",gap:10,flexWrap:"wrap",marginTop:32}}>
          <button className="btn btn-blush">Оформить сертификат <Icon name="arrowUpRight" size={14}/></button>
          <a href="#booking" className="btn btn-ghost" style={{borderColor:"rgba(253,251,245,.3)",color:"var(--paper)"}}>Подарить визит</a>
        </div>
      </div>
      <div className="gift-card-visual">
        <div className="top">
          <div className="brand">Анна <em>Ковалёва</em></div>
          <Icon name="sparkle" size={22}/>
        </div>
        <div className="amount">10 000 ₽</div>
        <div style={{display:"flex",justifyContent:"space-between",alignItems:"end"}}>
          <div className="foot">GIFT · 2026 · NO.0042</div>
          <div className="foot">valid 6 mo</div>
        </div>
      </div>
    </div>
  </section>
);

Object.assign(window, { GiftCard });