import type { Metadata } from "next";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/Card";

export const metadata: Metadata = {
  title: "Mentions légales - Thé Tip Top",
  description: "Mentions légales et informations juridiques de Thé Tip Top",
};

export default function LegalPage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-[#f5f5f0] via-[#faf9f5] to-[#f5f5f0] py-12 px-4">
      <div className="max-w-4xl mx-auto bg-white rounded-xl shadow-lg border border-[#e5e4dc] p-8">
        <h1 className="text-3xl font-bold text-[#5a5a4e] mb-6">
          Mentions légales
        </h1>
        <p className="text-sm text-[#8a8a7a] mb-8">
          Dernière mise à jour : 21 Novembre 2025
        </p>
        <div className="space-y-6 text-[#5a5a4e]">
          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              1. Éditeur du site
            </h2>
            <ul className="list-none space-y-2 mt-3">
              <li><strong>Dénomination sociale :</strong> Thé Tip Top SA</li>
              <li><strong>Forme juridique :</strong> Société Anonyme (SA)</li>
              <li><strong>Siège social :</strong> 18 rue Léon Frot, 75011 Paris</li>
              <li><strong>RCS :</strong> Paris B 901 234 567</li>
              <li><strong>SIRET :</strong> 901 234 567 00015</li>
              <li><strong>Code APE :</strong> 1083Z</li>
              <li><strong>Numéro de TVA intracommunautaire :</strong> FR 12 901 234 567</li>
              <li><strong>Gérant :</strong> Monsieur Éric Bourdon</li>
              <li><strong>Site web :</strong> www.thetiptop.fr</li>
            </ul>
          </section>
          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              2. Responsable de publication
            </h2>
            <p>
              Monsieur Eric Bourdon, Gérant de Thé Tip Top
            </p>
          </section>
          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              3. Conception et accompagnement digital
            </h2>
            <ul className="list-none space-y-2 mt-3">
              <li><strong>Dénomination sociale :</strong>Furious Ducks</li>
              <li><strong>Siège social :</strong>14 avenue de la Création Numérique, 75012 Paris</li>
              <li><strong>SIRET :</strong> 49832176500029</li>
              <li><strong>Code APE :</strong> 6201Z</li>
              <li><strong>Numéro de TVA intracommunautaire :</strong> FR 52 812 345 679</li>
              <li><strong>Dirigeant :</strong> Monsieur Guido Brasletti</li>
            </ul>
          </section>
          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              4. Hébergement
            </h2>
            <p>Le site est hébergé par : OVH Cloud – www.ovhcloud.com </p>
            <p>2 rue Kellermann, 59100 Roubaix, France</p>
            <p>Téléphone : +33 (0)9 72 10 10 07</p>             
          </section>
             <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              5. Propriété intellectuelle
            </h2>
            <p>
               L'ensemble des éléments figurant sur le site (textes, images, vidéos, logos, icônes, graphismes) est la propriété exclusive de Thé Tip Top SA, sauf mention contraire.

              Toute reproduction ou diffusion, totale ou partielle, non autorisée est interdite.

              Les contenus tiers (ex. images libres de droit, modules externes) sont utilisés dans le respect de leurs licences.                
            </p>
          </section>
             <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              6. Protection des données personnelles
            </h2>
            <p>
              Les données collectées via le site sont traitées par Thé Tip Top SA conformément au Règlement Général sur la Protection des Données (RGPD).
              Chaque utilisateur dispose d'un droit d'accès, de rectification et de suppression de ses données en adressant une demande à :           <a href="mailto:contact@thetiptop.fr" className="text-[#d4a574] hover:text-[#c4956a] transition-colors">contact@thetiptop.fr</a>
              </p>
          </section>
          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              7. Cookies
            </h2>
            <p>
              Le site utilise des cookies afin d'améliorer l'expérience utilisateur et d'analyser la fréquentation. Chaque visiteur a la possibilité de gérer ou de refuser l'enregistrement de cookies via la bannière de consentement affichée lors de sa première visite.                
            </p>
      </section>
        </div>
      </div>
    </div>
  );
}
