{{- $c := site.Data.content -}}
<a class="skip" href="#services">{{ $c.header.a_1 }}</a>
<svg width="0" height="0" style="position:absolute" aria-hidden="true">
  <symbol id="i-phone" viewBox="0 0 24 24"><path fill="currentColor" d="M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z" /></symbol>
  <symbol id="i-viber" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.6 2 3 4.9 3 10.3c0 3 1.1 5 3 6.2V21l3.3-2.6c.9.2 1.8.3 2.7.3 5.4 0 9-2.9 9-8.4S17.4 2 12 2zm3.9 12.2-.7.7c-.5.5-1.3.6-2 .3a12 12 0 0 1-5.4-5.4c-.3-.7-.2-1.5.3-2l.7-.7c.3-.3.8-.3 1.1 0l1 1c.3.3.3.8 0 1.1l-.4.4a7 7 0 0 0 2.6 2.6l.4-.4c.3-.3.8-.3 1.1 0l1 1c.6.6.6.9.3 1.4z" /></symbol>
  <symbol id="i-tg" viewBox="0 0 24 24"><path fill="currentColor" d="M21.5 3.6 2.9 10.8c-1 .4-1 1.5 0 1.8l4.6 1.4 1.8 5.6c.2.7 1.1.9 1.6.4l2.6-2.4 4.7 3.5c.7.5 1.6.1 1.8-.7l3-15.3c.2-1-.8-1.8-1.9-1.5zM9.3 14.3l8.6-6.9-6.9 8.3-.3 3.2z" /></symbol>
  <symbol id="i-wa" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 0 0-8.6 15l-1.4 5 5.1-1.3A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.2-.8a11 11 0 0 1-4.4-3.9c-.3-.5-1-1.5-1-2.8s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.2-.3.3-.1.6.2.3.7 1.2 1.6 2 1.1 1 2 1.3 2.3 1.4.3.2.5.1.6 0l.9-1c.2-.2.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.2.1.7-.1 1.3z" /></symbol>
  <symbol id="i-insta" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="5" fill="none" stroke="currentColor" stroke-width="2" /><circle cx="12" cy="12" r="4" fill="none" stroke="currentColor" stroke-width="2" /><circle cx="17.5" cy="6.5" r="1.3" fill="currentColor" /></symbol>
  <symbol id="i-leaf" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21C3 10 10 3 21 3c0 11-7 18-18 18z" /><path d="M3 21 15 9" stroke="#f3eee5" stroke-width="1.4" /></symbol>
  <symbol id="i-star" viewBox="0 0 24 24"><path fill="currentColor" d="m12 2.5 2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z" /></symbol>
</svg>
<header>
  <div class="hrow">
    <div class="hlogo"><a class="mark" href="#top" aria-label="Goldleaf, home"><span class="w1">{{ $c.header.span_2 }}</span><span class="w2">{{ $c.header.text_3 }}<svg class="leaf" aria-hidden="true"><use href="#i-leaf" /></svg></span></a></div>
    <nav class="nav" id="nav" aria-label="Main">
      <a href="#top" aria-current="page">{{ $c.header.a_4 }}</a><a href="#services" data-topic="Design project from $99">{{ $c.header.a_5 }}</a><a href="#reviews">{{ $c.header.a_6 }}</a><a href="#plan-online">{{ $c.header.a_7 }}</a><a href="#services">{{ $c.header.a_8 }}</a>
    </nav>
    <div class="hcall">
      <button class="badge" type="button" data-write="Call me back" aria-label="Ask us to call you back">
        <svg class="ring" viewBox="0 0 100 100" aria-hidden="true"><defs><path id="circle" d="M50 50m-38 0a38 38 0 1 1 76 0a38 38 0 1 1-76 0" /></defs><text><textPath href="#circle">CALL US • CALL US • CALL US •</textPath></text></svg>
        <svg class="ph" aria-hidden="true"><use href="#i-phone" /></svg>
      </button>
      <a class="hphone" href="tel:+15550192740">{{ $c.header.a_9 }}</a>
      <div class="msgs"><a class="msg" href="#" aria-label="Viber"><svg aria-hidden="true"><use href="#i-viber" /></svg></a><a class="msg" href="#" aria-label="Telegram"><svg aria-hidden="true"><use href="#i-tg" /></svg></a><a class="msg" href="#" aria-label="WhatsApp"><svg aria-hidden="true"><use href="#i-wa" /></svg></a></div>
      <button class="burger" type="button" aria-label="Menu" aria-expanded="false" aria-controls="nav" data-burger><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 8h18M3 16h18" /></svg></button>
    </div>
    <div class="lang">{{ $c.header.div_10 }}</div>
  </div>
</header>