@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">Informations légales</h1>
                </div>
            </div>
        </div>
        <section class="section bg-[whitesmoke]">
            <div class="container">
                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                    <div class="legal-box shadow p-[1.5rem] rounded-md bg-white">
                        <h2 class="font-semibold text-[2.5rem] text-center mb-5">Adresse</h2>
                        <div class="map-container">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2825.103103419737!2d-0.24234152405438472!3d44.921238769502324!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd55495ebdee88e9%3A0x4cd882f1a868b7be!2sLibourne%20Gym%20Les%20Bleus%20De%20Saint%20Ferdinand!5e0!3m2!1sen!2sfr!4v1690650774793!5m2!1sen!2sfr" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="map"></iframe>
                        </div>
                    </div>
                    <div class="legal-box shadow p-[1.5rem] rounded-md bg-white">
                        <h2 class="font-semibold text-[2.5rem] text-center  mb-5">Mentions légales</h2>
                        <p class="text-base">
                        <ul>
                            <li><strong>Numéro d'agrément Jeunesse et Sport :</strong> 2430019/270/11</li>
                            <li><strong>Numéro de Siret :</strong> 402 486 187 00014</li>
                            <li><strong>Hébergeur : </strong> Inovaperf (Be1Host SAS) <br>
                                Siège social : 16 RUE GRANGE DAME ROSE, 78140 VELIZY-VILLACOUBLAY <br>
                                Mail : <a href="mailto:contact@inovaperf.fr" class="text-blue-500 hover:underline hover:text-blue-600">contact@inovaperf.fr</a></li>
                            <li><strong>Réalisation & Maintenance du site :</strong> <a href="https://clement-logan.fr" class="text-blue-500 hover:underline hover:text-blue-600">Clément LOGAN</a></li>
                        </ul>
                        </p>
                    </div>
                    <div class="legal-box shadow p-[1.5rem] rounded-md bg-white">
                        <h2 class="font-semibold text-[2.5rem] text-center mb-5">Contact & Crédits</h2>
                        <h3 class="font-semibold text-[1.75rem] text-center mb-3">Nous contacter</h3>
                        <p class="text-base">
                            <strong>Adresse mail :</strong> <a href="mailto:libournegym@sfr.fr" class="text-blue-500 hover:text-blue-600 hover:underline">libournegym@sfr.fr</a><br>
                            <strong>Téléphone :</strong> <a href="tel:+33557740534" class="text-blue-500 hover:text-blue-600 hover:underline">05.57.74.05.34</a>
                        </p>
                        <h3 class="font-semibold text-[1.75rem] text-center my-3">Crédits</h3>
                        <p class="text-base">
                            Merci à Thomas Schreyer pour les photos ! <br>
                            <a href="https://www.flaticon.com/fr/icones-gratuites/recompense" title="récompense icônes">Récompense icônes créées par Freepik - Flaticon</a><br>
                            <a href="https://www.flaticon.com/fr/icones-gratuites/seconde" title="seconde icônes">Seconde icônes créées par Freepik - Flaticon</a><br>
                            <a href="https://www.flaticon.com/fr/icones-gratuites/troisieme" title="troisième icônes">Troisième icônes créées par Freepik - Flaticon</a>
                        </p>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection