<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Salle de Sport Colvert</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">

    <style>
        body {
            font-family: 'Poppins', sans-serif;
            margin:0;
            height:100vh;
            overflow:hidden;
        }

        .hero {
            background: url("assets/img/colvert.jpg") center/cover no-repeat;
            height:100vh;
            position:relative;
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;
            color:white;
        }

        .overlay {
            position:absolute;
            inset:0;
            background: rgba(0,0,0,0.55);
        }

        .content {
            position:relative;
            z-index:2;
            max-width:800px;
        }

        h1 {
            font-size:3.2rem;
            font-weight:700;
        }

        .btn-custom {
            padding:14px 32px;
            font-size:1.1rem;
            border-radius:12px;
            margin:10px;
        }

        .footer {
            position:absolute;
            bottom:10px;
            width:100%;
            text-align:center;
            font-size:14px;
            opacity:0.8;
        }
    </style>
</head>

<body>

<section class="hero">
    <div class="overlay"></div>

    <div class="content">
        <h1>🏋️ Salle de Sport Marc Colvert</h1>

        <p class="lead mt-4">
            Votre centre de remise en forme inspiré par la nature.<br>
            Sport • Santé • Bien-être
        </p>

        <div class="mt-4">
            <a href="auth/login.php" class="btn btn-success btn-custom">
                🔐 Se connecter
            </a>

            <a href="planning_public.php" class="btn btn-primary btn-custom">
                📅 Voir le planning
            </a>
        </div>
    </div>

    <div class="footer">
        © <?= date('Y') ?> Salle de Sport Colvert
    </div>
</section>

</body>
</html>
