{% extends "layouts/auth.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}Welcome - GVELO{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/welcome.css">
{% endblock %}
{% block content %}
<div class="welcome-shell">
    <main class="welcome-logo-frame" aria-label="GVELO full logo">
        <h1 class="welcome-title">Welcome to GVELO</h1>
        <img class="welcome-logo-board" src="/static/gvelo-brand-board.png" alt="Gvelo - Accelerating Enterprise Intelligence">
    </main>
    <div class="welcome-actions">
        <button id="pwa-install-button" type="button" data-always-visible="true">Install App</button>
        <a href="/welcome" data-instant="off">Continue</a>
        <a class="secondary" href="/experience#video-onboarding" data-instant="off">Watch Onboarding Video</a>
        <a class="secondary" href="/demo/qr?campaign=logo-page" data-instant="off">QR Gateway</a>
        <div class="welcome-qr-panel" aria-label="Scan to open or install the app">
            <div class="welcome-qr-code">
                <img src="/app-entry-qr.png?v=qr-visible-20260519" alt="QR code to open the app">
            </div>
            <div class="welcome-qr-copy">
                <strong>Open Gvelo Instantly</strong>
                <span>Scan this QR code to launch the app on another phone, tablet, or desktop.</span>
            </div>
        </div>
    </div>
</div>
{% endblock %}