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-beige-100 via-beige-50 to-beige-100 py-12 px-4">
      <div className="max-w-4xl mx-auto bg-white rounded-xl shadow-lg border border-beige-300 p-8">
        <h1 className="text-4xl md:text-5xl font-bold text-primary-500 mb-6">
          Informations légales
        </h1>
        <p className="text-sm text-gray-600 mb-8">
          Dernière mise à jour : 21 Novembre 2025
        </p>
        <div className="space-y-6 text-gray-700">
          <section>
            <h2 className="text-2xl font-semibold text-gray-800 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-gray-800 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-gray-800 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-gray-800 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-gray-800 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-gray-800 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-primary-500 hover:text-primary-600 transition-colors">contact@thetiptop.fr</a>
              </p>
          </section>
          <section>
            <h2 className="text-2xl font-semibold text-gray-800 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>
  );
}