export default function FakeDatingSite() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-pink-100 to-white text-gray-900 font-sans">
      <header className="bg-pink-600 text-white p-6 shadow-xl">
        <h1 className="text-4xl font-bold text-center">LuxuryMatch Elite ❤️</h1>
        <p className="text-center mt-2 text-lg">Le site des rencontres haut de gamme 💎</p>
      </header>

      <main className="max-w-5xl mx-auto p-6 grid md:grid-cols-2 gap-8 items-center">
        <div className="bg-white rounded-3xl shadow-2xl overflow-hidden border border-pink-200">
          <div className="relative h-96 overflow-hidden">
            <img
              src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=1200&auto=format&fit=crop"
              alt="Alicia"
              className="w-full h-full object-cover"
            />

            <div className="absolute top-4 left-4 bg-black/60 text-white px-4 py-2 rounded-full text-sm backdrop-blur-md">
              ⭐ Profil Premium Vérifié
            </div>

            <div className="absolute bottom-4 right-4 bg-pink-600 text-white px-4 py-2 rounded-full font-bold shadow-xl animate-pulse">
              127 demandes reçues 🔥
            </div>
          </div>

          <div className="p-6 space-y-4">
            <div className="flex justify-between items-center">
              <h2 className="text-3xl font-bold">Alicia Roussel, 21 ans</h2>
              <span className="bg-green-500 text-white px-3 py-1 rounded-full text-sm">
                En ligne
              </span>
            </div>

            <p className="text-lg text-gray-600">
              Recherchée partout en France par les sugar daddies 😭
            </p>

            <div className="space-y-2">
              <p>📚 Adore lire pendant des heures</p>
              <p>🎬 Accro aux films et aux soirées Netflix</p>
              <p>💅 Niveau d’élégance : dangereux</p>
              <p>💸 Capable de vider un compte bancaire avec un sourire</p>
            </div>

            <div className="bg-pink-50 border border-pink-200 rounded-2xl p-4 italic text-gray-700">
              “Attention : vole les sweats, les frites… et les cœurs.”
            </div>

            <div className="grid grid-cols-2 gap-4 pt-2">
              <button className="bg-gray-200 hover:bg-gray-300 transition text-gray-800 text-lg py-4 rounded-2xl font-bold">
                ❌ Passer
              </button>

              <button className="bg-pink-600 hover:bg-pink-700 transition text-white text-lg py-4 rounded-2xl font-bold shadow-lg">
                ❤️ Matcher
              </button>
            </div>

            <button className="w-full mt-4 bg-gradient-to-r from-yellow-400 to-orange-500 hover:scale-[1.02] transition text-white text-xl py-4 rounded-2xl font-bold shadow-2xl">
              Envoyer un cadeau VIP 🎁
            </button>
          </div>
        </div>

        <div className="space-y-6">
          <div className="bg-white p-6 rounded-3xl shadow-xl border border-pink-100">
            <h3 className="text-2xl font-bold mb-4">🔥 Profil tendance</h3>
            <p className="text-gray-700 leading-relaxed">
              Alicia fait actuellement partie des profils les plus recherchés du site.
              Plusieurs hommes d’affaires auraient tenté d’obtenir un rendez-vous,
              mais aucun n’a survécu à son regard.
            </p>
          </div>

          <div className="bg-white p-6 rounded-3xl shadow-xl border border-pink-100">
            <h3 className="text-2xl font-bold mb-4">💬 Avis utilisateurs</h3>

            <div className="space-y-4 text-gray-700">
              <div className="border-l-4 border-pink-500 pl-4">
                “Je lui ai payé un restaurant… elle a pris mon dessert aussi.” — Gérard, 54 ans
              </div>

              <div className="border-l-4 border-pink-500 pl-4">
                “Je pensais trouver l’amour, j’ai trouvé une facture.” — Michel, 47 ans
              </div>

              <div className="border-l-4 border-pink-500 pl-4">
                “10/10 mais mon banquier pleure.” — Bernard, 61 ans
              </div>
            </div>
          </div>

          <div className="bg-gradient-to-r from-pink-500 to-purple-500 text-white p-6 rounded-3xl shadow-2xl text-center">
            <h3 className="text-3xl font-bold">⚠️ Alerte nationale ⚠️</h3>
            <p className="mt-3 text-lg">
              Si vous apercevez Alicia dans une librairie ou devant un film romantique,
              gardez votre portefeuille à distance.
            </p>
          </div>
        </div>
      </main>
    </div>
  )
}