the-tip-top-frontend/app/legal/page.tsx

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="py-12">
      <div className="max-w-4xl mx-auto">
        <h1 className="text-4xl md:text-5xl font-bold text-gray-900 mb-8 text-center">
          Mentions légales
        </h1>

        {/* Éditeur du site */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-2xl">Éditeur du site</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <div>
              <p className="font-semibold text-gray-900">Dénomination sociale :</p>
              <p className="text-gray-700">Thé Tip Top SA</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Forme juridique :</p>
              <p className="text-gray-700">Société Anonyme (SA)</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Capital social :</p>
              <p className="text-gray-700">150 000 €</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Siège social :</p>
              <p className="text-gray-700">18 rue Léon Frot, 75011 Paris</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">RCS :</p>
              <p className="text-gray-700">Paris B 812 456 789</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">SIREN :</p>
              <p className="text-gray-700">812 456 789</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">SIRET :</p>
              <p className="text-gray-700">81245678900032</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Code APE / NAF :</p>
              <p className="text-gray-700">1083Z - Transformation du thé et du café</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Numéro de TVA intracommunautaire :</p>
              <p className="text-gray-700">FR 12 987654321</p>
            </div>
          </CardContent>
        </Card>

        {/* Responsable de publication */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-2xl">Responsable de publication</CardTitle>
          </CardHeader>
          <CardContent>
            <p className="text-gray-700">Monsieur Eric Bourdon, Gérant</p>
          </CardContent>
        </Card>

        {/* Conception et accompagnement digital */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-2xl">Conception et accompagnement digital</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <div>
              <p className="font-semibold text-gray-900">Dénomination sociale :</p>
              <p className="text-gray-700">Furious Ducks</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Forme juridique :</p>
              <p className="text-gray-700">Société à Responsabilité Limitée (SARL)</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Capital social :</p>
              <p className="text-gray-700">45 000 €</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Siège social :</p>
              <p className="text-gray-700">14 avenue de la Création Numérique, 75012 Paris</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">RCS :</p>
              <p className="text-gray-700">Paris B 498 321 765</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">SIREN :</p>
              <p className="text-gray-700">498 321 765</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">SIRET :</p>
              <p className="text-gray-700">49832176500029</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Code APE / NAF :</p>
              <p className="text-gray-700">6201Z - Programmation informatique</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Numéro de TVA intracommunautaire :</p>
              <p className="text-gray-700">FR 56 498321765</p>
            </div>
            <div>
              <p className="font-semibold text-gray-900">Dirigeant :</p>
              <p className="text-gray-700">Monsieur Guido Brasletti</p>
            </div>
          </CardContent>
        </Card>

        {/* Hébergement */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-2xl">Hébergement</CardTitle>
          </CardHeader>
          <CardContent>
            <p className="text-gray-700 mb-3">
              Le site est hébergé par OVH SAS (ou prestataire équivalent à confirmer par le client),
            </p>
            <p className="text-gray-700">2 rue Kellermann, 59100 Roubaix, France</p>
            <p className="text-gray-700">Téléphone : +33 (0)9 72 10 10 07</p>
          </CardContent>
        </Card>

        {/* Propriété intellectuelle */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-2xl">Propriété intellectuelle</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              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.
            </p>
            <p className="text-gray-700">
              Toute reproduction ou diffusion, totale ou partielle, non autorisée est interdite.
            </p>
            <p className="text-gray-700">
              Les contenus tiers (ex. images libres de droit, modules externes) sont utilisés dans
              le respect de leurs licences.
            </p>
          </CardContent>
        </Card>

        {/* Protection des données personnelles */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-2xl">Protection des données personnelles</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              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).
            </p>
            <p className="text-gray-700">
              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-600 hover:text-primary-700 underline">
                contact@thetiptop.fr
              </a>
            </p>
          </CardContent>
        </Card>

        {/* Contact */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-2xl">Contact</CardTitle>
          </CardHeader>
          <CardContent>
            <p className="text-gray-700 mb-3">
              Pour toute question concernant ces mentions légales ou le traitement de vos données personnelles :
            </p>
            <p className="text-gray-700">
              Email :{" "}
              <a href="mailto:contact@thetiptop.fr" className="text-primary-600 hover:text-primary-700 underline">
                contact@thetiptop.fr
              </a>
            </p>
          </CardContent>
        </Card>
      </div>
    </div>
  );
}