ui/header.html

<p class="arc-hook">Hi — I'm Archana's AI avatar.</p>
<p class="arc-hook-sub">Ask me anything about her professional journey.</p>
<hr class="arc-divider"/>

<div class="arc-wrap">
  <div class="arc-overflow">
    <div class="arc-slides" id="arc-slides">

      <div class="arc-slide">
        <p class="arc-title">25 years building at enterprise scale.</p>
        <p class="arc-creds">$900M+ impact <span class="arc-sep">·</span> 300+ engineers led <span class="arc-sep">·</span> 0-N scale <span class="arc-sep">·</span> GenAI in production <span class="arc-sep">·</span> US patents</p>
        <p class="arc-body arc-body-spaced">Maersk · Oracle · Instart · and counting.</p>
      </div>

      <div class="arc-slide">
        <p class="arc-title">She builds. She scales. She ships.</p>
        <p class="arc-body">Platforms trusted by global enterprises. Teams grown from 5 to 300+. GenAI workflows delivering real ROI — not just prototypes.</p>
      </div>

      <div class="arc-slide">
        <p class="arc-quote">"Archana is a solid and trustable leader — I always knew any issue would be in good hands. She is truly the top engineering leader who can benefit your organisation the most."</p>
        <p class="arc-attr">— Colleague, Instart Technologies</p>      
      </div>

      <div class="arc-slide">
        <p class="arc-title">Want to connect?</p>
        <p class="arc-body">Unanswered questions reach her directly on mobile. Leave your email below and she'll follow up personally.</p>
      </div>

    </div>
  </div>

  <!-- with SVG arrows instead — immune to font metric differences -->
  <div class="arc-nav">
    <button class="arc-btn" id="arc-prev">
      <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
        <path d="M8 2L4 6L8 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
      </svg>
    </button>
    <div class="arc-dots" id="arc-dots"></div>
    <button class="arc-btn" id="arc-next">
      <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
        <path d="M4 2L8 6L4 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
      </svg>
    </button>
  </div>
</div>