bender/2192b7b0-944f-4711-a9ce-87f5cdb45833
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-09 19:21:49 +00:00
Conversation 0 Commits 3 Files Changed 3 +45 -114
3 changed files with 45 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/create/page.tsx
View File

@@ -41,7 +41,7 @@ export default function CreatePage() {
<HeroBillboard
title="Créer une Nouvelle Partie"
description="Configurez votre partie et invitez vos amis pour un moment inoubliable. En quelques clics, vous serez prêt à jouer!"
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
tag="Créer & Jouer 🎉"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -50,7 +50,7 @@ export default function CreatePage() {
{ text: "Retour à l'accueil", href: "/" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5473.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5473.jpg"
imageAlt="Friends playing mobile game laughing party"
mediaAnimation="slide-up"
/>
@@ -63,7 +63,7 @@ export default function CreatePage() {
tag="Paramètres"
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=2"
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"
imageAlt="voting mobile app interface design screen"
buttons={[{ text: "Configurer Maintenant", href: "#" }]}
buttonAnimation="slide-up"
@@ -86,12 +86,11 @@ export default function CreatePage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/four-beautiful-girls-resting-party_176420-6194.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/four-beautiful-girls-resting-party_176420-6194.jpg"
imageAlt="young friends laughing having party fun celebration"
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" },
@@ -99,8 +98,7 @@ export default function CreatePage() {
],
},
{
title: "Ressources",
items: [
title: "Ressources", items: [
{ label: "À propos", href: "/about" },
{ label: "Conditions d'utilisation", href: "#" },
{ label: "Politique de confidentialité", href: "#" },
@@ -108,8 +106,7 @@ export default function CreatePage() {
],
},
{
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" },

56
src/app/join/page.tsx
View File

@@ -42,7 +42,7 @@ export default function JoinPage() {
<HeroBillboard
title="Rejoins une Partie"
description="Entre le code de ta partie et rejoins tes amis pour des moments hilares et inoubliables!"
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
tag="Rejoins Maintenant 🎉"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -51,7 +51,7 @@ export default function JoinPage() {
{ text: "Retour à l'accueil", href: "/" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5473.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5473.jpg"
imageAlt="Friends playing mobile game laughing party"
mediaAnimation="slide-up"
/>
@@ -62,24 +62,16 @@ export default function JoinPage() {
features={[
{
icon: Users,
title: "Code de Partie",
description: "Demande à l'hôte le code de la partie. Il apparaît sur l'écran principal après la création.",
},
title: "Code de Partie", description: "Demande à l'hôte le code de la partie. Il apparaît sur l'écran principal après la création."},
{
icon: Pen,
title: "Entre le Code",
description: "Saisis le code à 4-6 caractères dans le champ de saisie. Pas besoin de majuscules ou de caractères spéciaux.",
},
title: "Entre le Code", description: "Saisis le code à 4-6 caractères dans le champ de saisie. Pas besoin de majuscules ou de caractères spéciaux."},
{
icon: Vote,
title: "Choisis ton Pseudo",
description: "Sélectionne un pseudo anonyme amusant. Tu peux le changer avant de rejoindre la partie.",
},
title: "Choisis ton Pseudo", description: "Sélectionne un pseudo anonyme amusant. Tu peux le changer avant de rejoindre la partie."},
{
icon: Trophy,
title: "Rejois la Partie",
description: "Appuie sur 'Rejoindre' et tu seras dans le lobby avec les autres joueurs en attente du démarrage.",
},
title: "Rejois la Partie", description: "Appuie sur 'Rejoindre' et tu seras dans le lobby avec les autres joueurs en attente du démarrage."},
]}
title="Comment Rejoindre?"
description="Quatre étapes simples pour rejoindre une partie en cours et t'amuser avec tes amis"
@@ -96,30 +88,15 @@ export default function JoinPage() {
<FaqBase
faqs={[
{
id: "1",
title: "Combien de temps avant que la partie commence?",
content: "Une fois que tu as rejoint, tu peux voir qui d'autre est connecté. L'hôte peut lancer la partie quand tout le monde est prêt, généralement en quelques secondes à quelques minutes.",
},
id: "1", title: "Combien de temps avant que la partie commence?", content: "Une fois que tu as rejoint, tu peux voir qui d'autre est connecté. L'hôte peut lancer la partie quand tout le monde est prêt, généralement en quelques secondes à quelques minutes."},
{
id: "2",
title: "Que se passe-t-il si j'entre le mauvais code?",
content: "Le système te dira que le code n'est pas valide. Demande le bon code à l'hôte et réessaye. Les codes sont sensibles mais généralement faciles à retenir.",
},
id: "2", title: "Que se passe-t-il si j'entre le mauvais code?", content: "Le système te dira que le code n'est pas valide. Demande le bon code à l'hôte et réessaye. Les codes sont sensibles mais généralement faciles à retenir."},
{
id: "3",
title: "Puis-je changer mon pseudo après avoir rejoint?",
content: "Non, une fois que tu as rejoint avec un pseudo, tu dois le garder pour toute la partie. Mais tu peux quitter et rejoindre avec un nouveau pseudo si tu veux vraiment le changer.",
},
id: "3", title: "Puis-je changer mon pseudo après avoir rejoint?", content: "Non, une fois que tu as rejoint avec un pseudo, tu dois le garder pour toute la partie. Mais tu peux quitter et rejoindre avec un nouveau pseudo si tu veux vraiment le changer."},
{
id: "4",
title: "Que se passe-t-il si je me déconnecte pendant la partie?",
content: "Tu peux te reconnecter avec le même code et tu retrouveras ta place dans la partie. Si tu as quitté longtemps, tu pourrais avoir manqué des tours, mais tu peux rattraper en visionnant les résultats.",
},
id: "4", title: "Que se passe-t-il si je me déconnecte pendant la partie?", content: "Tu peux te reconnecter avec le même code et tu retrouveras ta place dans la partie. Si tu as quitté longtemps, tu pourrais avoir manqué des tours, mais tu peux rattraper en visionnant les résultats."},
{
id: "5",
title: "Existe-t-il une limite de nombre de parties?",
content: "Non! Tu peux rejoindre autant de parties que tu veux. Chaque partie est indépendante, donc tes résultats précédents ne te suivent pas.",
},
id: "5", title: "Existe-t-il une limite de nombre de parties?", content: "Non! Tu peux rejoindre autant de parties que tu veux. Chaque partie est indépendante, donc tes résultats précédents ne te suivent pas."},
]}
title="Questions sur la Connexion"
description="Trouvez les réponses à vos questions pour rejoindre une partie en cours"
@@ -135,12 +112,11 @@ export default function JoinPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/four-beautiful-girls-resting-party_176420-6194.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/four-beautiful-girls-resting-party_176420-6194.jpg"
imageAlt="young friends laughing having party fun celebration"
columns={[
{
title: "Jeu",
items: [
title: "Jeu", items: [
{ label: "Créer une partie", href: "/game" },
{ label: "Rejoindre une partie", href: "/" },
{ label: "Comment jouer", href: "#join-steps" },
@@ -148,8 +124,7 @@ export default function JoinPage() {
],
},
{
title: "Ressources",
items: [
title: "Ressources", items: [
{ label: "À propos", href: "/" },
{ label: "Conditions d'utilisation", href: "#" },
{ label: "Politique de confidentialité", href: "#" },
@@ -157,8 +132,7 @@ export default function JoinPage() {
],
},
{
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" },

86
src/app/page.tsx
View File

@@ -44,7 +44,7 @@ export default function HomePage() {
<HeroBillboard
title="La Cochonne des Problèmes"
description="Le jeu de soirée ultime entre amis. Écrivez anonymement, votez pour deviner, et découvrez les vérités amusantes qui dérangent!"
background={{ variant: "circleGradient" }}
background={{ variant: "sparkles-gradient" }}
tag="Party Game 🎉"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -53,8 +53,8 @@ export default function HomePage() {
{ text: "Rejoindre une partie", href: "/join" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5473.jpg?_wi=1"
imageAlt="Friends playing mobile game laughing party"
imageSrc="http://img.b2bpic.net/free-photo/stylish-friends-sitting-cafe_273609-5473.jpg"
imageAlt="Friends playing party game on smartphones"
mediaAnimation="slide-up"
/>
</div>
@@ -69,34 +69,22 @@ 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"
@@ -111,8 +99,8 @@ export default function HomePage() {
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"
imageAlt="voting mobile app interface design screen"
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"
imageAlt="Game room interface showing voting screen"
buttons={[{ text: "Commencer maintenant", href: "/create" }]}
buttonAnimation="slide-up"
useInvertedBackground={false}
@@ -127,14 +115,7 @@ export default function HomePage() {
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",
]}
"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"]}
textboxLayout="default"
useInvertedBackground={false}
showCard={true}
@@ -146,35 +127,17 @@ 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 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: "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?", 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: "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: "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: "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 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: "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: "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: "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 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."},
]}
title="Questions Fréquentes"
description="Trouvez les réponses à vos questions sur le jeu et comment l'utiliser"
@@ -203,12 +166,11 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/four-beautiful-girls-resting-party_176420-6194.jpg?_wi=1"
imageAlt="young friends laughing having party fun celebration"
imageSrc="http://img.b2bpic.net/free-photo/four-beautiful-girls-resting-party_176420-6194.jpg"
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" },
@@ -216,8 +178,7 @@ export default function HomePage() {
],
},
{
title: "Ressources",
items: [
title: "Ressources", items: [
{ label: "À propos", href: "/about" },
{ label: "Conditions d'utilisation", href: "#" },
{ label: "Politique de confidentialité", href: "#" },
@@ -225,8 +186,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" },