app/defaults/header.html

<!--
  defaults/header.html
  ---------------------
  Default carousel shown above the chat window when a profile has no
  custom header.html. Copy this to profiles/<slug>/config/header.html
  and edit the slide content to personalise it.
-->
<div class="arc-wrap">
  <div class="arc-overflow">
    <div class="arc-slides" id="arc-slides">

      <div class="arc-slide">
        <p class="arc-title">AI-powered professional avatar</p>
        <p class="arc-body">Ask me anything about career journey, experience, leadership, and expertise.</p>
      </div>

      <div class="arc-slide">
        <p class="arc-title">Explore professional story</p>
        <p class="arc-body">Platforms built · Teams led · Problems solved · Impact delivered.</p>
      </div>
      
      <div class="arc-slide">
        <p class="arc-title">Want to connect?</p>
        <p class="arc-body">Unanswered questions reach directly on my email. Leave your email below and I will follow up personally. </p>
      </div>

    </div>
  </div>

  <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>