/* global React, Reveal */

function MentionsLegales({ onNav }) {
  return (
    <div className="vw-page vw-legal">
      <header className="vw-page-head">
        <Reveal>
          <div className="vw-eyebrow" style={{ marginBottom: 24 }}>/ Légal</div>
          <h1 className="vw-page-head__title">Mentions<br/><em>légales.</em></h1>
        </Reveal>
        <Reveal>
          <p className="vw-page-head__lede">Informations légales obligatoires conformément à la loi pour la confiance dans l'économie numérique (LCEN).</p>
        </Reveal>
      </header>

      <div className="vw-legal__body">
        <section className="vw-legal__section">
          <h2>Éditeur du site</h2>
          <p>Velox Web — Studio indépendant</p>
          <p>Exploitant individuel</p>
          <p>France</p>
          <p>Email : <a href="mailto:contact@veloxweb.net">contact@veloxweb.net</a></p>
        </section>

        <section className="vw-legal__section">
          <h2>Directeur de la publication</h2>
          <p>Le responsable éditorial est l'exploitant du studio Velox Web.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Hébergement</h2>
          <p>Ce site est hébergé par un prestataire tiers. Les coordonnées de l'hébergeur seront précisées lors de la mise en production.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Propriété intellectuelle</h2>
          <p>L'ensemble du contenu de ce site (textes, visuels, code, typographies) est la propriété exclusive de Velox Web et est protégé par les lois françaises et internationales relatives à la propriété intellectuelle. Toute reproduction, même partielle, est interdite sans autorisation préalable écrite.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Limitation de responsabilité</h2>
          <p>Velox Web s'efforce de maintenir les informations publiées sur ce site à jour et exactes. Toutefois, aucune garantie n'est donnée quant à l'exhaustivité ou l'exactitude des informations diffusées. Velox Web se réserve le droit de corriger le contenu à tout moment et sans préavis.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Cookies</h2>
          <p>Ce site n'utilise pas de cookies de traçage ou publicitaires. Aucune donnée personnelle n'est collectée à des fins commerciales ou analytiques sans consentement explicite.</p>
        </section>
      </div>
    </div>
  );
}

function Confidentialite({ onNav }) {
  return (
    <div className="vw-page vw-legal">
      <header className="vw-page-head">
        <Reveal>
          <div className="vw-eyebrow" style={{ marginBottom: 24 }}>/ Légal</div>
          <h1 className="vw-page-head__title">Politique de<br/><em>confidentialité.</em></h1>
        </Reveal>
        <Reveal>
          <p className="vw-page-head__lede">Comment vos données sont collectées, utilisées et protégées, conformément au RGPD.</p>
        </Reveal>
      </header>

      <div className="vw-legal__body">
        <section className="vw-legal__section">
          <h2>Responsable du traitement</h2>
          <p>Velox Web — Studio indépendant<br/>Contact : <a href="mailto:contact@veloxweb.net">contact@veloxweb.net</a></p>
        </section>

        <section className="vw-legal__section">
          <h2>Données collectées</h2>
          <p>Lors de l'utilisation du formulaire de contact, les données suivantes sont collectées :</p>
          <ul>
            <li>Nom et prénom</li>
            <li>Adresse email</li>
            <li>Nom de l'entreprise (optionnel)</li>
            <li>Description du projet</li>
            <li>Budget et service souhaités</li>
          </ul>
          <p style={{ marginTop: 12 }}>Ces données sont utilisées <strong>uniquement</strong> pour répondre à votre demande. Elles ne sont ni revendues, ni partagées avec des tiers, ni utilisées à des fins commerciales.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Durée de conservation</h2>
          <p>Les données transmises via le formulaire sont conservées le temps nécessaire au traitement de votre demande, et au maximum 3 ans à compter du dernier contact.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Vos droits (RGPD)</h2>
          <p>Conformément au Règlement Général sur la Protection des Données (RGPD), vous disposez des droits suivants :</p>
          <ul>
            <li>Droit d'accès à vos données</li>
            <li>Droit de rectification</li>
            <li>Droit à l'effacement (« droit à l'oubli »)</li>
            <li>Droit à la limitation du traitement</li>
            <li>Droit d'opposition</li>
          </ul>
          <p style={{ marginTop: 12 }}>Pour exercer ces droits, contactez-nous à <a href="mailto:contact@veloxweb.net">contact@veloxweb.net</a>. Vous pouvez également adresser une réclamation à la <a href="https://www.cnil.fr" target="_blank" rel="noopener">CNIL</a>.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Cookies et traceurs</h2>
          <p>Ce site n'utilise pas de cookies tiers à des fins publicitaires ou analytiques. Seuls des cookies strictement nécessaires au fonctionnement du site peuvent être déposés.</p>
        </section>
      </div>
    </div>
  );
}

