<script>
  import { onMount } from 'svelte';

  let isVisible = false;

  onMount(() => {
    isVisible = true;
  });
</script>

<div class="min-h-screen relative">
  <!-- Section Hero -->
  <section class="text-white py-12 relative">
    <div class="container mx-auto px-4">
      <div class="text-center">
        <h1 class="text-4xl md:text-5xl font-bold mb-6 transition-all duration-700 text-[#002C66]" class:translate-y-0={isVisible} class:opacity-100={isVisible} class:translate-y-10={!isVisible} class:opacity-0={!isVisible}>Mentions Légales</h1>
        <p class="text-xl max-w-3xl mx-auto transition-all duration-700 delay-300 text-[#002C66]" class:translate-y-0={isVisible} class:opacity-100={isVisible} class:translate-y-10={!isVisible} class:opacity-0={!isVisible}>
          Informations juridiques relatives à notre site web et application mobile
        </p>
      </div>
    </div>
  </section>

  <!-- Section Contenu -->
  <section class="py-16">
    <div class="container mx-auto px-4">
      <div class="max-w-4xl mx-auto">
        <div class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg p-8 shadow-lg mb-10">
          <h2 class="text-2xl font-bold mb-6 text-[#002C66]">1. Éditeur du site et de l'application</h2>
          
          <div class="space-y-4">
            <p>Le site web et l'application mobile Geosector sont édités par :</p>
            <p class="font-semibold">Geosector</p>
            <p>SIRET : [Votre numéro SIRET]</p>
            <p>Adresse : [Votre adresse]</p>
            <p>Email : contact@geosector.fr</p>
            <p>Téléphone : [Votre numéro de téléphone]</p>
            <p>Directeur de la publication : [Nom du directeur de publication]</p>
          </div>
        </div>

        <div class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg p-8 shadow-lg mb-10">
          <h2 class="text-2xl font-bold mb-6 text-[#002C66]">2. Hébergement</h2>
          
          <div class="space-y-4">
            <p>Le site web et l'application mobile Geosector sont hébergés par :</p>
            <p class="font-semibold">[Nom de l'hébergeur]</p>
            <p>Adresse : [Adresse de l'hébergeur]</p>
            <p>Site web : [Site web de l'hébergeur]</p>
            <p>Email : [Email de l'hébergeur]</p>
            <p>Téléphone : [Téléphone de l'hébergeur]</p>
          </div>
        </div>

        <div class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg p-8 shadow-lg mb-10">
          <h2 class="text-2xl font-bold mb-6 text-[#002C66]">3. Propriété intellectuelle</h2>
          
          <div class="space-y-4">
            <p>L'ensemble du contenu du site web et de l'application mobile Geosector, incluant sans limitation les textes, graphiques, images, logos, icônes, photographies, est la propriété exclusive de Geosector et est protégé par les lois françaises et internationales relatives à la propriété intellectuelle.</p>
            
            <p>Toute reproduction, représentation, modification, publication, transmission, adaptation, totale ou partielle des éléments du site ou de l'application, quel que soit le moyen ou le procédé utilisé, est interdite sans autorisation écrite préalable de Geosector.</p>
            
            <p>Toute utilisation non autorisée des contenus, œuvres ou marques constitue une contrefaçon sanctionnée par le Code de la propriété intellectuelle.</p>
          </div>
        </div>

        <div class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg p-8 shadow-lg mb-10">
          <h2 class="text-2xl font-bold mb-6 text-[#002C66]">4. Liens hypertextes</h2>
          
          <div class="space-y-4">
            <p>Le site web et l'application Geosector peuvent contenir des liens hypertextes vers d'autres sites internet ou applications.</p>
            
            <p>Geosector n'a pas la possibilité de vérifier le contenu des sites ainsi visités, et n'assumera en conséquence aucune responsabilité de ce fait.</p>
            
            <p>La création de liens hypertextes vers le site web ou l'application Geosector est soumise à l'accord préalable de l'éditeur.</p>
          </div>
        </div>

        <div class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg p-8 shadow-lg mb-10">
          <h2 class="text-2xl font-bold mb-6 text-[#002C66]">5. Limitation de responsabilité</h2>
          
          <div class="space-y-4">
            <p>Geosector s'efforce d'assurer au mieux de ses possibilités l'exactitude et la mise à jour des informations diffusées sur son site web et son application mobile, dont elle se réserve le droit de corriger, à tout moment et sans préavis, le contenu.</p>
            
            <p>Toutefois, Geosector ne peut garantir l'exactitude, la précision ou l'exhaustivité des informations mises à disposition sur son site web et son application.</p>
            
            <p>En conséquence, Geosector décline toute responsabilité :</p>
            <ul class="list-disc pl-6 space-y-2">
              <li>Pour toute imprécision, inexactitude ou omission portant sur des informations disponibles sur le site web ou l'application ;</li>
              <li>Pour tous dommages résultant d'une intrusion frauduleuse d'un tiers ayant entraîné une modification des informations ou éléments mis à disposition sur le site web ou l'application ;</li>
              <li>Et plus généralement, pour tous dommages, directs ou indirects, qu'elles qu'en soient les causes, origines, natures ou conséquences, provoqués en raison de l'accès de quiconque au site web ou à l'application ou de l'impossibilité d'y accéder, ainsi que l'utilisation du site web ou de l'application et/ou du crédit accordé à une quelconque information provenant directement ou indirectement de ces derniers.</li>
            </ul>
          </div>
        </div>

        <div class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg p-8 shadow-lg mb-10">
          <h2 class="text-2xl font-bold mb-6 text-[#002C66]">6. Loi applicable et juridiction</h2>
          
          <div class="space-y-4">
            <p>Les présentes mentions légales sont régies par la loi française. En cas de litige, les tribunaux français seront seuls compétents.</p>
            
            <p>Pour toute question relative à l'application des présentes mentions légales, vous pouvez nous contacter à l'adresse email : contact@geosector.fr</p>
          </div>
        </div>

        <div class="bg-white bg-opacity-70 backdrop-blur-sm rounded-lg p-8 shadow-lg">
          <h2 class="text-2xl font-bold mb-6 text-[#002C66]">7. Modifications</h2>
          
          <div class="space-y-4">
            <p>Geosector se réserve le droit de modifier les présentes mentions légales à tout moment. L'utilisateur est invité à les consulter régulièrement.</p>
            
            <p>Dernière mise à jour : {new Date().toLocaleDateString('fr-FR', { year: 'numeric', month: 'long', day: 'numeric' })}</p>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
