Merge version_2 into main #4

Merged
bender merged 3 commits from version_2 into main 2026-03-09 19:33:40 +00:00
3 changed files with 68 additions and 1457 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -9,7 +9,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqBase from "@/components/sections/faq/FaqBase";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles, Zap, Users, Pen, Vote, Trophy, MessageCircle, Share2, Smartphone, Flame, HelpCircle } from "lucide-react";
import { Sparkles, Zap, Users, Pen, Vote, Trophy, MessageCircle, Share2, Smartphone, Flame, HelpCircle, Smile, Heart, Crown } from "lucide-react";
export default function HomePage() {
return (
@@ -69,22 +69,28 @@ export default function HomePage() {
features={[
{
icon: Users,
title: "Rejoindre", description: "Entrez un code de partie ou créez-en une nouvelle. Choisissez votre pseudo anonyme et rejoignez vos amis."},
title: "Rejoindre", description: "Entrez un code de partie ou créez-en une nouvelle. Choisissez votre pseudo anonyme et rejoignez vos amis."
},
{
icon: Pen,
title: "Écrire", description: "Écrivez des phrases amusantes et anonymes sur vos amis. Accusez-les, taquinez-les, soyez créatif!"},
title: "Écrire", description: "Écrivez des phrases amusantes et anonymes sur vos amis. Accusez-les, taquinez-les, soyez créatif!"
},
{
icon: Vote,
title: "Voter", description: "Les messages apparaissent un par un. Votez pour la personne qui correspond le mieux à chaque phrase."},
title: "Voter", description: "Les messages apparaissent un par un. Votez pour la personne qui correspond le mieux à chaque phrase."
},
{
icon: Trophy,
title: "Gagner", description: "Les résultats des votes créent des moments hilarants. Découvrez qui pensait quoi de vous!"},
title: "Gagner", description: "Les résultats des votes créent des moments hilarants. Découvrez qui pensait quoi de vous!"
},
{
icon: MessageCircle,
title: "Rire", description: "Révélations amusantes, réactions gênées et souvenirs inoubliables avec vos amis."},
title: "Rire", description: "Révélations amusantes, réactions gênées et souvenirs inoubliables avec vos amis."
},
{
icon: Share2,
title: "Partager", description: "Consultez les statistiques amusantes et les résultats globaux de la partie."},
title: "Partager", description: "Consultez les statistiques amusantes et les résultats globaux de la partie."
},
]}
textboxLayout="default"
animationType="slide-up"
@@ -94,9 +100,9 @@ export default function HomePage() {
<div id="features" data-section="features">
<MediaAbout
title="Pourquoi La Cochonne des Problèmes?"
description="Design optimisé pour smartphone, jeu en temps réel avec synchronisation instantanée entre tous les joueurs, totalement anonyme et hilarant."
tag="Expérience Mobile"
title="🐷 La Cochonne en Action: Des Moments Hilarants Garantis!"
description="Design optimisé pour smartphone, jeu en temps réel avec synchronisation instantanée entre tous les joueurs, totalement anonyme et hilarant. Préparez-vous à découvrir ce que vos amis pensent VRAIMENT de vous!"
tag="Expérience Mobile 📱"
tagIcon={Smartphone}
tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/group-close-friends-playing-space-sim-videogame-modern-gaming-console-young-adult-people-sitting-sofa-home-while-enjoying-time-together-fun-leisure-activity-entertainment-device_482257-43301.jpg?_wi=1"
@@ -109,13 +115,14 @@ export default function HomePage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Parfait pour les soirées entre amis"
description="Créez des moments inoubliables avec ce jeu révolutionnaire"
tag="Trending"
title="💖 Pourquoi Tes Amis Adorent La Cochonne"
description="Ce jeu ne ment pas - il expose les plus gros secrets entre amis avec un humour sans égal!"
tag="Trending 🔥"
tagIcon={Flame}
tagAnimation="slide-up"
names={[
"Idéal pour 4-12 joueurs", "Pas d'installation requise", "Fonctionne sur tous les navigateurs", "Anonyme à 100%", "Jeu en temps réel", "Sans pub", "Gratuit et amusant"]}
"4-12 joueurs = Fun illimité", "Aucune installation requise", "Fonctionne partout, tout le temps", "Anonyme à 100% (ou presque!)", "Jeu en temps réel ULTRA rapide", "Zéro pub, zéro ennui", "Gratuit et RIDICULEMENT amusant", "Les secrets explosent à chaque tour"
]}
textboxLayout="default"
useInvertedBackground={false}
showCard={true}
@@ -127,21 +134,27 @@ export default function HomePage() {
<FaqBase
faqs={[
{
id: "1", title: "Combien de joueurs peuvent jouer?", content: "Le jeu fonctionne mieux avec 4 à 12 joueurs. Vous pouvez jouer à plus, mais l'expérience peut être affectée. Minimum 2 joueurs, maximum illimité techniquement."},
id: "1", title: "🎮 Combien de joueurs? Ou est-ce que ça devient du chaos total?", content: "4 à 12 joueurs = PARFAIT pour les dramas. Vous pouvez jouer à plus, mais à 20+ joueurs, c'est juste du chaos amusant (ce qui n'est pas forcément mauvais!). Minimum 2 joueurs (pour les couple game), maximum illimité techniquement."
},
{
id: "2", title: "Les messages restent-ils vraiment anonymes?", content: "Oui! Les messages sont 100% anonymes. Le système ne garde pas trace de qui a écrit quoi. C'est le cœur du jeu - la sécurité de l'anonymat pour plus de fun."},
id: "2", title: "🤐 Les messages restent-ils vraiment anonymes? Ou mes amis vont me démasquer?", content: "Oui! 100% anonyme. Le système ne garde pas trace de qui a écrit quoi. C'est LE cœur du jeu - vous pouvez être aussi brutalement honnête que vous voulez sans crainte. Personne ne saura que c'était vous (sauf si vous craquez et l'avoue en riant!)."
},
{
id: "3", title: "Est-ce que j'ai besoin d'installer une application?", content: "Non! La Cochonne des Problèmes est une web-app. Elle fonctionne directement dans votre navigateur. Pas d'installation, pas de mise à jour, juste accédez et jouez."},
id: "3", title: "📱 J'ai peur des téléchargements. Besoin d'une app?", content: "NON! C'est une web-app. Elle vit dans votre navigateur. Aucune installation, aucune mise à jour, aucun truc qui prend de la place sur votre téléphone. Juste... accédez et jouez. C'est ça la magie."
},
{
id: "4", title: "Combien de temps dure une partie?", content: "Une partie typique dure entre 15 et 45 minutes selon le nombre de joueurs et de messages. C'est parfait pour une pause soirée!"},
id: "4", title: "⏱️ Combien de temps avant que quelqu'un se fâche?", content: "Une partie typique dure 15-45 minutes selon le nombre de joueurs et de messages. Généralement, les amis ne se fâchent que 5 minutes avant de rire... et alors qu'on s'assure que c'est juste du fun!"
},
{
id: "5", title: "Peut-on rejouer avec le même groupe?", content: "Absolument! Vous pouvez jouer autant de fois que vous voulez. Les résultats sont réinitialisés à chaque nouvelle partie, donc c'est toujours frais et amusant."},
id: "5", title: "🔄 On peut rejouer avec le même groupe sans penser à la même chose?", content: "Absolument! Jouez autant que vous voulez. Les résultats se réinitialisent à chaque partie, donc c'est toujours frais. Les secrets changent à chaque fois - vos amis vont trouver encore plus de trucs amusants sur vous!"
},
{
id: "6", title: "Comment fonctionne la création de partie?", content: "L'hôte crée une partie, et le système génère un code unique. Les autres joueurs rejoignent simplement avec ce code. L'hôte peut lancer la partie quand tout le monde est prêt."},
id: "6", title: "🚀 Comment ça marche pour créer une partie? Est-ce trop compliqué?", content: "Hyper simple! L'hôte crée une partie (30 secondes max), le système génère un code unique. Les autres joueurs rejoignent avec ce code. L'hôte lance quand tout le monde est prêt. Boom - le drama commence!"
},
]}
title="Questions Fréquentes"
description="Trouvez les réponses à vos questions sur le jeu et comment l'utiliser"
tag="Aide & Support"
title="❓ On a Des Questions (Et Elles Sont Hilarantes)"
description="Trouvez les réponses avant de vous lancer dans le chaos!"
tag="Aide & Support 🆘"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
@@ -153,11 +166,11 @@ export default function HomePage() {
<div id="play-now" data-section="play-now">
<ContactText
text="Prêt à créer des moments hilarants et gênants avec vos amis? Lancez une partie maintenant!"
text="🎉 Prêt à Créer du Drama et Des Souvenirs Hilarants? La Cochonne T'Attend! Avec Tes Amis, C'est Plus Drôle. Sans Eux? Tu Vas Te Sentir Seul (Fais-Les Venir!)."
animationType="entrance-slide"
buttons={[
{ text: "Créer une partie", href: "/create" },
{ text: "Rejoindre une partie", href: "/join" },
{ text: "🎪 Créer une Partie MAINTENANT", href: "/create" },
{ text: "📲 Rejoindre le Drama", href: "/join" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -170,15 +183,15 @@ export default function HomePage() {
imageAlt="Friends celebrating at a party"
columns={[
{
title: "Jeu", items: [
title: "🎮 Jeu", items: [
{ label: "Créer une partie", href: "/create" },
{ label: "Rejoindre une partie", href: "/join" },
{ label: "Comment jouer", href: "#how-it-works" },
{ label: "Règles", href: "#faq" },
{ label: "Règles du Drama", href: "#faq" },
],
},
{
title: "Ressources", items: [
title: "📚 Ressources", items: [
{ label: "À propos", href: "/about" },
{ label: "Conditions d'utilisation", href: "#" },
{ label: "Politique de confidentialité", href: "#" },
@@ -186,7 +199,7 @@ export default function HomePage() {
],
},
{
title: "Suivez-nous", items: [
title: "💬 Suivez-Nous", items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "TikTok", href: "https://tiktok.com" },
@@ -194,8 +207,8 @@ export default function HomePage() {
],
},
]}
logoText="La Cochonne"
copyrightText="© 2025 La Cochonne des Problèmes. Tous droits réservés."
logoText="🐷 La Cochonne"
copyrightText="© 2025 La Cochonne des Problèmes. Tous droits réservés. Sois Prudent Avec Tes Amis!"
/>
</div>
</ThemeProvider>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--background: #fef5f0;
--card: #fde8df;
--foreground: #3d1a1a;
--primary-cta: #d4567d;
--primary-cta-text: #f6f0e9;
--secondary-cta: #efe7dd;
--secondary-cta: #fde8df;
--secondary-cta-text: #2b180a;
--accent: #94877c;
--background-accent: #afa094;
--accent: #f5c6d4;
--background-accent: #e89ab0;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);