function CGV({ onNav }) {
  return (
    <div className="vw-page vw-legal">
      <header className="vw-page-head">
        <Reveal>
          <div className="vw-eyebrow" style={{ marginBottom: 24 }}>/ Légal</div>
          <h1 className="vw-page-head__title">Conditions<br/><em>générales.</em></h1>
        </Reveal>
        <Reveal>
          <p className="vw-page-head__lede">Conditions générales de vente applicables à toutes les prestations réalisées par Velox Web.</p>
        </Reveal>
      </header>

      <div className="vw-legal__body">
        <section className="vw-legal__section">
          <h2>1. Objet</h2>
          <p>Les présentes conditions générales de vente s'appliquent à toutes les prestations de services proposées par Velox Web (ci-après « le prestataire ») à ses clients (ci-après « le client »), sauf accord particulier écrit signé par les deux parties.</p>
        </section>

        <section className="vw-legal__section">
          <h2>2. Devis et commande</h2>
          <p>Toute prestation fait l'objet d'un devis préalable, valable 30 jours à compter de sa date d'émission. La commande est confirmée par la signature du devis et le versement de l'acompte prévu (30% du montant total, sauf mention contraire).</p>
        </section>

        <section className="vw-legal__section">
          <h2>3. Modalités de paiement</h2>
          <p>Les modalités de paiement standard sont les suivantes :</p>
          <ul>
            <li>30% à la signature du devis</li>
            <li>40% à la validation des maquettes</li>
            <li>30% à la livraison</li>
          </ul>
          <p style={{ marginTop: 12 }}>Pour les projets supérieurs à 3 000€ TTC, un échelonnement en 4 ou 5 versements peut être convenu. Les paiements s'effectuent par virement bancaire ou autre moyen convenu par écrit.</p>
        </section>

        <section className="vw-legal__section">
          <h2>4. Délais de livraison</h2>
          <p>Les délais indiqués dans le devis sont donnés à titre indicatif et démarrent à réception de l'acompte et de l'ensemble des éléments nécessaires (contenus, accès, briefs). Tout retard dans la fourniture de ces éléments par le client entraîne automatiquement un report du délai de livraison.</p>
        </section>

        <section className="vw-legal__section">
          <h2>5. Propriété et transfert des droits</h2>
          <p>Le client devient plein propriétaire des créations livrées à compter du règlement intégral de la prestation. Les éléments tiers utilisés (polices, bibliothèques open source) restent soumis à leurs licences respectives. Le prestataire se réserve le droit de mentionner la réalisation dans son portfolio, sauf opposition écrite du client.</p>
        </section>

        <section className="vw-legal__section">
          <h2>6. Révisions et modifications</h2>
          <p>Chaque prestation inclut un nombre de cycles de révisions défini dans le devis. Toute modification dépassant ce cadre ou intervenant après la livraison définitive sera facturée au tarif horaire en vigueur (60€ HT/h par défaut, sauf accord contraire).</p>
        </section>

        <section className="vw-legal__section">
          <h2>7. Garantie et corrections post-livraison</h2>
          <p>Le prestataire garantit la correction des anomalies techniques signalées dans les 30 jours suivant la livraison définitive. Cette garantie ne couvre pas les modifications de contenu, les évolutions fonctionnelles, ni les dysfonctionnements liés à des interventions tierces.</p>
        </section>

        <section className="vw-legal__section">
          <h2>8. Résiliation</h2>
          <p>En cas de résiliation à l'initiative du client après démarrage des travaux, les acomptes versés restent acquis au prestataire. Le travail réalisé jusqu'à la date de résiliation sera facturé au prorata, sans que ce montant puisse être inférieur aux acomptes déjà perçus.</p>
        </section>

        <section className="vw-legal__section">
          <h2>9. Loi applicable</h2>
          <p>Les présentes CGV sont soumises au droit français. En cas de litige, et à défaut de résolution amiable, les tribunaux français seront seuls compétents.</p>
        </section>

        <section className="vw-legal__section">
          <h2>Contact</h2>
          <p>Pour toute question relative aux présentes CGV : <a href="mailto:contact@veloxweb.net">contact@veloxweb.net</a></p>
        </section>
      </div>
    </div>
  );
}

window.MentionsLegales = MentionsLegales;
window.Confidentialite = Confidentialite;
window.CGV = CGV;