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

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

export const metadata: Metadata = {
  title: "Règlement du jeu - Thé Tip Top",
  description: "Règlement officiel du jeu-concours Thé Tip Top",
};

export default function RulesPage() {
  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">
          Règlement du jeu-concours
        </h1>

        <div className="mb-6 text-center text-gray-600">
          <p className="mb-2">Jeu-concours Thé Tip Top 2025</p>
          <p>Du 01/01/2025 au 31/12/2025</p>
        </div>

        {/* Article 1 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 1 - Société organisatrice</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Le jeu-concours « Thé Tip Top 2025 » est organisé par :
            </p>
            <div className="bg-gray-50 p-4 rounded-lg">
              <p className="text-gray-700"><strong>Thé Tip Top SA</strong></p>
              <p className="text-gray-700">Société Anonyme au capital de 150 000 €</p>
              <p className="text-gray-700">Siège social : 18 rue Léon Frot, 75011 Paris</p>
              <p className="text-gray-700">RCS Paris B 812 456 789</p>
              <p className="text-gray-700">Email : contact@thetiptop.fr</p>
            </div>
          </CardContent>
        </Card>

        {/* Article 2 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 2 - Durée du jeu</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Le jeu-concours se déroule du <strong>1er janvier 2025 à 00h00</strong> au{" "}
              <strong>31 décembre 2025 à 23h59</strong> (heure de Paris).
            </p>
            <p className="text-gray-700">
              Seules les participations enregistrées pendant cette période seront prises en compte.
            </p>
          </CardContent>
        </Card>

        {/* Article 3 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 3 - Conditions de participation</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Le jeu est ouvert à toute personne physique majeure résidant en France métropolitaine.
            </p>
            <p className="text-gray-700">
              Sont exclus de la participation :
            </p>
            <ul className="list-disc list-inside space-y-2 text-gray-700 ml-4">
              <li>Les membres du personnel de Thé Tip Top SA et de ses prestataires</li>
              <li>Les membres de leur famille (conjoint, ascendants, descendants)</li>
              <li>Toute personne ayant participé à l'élaboration du jeu</li>
            </ul>
            <p className="text-gray-700">
              La participation au jeu implique l'acceptation pleine et entière du présent règlement.
            </p>
          </CardContent>
        </Card>

        {/* Article 4 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 4 - Modalités de participation</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Pour participer au jeu, le participant doit :
            </p>
            <ol className="list-decimal list-inside space-y-2 text-gray-700 ml-4">
              <li>Effectuer un achat dans l'une des boutiques Thé Tip Top participantes</li>
              <li>Récupérer son ticket de caisse comportant un code unique à 10 caractères</li>
              <li>Se rendre sur le site www.thetiptop.fr</li>
              <li>Créer un compte ou se connecter à son compte existant</li>
              <li>Saisir le code figurant sur son ticket dans l'espace dédié</li>
              <li>Découvrir instantanément son gain</li>
            </ol>
            <p className="text-gray-700 mt-4">
              <strong>Important :</strong> Chaque code ne peut être utilisé qu'une seule fois.
              Toute tentative de fraude entraînera l'exclusion du participant.
            </p>
          </CardContent>
        </Card>

        {/* Article 5 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 5 - Dotations</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Les dotations suivantes sont mises en jeu :
            </p>
            <div className="space-y-4 mt-4">
              <div className="bg-primary-50 p-4 rounded-lg">
                <p className="font-semibold text-gray-900">🍵 Infuseur à thé</p>
                <p className="text-gray-700">Un infuseur en acier inoxydable de qualité supérieure</p>
                <p className="text-sm text-gray-600">Probabilité : 1 ticket sur 4</p>
              </div>
              <div className="bg-primary-50 p-4 rounded-lg">
                <p className="font-semibold text-gray-900">🌿 Boîte de 100g de thé détox ou signature</p>
                <p className="text-gray-700">Un mélange exclusif de plantes biologiques</p>
                <p className="text-sm text-gray-600">Probabilité : 1 ticket sur 5</p>
              </div>
              <div className="bg-primary-50 p-4 rounded-lg">
                <p className="font-semibold text-gray-900">☕ Thé gratuit en magasin</p>
                <p className="text-gray-700">Une boisson offerte lors de votre prochaine visite</p>
                <p className="text-sm text-gray-600">Probabilité : 1 ticket sur 2</p>
              </div>
              <div className="bg-primary-50 p-4 rounded-lg">
                <p className="font-semibold text-gray-900">🎁 Coffret Découverte 39€</p>
                <p className="text-gray-700">Une sélection de 6 thés d'exception</p>
                <p className="text-sm text-gray-600">Probabilité : 1 ticket sur 10</p>
              </div>
              <div className="bg-primary-50 p-4 rounded-lg">
                <p className="font-semibold text-gray-900">🏆 Coffret Prestige 69€</p>
                <p className="text-gray-700">Notre coffret premium avec accessoires</p>
                <p className="text-sm text-gray-600">Probabilité : très rare</p>
              </div>
            </div>
            <p className="text-gray-700 mt-4">
              <strong>100% des tickets sont gagnants !</strong> Chaque participant repart avec au
              minimum une récompense.
            </p>
          </CardContent>
        </Card>

        {/* Article 6 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 6 - Désignation des gagnants</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Le gain est attribué de manière instantanée et aléatoire au moment de la saisie du code,
              selon les probabilités définies à l'article 5.
            </p>
            <p className="text-gray-700">
              Le participant est immédiatement informé de son gain sur le site.
            </p>
          </CardContent>
        </Card>

        {/* Article 7 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 7 - Remise des lots</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Les lots doivent être réclamés dans un délai de <strong>60 jours</strong> à compter
              de la date de participation.
            </p>
            <p className="text-gray-700">
              La remise des lots s'effectue selon les modalités suivantes :
            </p>
            <ul className="list-disc list-inside space-y-2 text-gray-700 ml-4">
              <li><strong>Thé gratuit :</strong> À retirer en boutique sur présentation du justificatif</li>
              <li><strong>Autres lots :</strong> Retrait en boutique ou envoi par courrier (frais de port offerts)</li>
            </ul>
            <p className="text-gray-700">
              Les lots ne peuvent être ni échangés, ni remboursés, ni convertis en espèces.
            </p>
          </CardContent>
        </Card>

        {/* Article 8 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 8 - Données personnelles</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Les données personnelles collectées dans le cadre du jeu font l'objet d'un traitement
              informatique destiné à gérer la participation au jeu et l'attribution des lots.
            </p>
            <p className="text-gray-700">
              Pour plus d'informations, consultez notre{" "}
              <a href="/privacy" className="text-primary-600 hover:text-primary-700 underline">
                Politique de confidentialité
              </a>.
            </p>
          </CardContent>
        </Card>

        {/* Article 9 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 9 - Responsabilité</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              La responsabilité de Thé Tip Top SA ne saurait être engagée en cas de :
            </p>
            <ul className="list-disc list-inside space-y-2 text-gray-700 ml-4">
              <li>Force majeure ou événement indépendant de sa volonté</li>
              <li>Défaillance technique du réseau Internet</li>
              <li>Utilisation frauduleuse des codes</li>
              <li>Mauvaise utilisation des lots par les gagnants</li>
            </ul>
          </CardContent>
        </Card>

        {/* Article 10 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 10 - Modification et annulation</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Thé Tip Top SA se réserve le droit d'annuler, de reporter, de prolonger, d'écourter
              ou de modifier tout ou partie du jeu en cas de force majeure.
            </p>
            <p className="text-gray-700">
              Toute modification fera l'objet d'une information sur le site www.thetiptop.fr.
            </p>
          </CardContent>
        </Card>

        {/* Article 11 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 11 - Dépôt du règlement</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Le présent règlement est déposé auprès d'un huissier de justice et peut être consulté
              sur le site www.thetiptop.fr.
            </p>
            <p className="text-gray-700">
              Un exemplaire peut être adressé gratuitement à toute personne qui en fait la demande
              à l'adresse : contact@thetiptop.fr
            </p>
          </CardContent>
        </Card>

        {/* Article 12 */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Article 12 - Litiges</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3">
            <p className="text-gray-700">
              Le présent règlement est régi par le droit français.
            </p>
            <p className="text-gray-700">
              Tout litige relatif à l'interprétation ou à l'exécution du présent règlement sera
              de la compétence exclusive des tribunaux français.
            </p>
          </CardContent>
        </Card>

        {/* Contact */}
        <Card className="mb-8">
          <CardHeader>
            <CardTitle className="text-xl">Contact</CardTitle>
          </CardHeader>
          <CardContent>
            <p className="text-gray-700">
              Pour toute question relative au jeu-concours :{" "}
              <a href="mailto:contact@thetiptop.fr" className="text-primary-600 hover:text-primary-700 underline">
                contact@thetiptop.fr
              </a>
            </p>
          </CardContent>
        </Card>
      </div>
    </div>
  );
}