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

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Conditions d'utilisation - Thé Tip Top",
  description: "Conditions générales d'utilisation du jeu-concours Thé Tip Top",
};

export default function TermsPage() {
  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">
          Conditions d'utilisation
        </h1>

        <p className="text-sm text-[#8a8a7a] mb-8">
          Dernière mise à jour : 17 janvier 2025
        </p>

        <div className="space-y-6 text-[#5a5a4e]">
          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              1. Présentation
            </h2>
            <p>
              Bienvenue sur le site du jeu-concours Thé Tip Top. En accédant à ce site
              et en participant au jeu, vous acceptez d'être lié par les présentes
              conditions d'utilisation.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              2. Objet du jeu-concours
            </h2>
            <p>
              Thé Tip Top organise un jeu-concours gratuit et sans obligation d'achat
              permettant aux participants de gagner des lots en entrant des codes de
              participation fournis lors d'achats en magasin.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              3. Conditions de participation
            </h2>
            <ul className="list-disc pl-6 space-y-2">
              <li>Être âgé de 18 ans ou plus</li>
              <li>Résider en France métropolitaine</li>
              <li>Créer un compte avec une adresse e-mail valide</li>
              <li>Accepter les présentes conditions d'utilisation</li>
              <li>Accepter la politique de confidentialité</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              4. Modalités de participation
            </h2>
            <p className="mb-2">Pour participer :</p>
            <ol className="list-decimal pl-6 space-y-2">
              <li>Créez un compte sur le site</li>
              <li>Entrez le code unique figurant sur votre ticket d'achat</li>
              <li>Découvrez instantanément votre gain</li>
              <li>Suivez les instructions pour récupérer votre lot</li>
            </ol>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              5. Lots à gagner
            </h2>
            <p className="mb-2">Les lots suivants sont disponibles :</p>
            <ul className="list-disc pl-6 space-y-2">
              <li><strong>Infuseur à thé</strong> (39€) - 60% des tickets</li>
              <li><strong>Thé détox ou infusion</strong> (39€) - 20% des tickets</li>
              <li><strong>Thé signature</strong> (39€) - 10% des tickets</li>
              <li><strong>Coffret découverte</strong> (39€) - 6% des tickets</li>
              <li><strong>Coffret prestige</strong> (69€) - 4% des tickets</li>
              <li><strong>Grand Prix : Un an de thé</strong> (360€) - 1 gagnant par tirage au sort</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              6. Récupération des lots
            </h2>
            <p>
              Les lots doivent être récupérés dans un délai de 60 jours à compter de
              la date de gain. Passé ce délai, les lots non réclamés seront considérés
              comme abandonnés et ne pourront plus être réclamés.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              7. Limitation de responsabilité
            </h2>
            <p>
              Thé Tip Top ne peut être tenu responsable en cas de dysfonctionnement
              technique, de force majeure, ou de tout événement indépendant de sa volonté
              empêchant le bon déroulement du jeu-concours.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              8. Propriété intellectuelle
            </h2>
            <p>
              Tous les éléments du site (textes, images, logos, marques) sont la propriété
              exclusive de Thé Tip Top ou de ses partenaires. Toute reproduction,
              représentation ou utilisation est strictement interdite sans autorisation
              préalable.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              9. Modification des conditions
            </h2>
            <p>
              Thé Tip Top se réserve le droit de modifier les présentes conditions à
              tout moment. Les modifications entreront en vigueur dès leur publication
              sur le site.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              10. Droit applicable et juridiction
            </h2>
            <p>
              Les présentes conditions sont régies par le droit français. En cas de
              litige, et à défaut d'accord amiable, les tribunaux français seront
              seuls compétents.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-semibold text-[#5a5a4e] mb-3">
              11. Contact
            </h2>
            <p>
              Pour toute question concernant ces conditions d'utilisation, vous pouvez
              nous contacter :
            </p>
            <ul className="list-none space-y-2 mt-3">
              <li><strong>Email :</strong> <a href="mailto:contact@thetiptop.fr" className="text-[#d4a574] hover:text-[#c4956a] transition-colors">contact@thetiptop.fr</a></li>
              <li><strong>Adresse :</strong> 18 Avenue Thiers, 06000 Nice, France</li>
              <li><strong>Téléphone :</strong> +33 4 93 00 00 00</li>
            </ul>
          </section>
        </div>

        <div className="mt-8 pt-6 border-t border-[#e5e4dc]">
          <a
            href="/"
            className="inline-flex items-center gap-2 text-[#d4a574] hover:text-[#c4956a] font-medium transition-colors group"
          >
            <svg className="w-5 h-5 group-hover:-translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 19l-7-7m0 0l7-7m-7 7h18" />
            </svg>
            Retour à l'accueil
          </a>
        </div>
      </div>
    </div>
  );
}