From d0ef196c0daa9ed629642d61b24ebf4ce442e5c2 Mon Sep 17 00:00:00 2001 From: soufiane Date: Wed, 19 Nov 2025 03:18:43 +0100 Subject: [PATCH] style: apply modern design to remaining pages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Update about, contact, FAQ, forgot-password, lots, register, rules pages - Apply consistent styling with bg-gray-50 and modern cards - Update footer and layout with new design - Add gagnants (winners) page All pages now have consistent modern design matching homepage and dashboard 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- app/about/page.tsx | 512 ++++++++++++++++++------------ app/contact/page.tsx | 561 ++++++++++++++++---------------- app/faq/FAQContent.tsx | 459 ++++++++++++--------------- app/forgot-password/page.tsx | 200 +++++++----- app/gagnants/page.tsx | 337 ++++++++++++++++++++ app/layout-client.tsx | 3 +- app/lots/page.tsx | 436 ++++++++++++------------- app/register/page.tsx | 314 +++++++++++------- app/rules/page.tsx | 600 +++++++++++++++++++---------------- components/Footer.tsx | 2 +- 10 files changed, 1981 insertions(+), 1443 deletions(-) create mode 100644 app/gagnants/page.tsx diff --git a/app/about/page.tsx b/app/about/page.tsx index bdc9f5e..4e562f6 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,233 +1,337 @@ +'use client'; + import type { Metadata } from "next"; import Link from "next/link"; -import Image from "next/image"; -import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/Card"; -import Button from "@/components/Button"; -import { ROUTES } from "@/utils/constants"; +import { useState } from "react"; -export const metadata: Metadata = { - title: "À propos - Thé Tip Top", - description: "Découvrez l'histoire et les engagements de notre maison de thé niçoise", +interface Winner { + date: string; + name: string; + prize: string; + prizeType: 'coffret-prestige' | 'boite-signature' | 'infuseur' | 'coffret-decouverte' | 'boite-detox'; + boutique: string; + city: string; + testimonial?: { + initials: string; + text: string; + stars: number; + }; +} + +const winners: Winner[] = [ + { + date: "15 janvier 2024", + name: "Marie L.", + prize: "Coffret prestige 69€", + prizeType: "coffret-prestige", + boutique: "Boutique Rivoli", + city: "Paris 1er" + }, + { + date: "15 janvier 2024", + name: "Pierre L.", + prize: "Boîte 100g thé signature", + prizeType: "boite-signature", + boutique: "Boutique République", + city: "Lyon" + }, + { + date: "14 janvier 2024", + name: "Sophie L.", + prize: "Infuseur à thé premium", + prizeType: "infuseur", + boutique: "Boutique Canebière", + city: "Marseille" + }, + { + date: "14 janvier 2024", + name: "Thomas L.", + prize: "Coffret découverte 39€", + prizeType: "coffret-decouverte", + boutique: "Boutique Saint-Germain", + city: "Paris 6e" + }, + { + date: "13 janvier 2024", + name: "Julie L.", + prize: "Boîte 100g thé détox", + prizeType: "boite-detox", + boutique: "Boutique Capitole", + city: "Toulouse" + }, + { + date: "13 janvier 2024", + name: "Antoine L.", + prize: "Infuseur à thé premium", + prizeType: "infuseur", + boutique: "Boutique Promenade", + city: "Nice" + }, + { + date: "12 janvier 2024", + name: "Camille L.", + prize: "Boîte 100g thé signature", + prizeType: "boite-signature", + boutique: "Boutique Sainte-Catherine", + city: "Bordeaux" + }, + { + date: "12 janvier 2024", + name: "Maxime L.", + prize: "Infuseur à thé premium", + prizeType: "infuseur", + boutique: "Boutique Kléber", + city: "Strasbourg" + }, + { + date: "11 janvier 2024", + name: "Emma L.", + prize: "Coffret prestige 69€", + prizeType: "coffret-prestige", + boutique: "Boutique Vieux-Lille", + city: "Lille" + }, + { + date: "11 janvier 2024", + name: "Lucas L.", + prize: "Boîte 100g thé détox", + prizeType: "boite-detox", + boutique: "Boutique Commerce", + city: "Nantes" + }, +]; + +const testimonials = [ + { + initials: "ML", + name: "Marie L.", + city: "Paris 9e", + text: "J'ai gagné le coffret prestige ! Les thés sont délicieux, merci Thé Tip Top pour cette belle surprise !", + stars: 5 + }, + { + initials: "PD", + name: "Pierre D.", + city: "Lyon", + text: "Le thé signature est exceptionnel ! Je recommande vivement cette boutique, et le jeu est super !", + stars: 5 + }, + { + initials: "SB", + name: "Sophie B.", + city: "Marseille", + text: "Mon infuseur est magnifique ! Parfait pour mes thés du matin. Merci pour ce jeu génial !", + stars: 5 + } +]; + +const getPrizeIcon = (type: string) => { + switch (type) { + case 'coffret-prestige': + return '🎁'; + case 'boite-signature': + return '🌿'; + case 'infuseur': + return '🍵'; + case 'coffret-decouverte': + return '🎁'; + case 'boite-detox': + return '📦'; + default: + return '🎁'; + } +}; + +const getPrizeColor = (type: string) => { + switch (type) { + case 'coffret-prestige': + return 'bg-pink-100 text-pink-700'; + case 'boite-signature': + return 'bg-yellow-100 text-yellow-700'; + case 'infuseur': + return 'bg-blue-100 text-blue-700'; + case 'coffret-decouverte': + return 'bg-orange-100 text-orange-700'; + case 'boite-detox': + return 'bg-green-100 text-green-700'; + default: + return 'bg-gray-100 text-gray-700'; + } }; export default function AboutPage() { - return ( -
- {/* Hero Section */} -
-

