<% content_for :page_header do %>
  <div class="space-y-2">
    <h1 class="text-2xl font-semibold text-primary">Welcome!</h1>
    <br>
  </div>
<% end %>

<div class="mx-auto max-w-3xl">
  <div class="bg-container shadow-border-xs rounded-2xl p-8 text-center space-y-4">
    <div class="flex justify-center">
      <%= image_tag "logomark-color.svg", class: "w-16 h-16" %>
    </div>
    <h2 class="text-xl font-semibold text-primary">Intro experience coming soon</h2>
    <p class="text-secondary">
      We're building a richer onboarding journey to learn about your goals, milestones, and day-to-day needs. For now, head over to the chat sidebar to start a conversation with Sure and let us know where you are in your financial journey.
    </p>
    <div>
      <%= link_to "Start chatting", chats_path, class: "inline-flex items-center gap-2 px-4 py-2 rounded-lg button-bg-primary text-inverse font-medium" %>
    </div>
  </div>
</div>
