<?php
$siteTitle = trim(strip_tags($_titlews ?? $_title0 ?? "4DayWeek"));
if ($siteTitle === "") {
    $siteTitle = "4DayWeek";
}

$loginUrl = $urlbase . "index.php?sz=area-riservata&language=" . urlencode($language);
$registerUrl = $urlbase . "index.php?sz=registrazione&language=" . urlencode($language);
?>

<section class="public-hero">
    <div class="hero-panel hero-panel--accent">
        <span class="hero-kicker">Dashboard pubblica</span>
        <h1 class="hero-title"><?= htmlspecialchars($siteTitle, ENT_QUOTES, 'UTF-8') ?></h1>
        <p class="hero-lead">
            La home page resta la pagina di approdo della piattaforma. Da qui puoi entrare nell'area riservata
            oppure avviare la registrazione di un nuovo account.
        </p>

        <div class="hero-actions">
            <a href="<?= $loginUrl ?>" class="btn btn-accent">Accedi</a>
            <a href="<?= $registerUrl ?>" class="btn btn-ghost">Registrati</a>
        </div>

        <div class="hero-metrics">
            <div class="hero-metrics__item">
                <strong>Login</strong>
                <span>Accesso separato dalla home, con recupero credenziali nella stessa pagina.</span>
            </div>
            <div class="hero-metrics__item">
                <strong>Signup</strong>
                <span>Form dedicato per nuovi utenti, più leggibile anche da mobile.</span>
            </div>
            <div class="hero-metrics__item">
                <strong>Layout</strong>
                <span>Topbar, toolbar, contenuti e footer pronti per personalizzazioni future.</span>
            </div>
        </div>
    </div>

    <div class="public-actions-grid">
        <article class="cta-card card">
            <div class="cta-card__icon">
                <i class="bi bi-box-arrow-in-right"></i>
            </div>
            <h3>Accedi</h3>
            <p>
                Vai alla pagina di login per entrare nell'area riservata, consultare i contenuti disponibili
                e recuperare la password se necessario.
            </p>
            <div class="cta-card__actions">
                <a href="<?= $loginUrl ?>" class="btn btn-primary">Vai al login</a>
            </div>
        </article>

        <article class="cta-card card">
            <div class="cta-card__icon">
                <i class="bi bi-person-plus"></i>
            </div>
            <h3>Registrati</h3>
            <p>
                Crea un nuovo account e completa i dati richiesti nel form di registrazione, separato dalla home page.
            </p>
            <div class="cta-card__actions">
                <a href="<?= $registerUrl ?>" class="btn btn-accent">Apri il form</a>
            </div>
        </article>
    </div>
</section>