- À propos de Thé Tip Top Nice -

-

- Depuis Nice, nous célébrons les thés d'exception et les moments à partager. - Découvrez notre histoire et ce qui guide notre maison au quotidien. -

- - - -
+ const [periodFilter, setPeriodFilter] = useState("Toutes les dates"); + const [typeFilter, setTypeFilter] = useState("Tous les lots"); - {/* Histoire Section */} -
-
-
-

- Notre histoire -

-

- Quinze ans de passion infusée. -

-

- Née d'une envie simple — faire (re)découvrir le vrai goût du thé — notre maison - sélectionne des feuilles remarquables auprès de producteurs engagés. Au fil des années, - nous avons grandi sans rien céder à nos exigences : traçabilité, fraîcheur, respect des savoir-faire. -

-

- Aujourd'hui, notre boutique niçoise est le point de rencontre entre curieux et connaisseurs : - dégustations, conseils personnalisés et une carte qui évolue au rythme des récoltes. + return ( +

+ {/* Hero Section */} +
+
+
+

+ Nos gagnants +

+

+ Découvrez les heureux gagnants de notre jeu-concours Thé Tip Top. + Félicitations à tous les participants !

+
+
- {/* Image Placeholder */} -
-
-
-
- Logo Thé Tip Top -
-

Notre boutique à Nice

-

Image à venir

+ {/* Stats Section */} +
+
+
+
+ {/* Stat 1 */} +
+
10
+
Gagnants au total
+
Depuis le début du jeu
+
+ + {/* Stat 2 */} +
+
5
+
Jours d'activité
+
Jours avec des gagnants
+
+ + {/* Stat 3 */} +
+
10
+
Villes représentées
+
Dans toute la France
- {/* Engagements Section */} -
-

- Nos engagements -

-
- {/* Engagement 1 */} - - -
🌱
-

- Agriculture responsable -

-

- Des jardins certifiés et des pratiques respectueuses de la biodiversité, - pour des thés propres et expressifs. -

- - + {/* Winners List */} +
+
+
+
+
+
+ 🏆 +

Liste des gagnants ({winners.length})

+
+
- {/* Engagement 2 */} - - -
🤝
-

- Filière équitable -

-

- Des partenariats durables et rémunérateurs pour les fermes qui nous - confient leurs récoltes. -

- - + {/* Table Header */} +
+
DATE
+
GAGNANT
+
LOT REMPORTÉ
+
BOUTIQUE
+
- {/* Engagement 3 */} - - -
❄️
-

- Fraîcheur & préparation -

-

- Conditionnement soigné et rotations courtes pour préserver les arômes. -

