Hello,
The thank you page on my site https://affinity-story.netlify.app/ is not displayed.
-form detection is actived in dashboard.
-index.html :
AFFINITY - Trouvez Votre Connexion Par Passion /* Custom styles for the Inter font */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap'); body { font-family: 'Inter', sans-serif; background-color: #000000; /* Primary Black */ color: #ffffff; /* White text for contrast */ overflow-x: hidden; /* Prevent horizontal scroll */ } /* Custom scrollbar for better aesthetics */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #333; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #FF8C00; /* Orange Vif */ border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #FFA500; /* Lighter orange on hover */ } /* Hero section background with subtle gradient */
.hero-bg {
background: linear-gradient(180deg, #000000 0%, #1a0a00 100%);
}
/* Custom animation for glowing effect */
@keyframes glow {
0% { text-shadow: 0 0 5px #FF8C00; }
50% { text-shadow: 0 0 20px #FFA500, 0 0 30px #FF8C00; }
100% { text-shadow: 0 0 5px #FF8C00; }
}
.glow-text {
animation: glow 2s infinite alternate;
}
</style>
<header class="hero-bg w-full py-16 px-4 md:px-8 text-center relative overflow-hidden">
<div class="absolute inset-0 opacity-20" style="background-image: url('http://googleusercontent.com/image_generation_content/6'); background-size: cover; background-position: center;"></div>
<div class="relative z-10 max-w-4xl mx-auto">
<div class="flex flex-col items-center justify-center mb-8">
<div class="text-orange-500 text-7xl md:text-8xl mb-4 animate-pulse">đ„</div>
<h1 class="text-6xl md:text-8xl font-extrabold text-orange-500 tracking-tight glow-text">AFFINITY</h1>
<p class="text-gray-300 text-xl md:text-2xl mt-4 max-w-2xl mx-auto">
Trouvez votre véritable connexion par passion.
</p>
</div>
<h2 class="text-4xl md:text-6xl font-bold text-white leading-tight mb-8">
Découvrez des liens authentiques basés sur ce qui vous anime.
</h2>
<p class="text-gray-200 text-lg md:text-xl mb-10 max-w-3xl mx-auto">
AFFINITY est l'application révolutionnaire qui vous connecte avec des personnes partageant vos passions les plus profondes : sports, arts, loisirs, secteurs d'activité...
Ne manquez pas le lancement !
</p>
<div class="bg-gray-800 p-6 md:p-8 rounded-xl shadow-xl max-w-xl mx-auto border border-gray-700">
<h3 class="text-2xl md:text-3xl font-semibold text-white mb-6">Soyez les premiers informés !</h3>
<form name="contact" method="POST" netlify>
<input type="hidden" name="form-name" value="contact" />
<input type="email" name="email" placeholder="Votre adresse email" required
class="flex-grow p-4 rounded-lg bg-gray-700 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-orange-500 border border-gray-600 text-lg">
<button type="submit"
class="bg-orange-600 hover:bg-orange-700 text-white font-bold py-4 px-8 rounded-lg text-xl transition duration-300 ease-in-out transform hover:scale-105 shadow-md">
Recevoir les mises Ă jour
</button>
<section class="w-full py-16 px-4 md:px-8 bg-black text-center">
<h2 class="text-3xl md:text-4xl font-bold text-white mb-12">Ce qui rend AFFINITY unique</h2>
<div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-gray-900 p-6 rounded-xl shadow-lg border border-gray-800">
<div class="text-orange-500 text-5xl mb-4">đŻ</div>
<h3 class="text-xl font-semibold text-white mb-2">Compatibilité Précise</h3>
<p class="text-gray-300">Ăvaluez vos passions en pourcentage pour des correspondances ultra-pertinentes.</p>
</div>
<div class="bg-gray-900 p-6 rounded-xl shadow-lg border border-gray-800">
<div class="text-orange-500 text-5xl mb-4">đŹ</div>
<h3 class="text-xl font-semibold text-white mb-2">Connexions Authentiques</h3>
<p class="text-gray-300">DĂ©marrez des conversations significatives avec ceux qui partagent vos centres d'intĂ©rĂȘt.</p>
</div>
<div class="bg-gray-900 p-6 rounded-xl shadow-lg border border-gray-800">
<div class="text-orange-500 text-5xl mb-4">âš</div>
<h3 class="text-xl font-semibold text-white mb-2">Interface Intuitive</h3>
<p class="text-gray-300">Un design élégant et facile à utiliser pour une expérience fluide.</p>
</div>
</div>
</section>
<footer class="w-full py-8 px-4 md:px-8 bg-gray-900 text-center text-gray-400 text-sm">
<p>© AFFINITY. Tous droits rĂ©servĂ©s.</p>
<p class="mt-2">Suivez-nous sur <a href="#" class="text-orange-500 hover:underline">Facebook</a> | <a href="#" class="text-orange-500 hover:underline">Instagram</a></p>
</footer>
-merci.html (present in deploy file browser) :
Merci pour votre inscription - AFFINITY @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); body { font-family: 'Inter', sans-serif; background-color: #000000; /* Primary Black */ color: #ffffff; /* White text for contrast */ display: flex; justify-content: center; align-items: center; min-height: 100vh; text-align: center; }đ
Merci pour votre intĂ©rĂȘt !
Votre adresse e-mail a bien été enregistrée. Nous vous tiendrons informé(e) des avancées d'AFFINITY et de notre campagne de crowdfunding.
Retour Ă la page d'accueil-_redirects : /merci.html /merci.html 200!
-Skipping form detection in journal deploy.
-contact is not in form doashboard.
-Steps already taken (checking file names, dragging and dropping a new folder, trying to clear the cache).
Thankâs you.
Best regards.