@extends('layouts.main')
@section('content')

<section class="py-16 bg-gray-50">
  <div class="max-w-6xl mx-auto px-6 lg:px-8">
    <div class="bg-white shadow-lg rounded-lg p-8">
      <h2 class="text-3xl text-center font-bold text-gray-800 mb-6 border-b-2 border-yellow-500 pb-2">
        Mentions Légales
      </h2>
      
      <div class="space-y-8">
        <!-- Éditeur du site -->
        <div>
          <h3 class="text-xl font-semibold text-yellow-800 mb-2">Éditeur du site</h3>
          <p class="text-gray-700 leading-relaxed">
            Syndic Chalet Med<br>
            Résidence CHALET MED - ROUTE DE SEBTA<br>
            FNIDEQ, Maroc<br>
            Tél : <a href="tel:+212661188281" class="text-yellow-600 hover:underline">+212 6 61 18 82 81</a>
          </p>
        </div>

        <!-- Hébergement -->
        <div>
          <h3 class="text-xl font-semibold text-yellow-800 mb-2">Hébergement</h3>
          <p class="text-gray-700 leading-relaxed">
            [Nom de l'hébergeur]<br>
            [Adresse complète]<br>
            [Téléphone]
          </p>
        </div>

        <!-- Propriété intellectuelle -->
        <div>
          <h3 class="text-xl font-semibold text-yellow-800 mb-2">Propriété intellectuelle</h3>
          <p class="text-gray-700 leading-relaxed">
            L'ensemble des contenus de ce site est la propriété exclusive de Syndic Chalet Med.
          </p>
        </div>

        <!-- Données personnelles -->
        <div>
          <h3 class="text-xl font-semibold text-yellow-800 mb-2">Données personnelles</h3>
          <p class="text-gray-700 leading-relaxed">
            Consultez notre <a href="/politique-de-confidentialite" class="text-yellow-600 hover:underline">Politique de Confidentialité</a>.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection