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

{% block title %}Welcome - {{ login_brand_name }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/welcome_details.css">
{% endblock %}
{% block content %}
<div class="welcome-shell">
    <section class="welcome-card">
        <span class="welcome-kicker">Welcome</span>
        <h1>Welcome To GavliX Deep Tech</h1>
        <p>Step into the workspace for your shop, then sign in to access admin and cashier features.</p>

        <div class="welcome-actions">
            <button id="pwa-install-button" type="button" data-always-visible="true">Install App</button>
            <a href="/login">Continue</a>
        </div>
        <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>Scan To Open Or Install</strong>
                <span>New users can scan this code with a phone camera to open the web app, then install it from the browser when supported.</span>
            </div>
        </div>
    </section>
</div>
{% endblock %}