- - + {/* Table Rows */} +
+ {winners.map((winner, index) => ( +
+
+ {/* Date */} +
+ 📅 + {winner.date} +
- {/* Engagement 4 */} - - -
📚
-

- Conseil & transmission -

-

- Ateliers, initiations et fiches pratiques : nous aimons partager nos - méthodes d'infusion. -

- - + {/* Name */} +
+ 👤 + {winner.name} +
+ + {/* Prize */} +
+ + {getPrizeIcon(winner.prizeType)} + {winner.prize} + +
+ + {/* Boutique */} +
+ 🏪 +
+
{winner.boutique}
+
{winner.city}
+
+
+
+
+ ))} +
+
+
+
+
+ + {/* Testimonials Section */} +
+
+
+

Témoignages de nos gagnants

+
+ {testimonials.map((testimonial, index) => ( +
+
+
+ {testimonial.initials} +
+
+
{testimonial.name}
+
{testimonial.city}
+
+
+

"{testimonial.text}"

+
+ {[...Array(testimonial.stars)].map((_, i) => ( + ⭐ + ))} +
+
+ ))} +
+
{/* CTA Section */} -
- - -

- Participez à notre grand jeu autour du thé ! -

-

- À gagner : sélections premium, accessoires de dégustation et surprises maison. - Chaque achat vous donne une chance supplémentaire. -

- - - - - -
- - {/* Quote Section */} -
-
-
- « Un thé bien infusé, c'est une minute pour soi et un souvenir à partager. » -
-

— L'équipe Thé Tip Top

-
-
- - {/* Info Section */} -
-
-
- {/* Localisation */} - - -
📍
- Où nous trouver - - -

- 18 Avenue Thiers
- 06000 Nice, France -

-

- Au cœur de Nice, proches des transports. -

- - - - {/* Horaires */} - - -
🕐
- Horaires - - -

- Du mardi au samedi
- 10h – 19h -

-

- Fermé dimanche et lundi -

- - - - {/* Contact */} - - -
✉️
- Contact - - -

- - contact@thetiptop.fr - -

-

- - 01 23 45 67 89 - -

-

- Conseils personnalisés par e-mail ou en boutique. -

- - +
+
+
+
+

+ Vous aussi, rejoignez nos gagnants ! +

+

+ Avec 100% de gagnants garantis, c'est votre tour de remporter un magnifique lot. + Rendez-vous en boutique et tentez votre chance ! +

+
+ + ⭐ Participer maintenant + + + Voir les lots + +
+
); } - diff --git a/app/contact/page.tsx b/app/contact/page.tsx index 5509819..6e96fe7 100644 --- a/app/contact/page.tsx +++ b/app/contact/page.tsx @@ -2,8 +2,7 @@ import { useState } from "react"; import type { Metadata } from "next"; -import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/Card"; -import Button from "@/components/Button"; +import Link from "next/link"; export default function ContactPage() { const [formData, setFormData] = useState({ @@ -11,17 +10,17 @@ export default function ContactPage() { email: '', subject: '', message: '', - notRobot: false, + acceptPolicy: false, }); const [isSubmitting, setIsSubmitting] = useState(false); - const handleChange = (e: React.ChangeEvent) => { + const handleChange = (e: React.ChangeEvent) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); }; const handleCheckboxChange = (e: React.ChangeEvent) => { - setFormData(prev => ({ ...prev, notRobot: e.target.checked })); + setFormData(prev => ({ ...prev, acceptPolicy: e.target.checked })); }; const handleSubmit = async (e: React.FormEvent) => { @@ -40,300 +39,298 @@ export default function ContactPage() { email: '', subject: '', message: '', - notRobot: false, + acceptPolicy: false, }); setIsSubmitting(false); }; return ( -
+
{/* Hero Section */} -
-

- Contactez-nous -

-

- Une question, une suggestion ? Notre équipe est là pour vous accompagner. -

+
+
+
+

+ Contactez-nous +

+

+ Une question sur le jeu-concours ? Besoin d'aide ? Notre équipe est là pour vous accompagner ! +

+
+
-
- {/* Contact Form */} -
- - - - Envoyez-nous un message - - - -
- {/* Nom complet */} -
- - + {/* Main Content */} +
+
+
+
+ + {/* Contact Form */} +
+
+

Envoyez-nous un message

+ + + {/* Nom complet */} +
+ + +
+ + {/* Email */} +
+ + +
+ + {/* Sujet */} +
+ + +
+ + {/* Message */} +
+ +