@extends('layouts.app')
@section('content')
    <div>
        <div
            class="relative h-[60vh] w-full bg-cover bg-center text-white"
            style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('{{ asset('img/salle/hero.png') }}');"
        >
            <div class="flex items-center justify-center h-full text-center p-4">
                <div>
                    <h1 class="text-4xl font-semibold mb-2">Tarifs & Planning</h1>
                </div>
            </div>
        </div>
        <section class="section is-fullheight">
            <div class="container">
                <h1 class="text-5xl font-bold text-center mb-6"></h1>
                <p class="text-md">
                    Vous pouvez également télécharger nos tarifs <strong><a href="{{ $prices }}" download="">ici</a></strong><br>
                    Toutes les pièces nécessaires afin d'inscrire votre enfant seront disponibles sur Gest'gym à la suite de sa pré-inscription !
                </p>
                <h4 class="font-bold text-2xl my-6">Planning loisirs</h4>
                <img src="{{ $planning }}" alt="Planning loisirs">
            </div>
        </section>
    </div>
@endsection