@salifbiaye/create-boutique 0.6.0 → 0.7.0

package/templates/storefront/locales/fr.json

@@ -13,7 +13,7 @@
   "hero.trust.shipping": "Livraison offerte",
   "hero.trust.shippingSub": "Sur les commandes éligibles",
   "hero.trust.secure": "Paiement sécurisé",
-  "hero.trust.secureSub": "Chiffré par Stripe",
+  "hero.trust.secureSub": "Paiement chiffré",
   "hero.trust.returns": "Retours faciles",
   "hero.trust.returnsSub": "Sans justification",
   "countdown.label": "L'offre se termine dans",
@@ -52,12 +52,12 @@
   "pdp.trust.warranty": "Garantie 2 ans",
   "pdp.faq": "Questions fréquentes",
   "pdp.faq.q1": "Quels moyens de paiement acceptez-vous ?",
-  "pdp.faq.a1": "Carte bancaire, Apple Pay et Google Pay, traités en toute sécurité par Stripe.",
+  "pdp.faq.a1": "Carte, Wave, Orange Money et les autres moyens affichés au paiement, traités par nos partenaires de paiement sécurisés.",
   "pdp.faq.q2": "Quel est le délai de livraison ?",
   "pdp.faq.a2": "Les modes et délais de livraison sont affichés au moment de la commande.",
   "pdp.faq.q3": "Puis-je retourner ma commande ?",
   "pdp.faq.a3": "Oui, vous disposez de 30 jours pour retourner un article dans son état d'origine.",
-  "footer.tagline": "Des produits choisis, expédiés avec soin. Paiement sécurisé par Stripe.",
+  "footer.tagline": "Des produits choisis, expédiés avec soin. Paiement 100 % sécurisé.",
   "footer.shop": "Boutique",
   "footer.help": "Aide",
   "footer.company": "Informations",
@@ -72,14 +72,10 @@
   "legal.contact": "Contact",
   "legal.shipping.body": "Les commandes sont préparées sous 1 à 2 jours ouvrés. Les modes de livraison, leurs tarifs et les délais estimés sont affichés avant le paiement.",
   "legal.returns.body": "Vous pouvez retourner un article sous 30 jours après réception, non utilisé et dans son emballage d'origine. Contactez-nous pour lancer un retour ; le remboursement se fait sur le moyen de paiement d'origine.",
-  "legal.privacy.body": "{storeName} ne collecte que les données nécessaires à votre commande (nom, adresse, e-mail, téléphone). Les données de carte sont traitées par Stripe et jamais conservées par nous. Contactez-nous pour consulter ou supprimer vos données.",
+  "legal.privacy.body": "{storeName} ne collecte que les données nécessaires à votre commande (nom, adresse, e-mail, téléphone). Les paiements sont traités par nos partenaires de paiement sécurisés (carte, Wave, Orange Money…) : nous ne voyons ni ne conservons jamais vos données de paiement. Cookies : uniquement ceux nécessaires au site (panier, connexion) ; aucun cookie publicitaire ni de suivi. Contactez-nous pour consulter ou supprimer vos données.",
   "legal.terms.body": "Les prix incluent les remises affichées au moment de la commande. Le montant débité est celui affiché au paiement. {storeName} peut annuler une commande en cas d'erreur de prix manifeste ; vous êtes alors intégralement remboursé.",
   "legal.contact.body": "Une question sur une commande ? Écrivez-nous, nous vous répondrons au plus vite.",
   "legal.contact.email": "E-mail : {email}",
-  "ended.title": "Cette vente est terminée",
-  "ended.text": "Merci d'avoir fait vos achats chez {storeName}. Notre prochaine vente vous attend déjà.",
-  "ended.cta": "Voir la prochaine vente",
-  "ended.soon": "Notre prochaine vente arrive bientôt.",
   "upcoming.title": "Bientôt disponible",
   "upcoming.text": "Cette vente commence le {date}.",
   "notFound.title": "Page introuvable",
@@ -89,7 +85,7 @@
   "track.text": "Connectez-vous à votre compte pour suivre vos commandes, ou consultez l'e-mail de confirmation que nous vous avons envoyé.",
   "track.cta": "Accéder à mon compte",
   "checkout.back": "Retour au panier",
-  "checkout.secure": "Les paiements sont chiffrés et traités par Stripe.",
+  "checkout.secure": "Les paiements sont chiffrés et traités par nos partenaires de paiement sécurisés.",
   "form.select": "Choisir…",
   "form.firstName": "Prénom",
   "form.lastName": "Nom",
@@ -292,7 +288,7 @@
   "contact.faq.q2": "Comment retourner un article ?",
   "contact.faq.a2": "Écrivez-nous dans les 30 jours avec votre numéro de commande : nous vous envoyons les instructions de retour. Le remboursement est fait dès réception.",
   "contact.faq.q3": "Le paiement est-il sécurisé ?",
-  "contact.faq.a3": "Oui. Les paiements sont traités par Stripe (carte, Apple Pay, Google Pay) : {storeName} ne voit ni ne stocke jamais vos données de carte.",
+  "contact.faq.a3": "Oui. Les paiements sont traités par des partenaires de paiement sécurisés (carte, Wave, Orange Money…) : {storeName} ne voit ni ne stocke jamais vos données de paiement.",
   "contact.faq.q4": "Puis-je modifier ou annuler ma commande ?",
   "contact.faq.a4": "Tant qu'elle n'est pas expédiée, oui : contactez-nous au plus vite avec votre numéro de commande.",
   "section.fold": "Les offres phares",
@@ -331,5 +327,196 @@
   "grimoire.draw": "Tirez une carte",
   "grimoire.drawSub": "Trois cartes, trois offres ensorcelées. Survolez une carte pour la retourner.",
   "grimoire.reveal": "Retourner",
-  "grimoire.shelf": "L'étagère de l'apothicaire"
+  "grimoire.shelf": "L'étagère de l'apothicaire",
+  "closed.title": "Boutique fermée pour le moment",
+  "closed.text": "Merci de votre visite chez {storeName}. La boutique rouvrira bientôt.",
+  "closed.cta": "Voir notre autre boutique",
+  "closed.track": "Suivre ma commande",
+  "riviera.looksKicker": "Le lookbook",
+  "riviera.look": "Look N°{n}",
+  "riviera.coloursKicker": "Par couleur",
+  "riviera.colours": "Les couleurs de l'été",
+  "riviera.all": "Toute la collection",
+  "riviera.step1": "Choisissez",
+  "riviera.step1Sub": "Une pièce, une couleur, votre taille.",
+  "riviera.step2": "Recevez",
+  "riviera.step2Sub": "Expédiée soigneusement, suivie jusqu'à chez vous.",
+  "riviera.step3": "Profitez",
+  "riviera.step3Sub": "Retours gratuits sous 30 jours.",
+  "sunset.postcardsKicker": "Cartes postales",
+  "sunset.checklistKicker": "Avant de partir",
+  "sunset.checklist": "La liste de la plage",
+  "sunset.checklistSub": "Cochez ce qu'il vous manque, on additionne pour vous.",
+  "sunset.total": "Total",
+  "sunset.addAll": "Tout ajouter au panier",
+  "sunset.added": "Ajouté au panier",
+  "sunset.choose": "choisir la taille",
+  "sunset.empty": "Cochez au moins un article",
+  "locker.home": "Domicile",
+  "locker.away": "Extérieur",
+  "locker.clock": "Fin du match dans",
+  "locker.lineupKicker": "La composition",
+  "locker.lineupSub": "Onze titulaires, disposés en {formation}. Touchez un joueur pour voir la fiche.",
+  "locker.all": "Tout le vestiaire",
+  "locker.half": "Mi-temps",
+  "training.programKicker": "7 jours, 7 objectifs",
+  "training.program": "Le programme de la semaine",
+  "training.day1": "Lun",
+  "training.day2": "Mar",
+  "training.day3": "Mer",
+  "training.day4": "Jeu",
+  "training.day5": "Ven",
+  "training.day6": "Sam",
+  "training.day7": "Dim",
+  "training.focus1": "Force",
+  "training.focus2": "Cardio",
+  "training.focus3": "Mobilité",
+  "training.focus4": "Haut du corps",
+  "training.focus5": "Bas du corps",
+  "training.focus6": "Plein air",
+  "training.focus7": "Récup",
+  "training.pack": "Le pack de départ",
+  "training.total": "Les 3 ensemble",
+  "training.saving": "Vous économisez {amount}",
+  "training.promise1": "Retours sous 30 jours",
+  "training.promise1Sub": "Essayé, pas convaincu : remboursé",
+  "training.promise4": "Matériel testé",
+  "training.promise4Sub": "Sélectionné pour durer",
+  "arena.chrono": "Fin de l'épreuve",
+  "arena.podiumKicker": "Les plus fortes remises",
+  "arena.podium": "Le podium",
+  "arena.place1": "Or",
+  "arena.place2": "Argent",
+  "arena.place3": "Bronze",
+  "arena.all": "Toutes les épreuves",
+  "mosaic.left": "Il reste",
+  "mosaic.offers": "offres en jeu",
+  "mosaic.medalsKicker": "Le classement",
+  "mosaic.rank": "Rang",
+  "mosaic.product": "Produit",
+  "mosaic.saving": "Remise",
+  "mosaic.price": "Prix",
+  "mosaic.relay": "Le relais",
+  "mosaic.leg": "Relais {n}",
+  "lantern.until": "Jusqu'à la fin de l'offre",
+  "lantern.selectionKicker": "Sous la lanterne",
+  "lantern.giftsKicker": "Pour chacun",
+  "lantern.gifts": "Idées cadeaux par budget",
+  "lantern.tier1": "Petites attentions",
+  "lantern.tier2": "Beaux cadeaux",
+  "lantern.tier3": "Grands gestes",
+  "lantern.upTo": "Jusqu'à {amount}",
+  "lantern.from": "À partir de {amount}",
+  "lantern.between": "De {min} à {max}",
+  "souk.perk1": "Emballage cadeau offert",
+  "souk.perk2": "Livré avant la fête",
+  "souk.stallsKicker": "Au détour des étals",
+  "souk.sign": "Avec nos meilleurs vœux",
+  "souk.all": "Tout le souk",
+  "shop.results": "Résultats pour « {q} »",
+  "shop.clear": "Effacer la recherche",
+  "shop.noResults": "Aucun produit ne correspond à « {q} ». Essayez un autre mot.",
+  "souk.see": "Voir le produit",
+  "checkout.payPaytech": "Wave, Orange Money, Free Money ou carte",
+  "checkout.payPaydunya": "Wave, Orange Money ou carte",
+  "checkout.payNaboopay": "Wave ou Orange Money",
+  "checkout.payRedirect": "Payer maintenant",
+  "checkout.payRedirectHint": "Vous allez être redirigé vers la page de paiement sécurisée, puis revenir ici automatiquement.",
+  "checkout.payChecking": "Nous confirmons votre paiement…",
+  "checkout.payCancelled": "Paiement annulé. Vous pouvez réessayer ou choisir un autre moyen de paiement.",
+  "checkout.payRetry": "Vérifier à nouveau",
+  "checkout.orderLabel": "Commande en ligne",
+  "checkout.payInitError": "Ce moyen de paiement est momentanément indisponible. Réessayez dans un instant ou choisissez-en un autre.",
+  "cookies.title": "Cookies",
+  "cookies.text": "Ce site utilise uniquement des cookies nécessaires à son fonctionnement (panier, connexion). Aucun suivi publicitaire.",
+  "cookies.textOptional": "Nous utilisons des cookies nécessaires au fonctionnement du site et, avec votre accord, des cookies de mesure d’audience.",
+  "cookies.more": "En savoir plus",
+  "cookies.ok": "J’ai compris",
+  "cookies.accept": "Accepter",
+  "cookies.refuse": "Refuser",
+  "legal.privacy.1.title": "Qui sommes-nous",
+  "legal.privacy.1.body": "{storeName} est responsable des données personnelles collectées sur ce site. Pour toute question : {email}.",
+  "legal.privacy.2.title": "Les données que nous collectons",
+  "legal.privacy.2.body": "Uniquement ce qui est utile à votre commande : nom, adresse de livraison et de facturation, e-mail, téléphone, articles commandés et historique de vos commandes. Si vous créez un compte : votre e-mail et votre mot de passe (enregistré chiffré, jamais lisible, même par nous). Si vous laissez un avis : votre prénom, votre note et votre commentaire.",
+  "legal.privacy.3.title": "Pourquoi",
+  "legal.privacy.3.body": "Préparer, livrer et suivre votre commande ; vous envoyer les e-mails liés à la commande (confirmation, expédition, livraison, remboursement) ; répondre à vos messages ; respecter nos obligations comptables. Nous ne vendons ni ne louons jamais vos données, et nous ne vous envoyons pas de publicité sans votre accord.",
+  "legal.privacy.4.title": "Qui les reçoit",
+  "legal.privacy.4.body": "Seulement les prestataires nécessaires, et seulement ce dont ils ont besoin : le transporteur (nom, adresse, téléphone), notre partenaire de paiement (carte, Wave, Orange Money…), notre service d'envoi d'e-mails et notre hébergeur. Aucun autre tiers.",
+  "legal.privacy.5.title": "Paiement",
+  "legal.privacy.5.body": "Le paiement se fait sur la page sécurisée de notre partenaire de paiement. Nous ne voyons, ne recevons et ne conservons jamais votre numéro de carte ni vos codes Wave ou Orange Money. Le montant payé est toujours calculé par notre serveur, jamais par votre navigateur.",
+  "legal.privacy.6.title": "Sécurité",
+  "legal.privacy.6.body": "Le site est chiffré (HTTPS) : les informations échangées ne peuvent pas être lues en chemin. Les mots de passe sont enregistrés chiffrés. L'accès à l'administration de la boutique est protégé par identifiant et mot de passe, et réservé à l'équipe de {storeName}. Les données sont sauvegardées régulièrement.",
+  "legal.privacy.7.title": "Combien de temps",
+  "legal.privacy.7.body": "Les données de commande sont conservées le temps nécessaire à la gestion de la commande, puis le temps imposé par la loi pour les factures (en général 10 ans). Un compte client sans commande depuis 3 ans peut être supprimé. Vous pouvez demander la suppression de votre compte à tout moment.",
+  "legal.privacy.8.title": "Cookies",
+  "legal.privacy.8.body": "Nous utilisons uniquement les cookies nécessaires au fonctionnement du site : votre panier, votre connexion et la boutique de votre panier. Aucun cookie publicitaire, aucun suivi entre sites, aucune revente.",
+  "legal.privacy.9.title": "Vos droits",
+  "legal.privacy.9.body": "Vous pouvez à tout moment consulter, corriger, supprimer ou récupérer vos données, et vous opposer à leur utilisation. Écrivez-nous à {email} : nous répondons sous 30 jours. Si vous n'êtes pas satisfait de notre réponse, vous pouvez vous adresser à l'autorité de protection des données de votre pays (par exemple la CDP au Sénégal ou la CNIL en France).",
+  "legal.terms.1.title": "Objet",
+  "legal.terms.1.body": "Ces conditions s'appliquent à toute commande passée sur le site de {storeName}. Passer commande vaut acceptation de ces conditions.",
+  "legal.terms.2.title": "Prix",
+  "legal.terms.2.body": "Les prix sont indiqués dans la devise de la boutique, remises comprises au moment de la commande. Le montant débité est celui affiché à l'étape du paiement, frais de livraison inclus. En cas d'erreur de prix manifeste, {storeName} peut annuler la commande : vous êtes alors intégralement remboursé.",
+  "legal.terms.3.title": "Commande",
+  "legal.terms.3.body": "La commande est confirmée par un e-mail récapitulatif. {storeName} peut refuser une commande en cas de litige de paiement ou de stock épuisé ; vous êtes alors prévenu et remboursé.",
+  "legal.terms.4.title": "Paiement",
+  "legal.terms.4.body": "Par carte, Wave, Orange Money ou tout autre moyen affiché, sur la page sécurisée de notre partenaire de paiement. La commande est préparée dès que le paiement est confirmé.",
+  "legal.terms.5.title": "Livraison",
+  "legal.terms.5.body": "Les modes, tarifs et délais sont affichés avant le paiement. Un e-mail vous prévient à l'expédition, avec le numéro de suivi quand il existe. Voir la page Livraison.",
+  "legal.terms.6.title": "Retours et remboursements",
+  "legal.terms.6.body": "Vous disposez de 30 jours après réception pour retourner un article non utilisé, dans son emballage d'origine. Le remboursement se fait sur le moyen de paiement d'origine. Voir la page Retours.",
+  "legal.terms.7.title": "Garanties",
+  "legal.terms.7.body": "Les produits bénéficient des garanties légales de conformité. Un article abîmé ou non conforme à la réception ? Écrivez-nous à {email} avec une photo : nous le remplaçons ou le remboursons.",
+  "legal.terms.8.title": "Réclamations",
+  "legal.terms.8.body": "Pour toute réclamation, contactez-nous d'abord à {email} : nous cherchons toujours une solution à l'amiable. À défaut, le litige relève des tribunaux compétents.",
+  "legal.shipping.1.title": "Préparation",
+  "legal.shipping.1.body": "Les commandes sont préparées sous 1 à 2 jours ouvrés après confirmation du paiement.",
+  "legal.shipping.2.title": "Modes et tarifs",
+  "legal.shipping.2.body": "Les modes de livraison disponibles pour votre adresse, leurs tarifs et leurs délais estimés sont affichés avant le paiement. Le prix de la livraison est inclus dans le total payé : aucun frais caché à la livraison.",
+  "legal.shipping.3.title": "Suivi",
+  "legal.shipping.3.body": "Un e-mail vous prévient quand votre colis part, avec le numéro et le lien de suivi quand le transporteur en fournit un, puis un autre à la livraison. Vous pouvez aussi suivre votre commande depuis la page « Suivi de commande ».",
+  "legal.shipping.4.title": "Colis abîmé ou en retard",
+  "legal.shipping.4.body": "Un colis abîmé à la réception ou un retard important ? Écrivez-nous à {email} avec votre numéro de commande : nous nous en occupons.",
+  "legal.returns.1.title": "Délai",
+  "legal.returns.1.body": "Vous pouvez retourner un article sous 30 jours après réception.",
+  "legal.returns.2.title": "Conditions",
+  "legal.returns.2.body": "L'article doit être non utilisé, complet et dans son emballage d'origine. Pour des raisons d'hygiène, certains articles ne peuvent pas être repris une fois ouverts (cosmétiques, sous-vêtements, denrées alimentaires).",
+  "legal.returns.3.title": "Comment faire",
+  "legal.returns.3.body": "Écrivez-nous à {email} avec votre numéro de commande et l'article concerné : nous vous indiquons comment le renvoyer.",
+  "legal.returns.4.title": "Remboursement",
+  "legal.returns.4.body": "Dès réception et vérification de l'article, nous vous remboursons sur le moyen de paiement d'origine (carte, Wave, Orange Money…), et vous recevez un e-mail de confirmation. Un article reçu abîmé ou non conforme est remboursé en totalité, frais de retour compris.",
+  "legal.updated": "Dernière mise à jour : {date}",
+  "legal.emailFallback": "la page Contact",
+  "reviews.outOf": "Note : {value} sur 5",
+  "reviews.title": "Avis clients",
+  "reviews.none": "Pas encore d'avis sur ce produit. Chaque acheteur reçoit un lien pour le noter après la livraison.",
+  "reviews.countOne": "{count} avis",
+  "reviews.countMany": "{count} avis",
+  "reviews.how": "Avis d'acheteurs vérifiés : seuls les clients qui ont commandé ce produit peuvent le noter, et chaque avis est relu avant publication.",
+  "reviews.verified": "Achat vérifié",
+  "reviews.homeKicker": "Ils ont commandé",
+  "reviews.homeTitle": "Ce que nos clients en pensent",
+  "reviews.pageTitle": "Laisser un avis",
+  "reviews.pageLead": "Merci pour votre commande n° {number} ! Notez vos articles : votre avis aide les autres clients.",
+  "reviews.invalidLink": "Ce lien n'est plus valable. Les liens pour laisser un avis sont envoyés par e-mail à la livraison et restent valables 6 mois.",
+  "reviews.backHome": "Retour à la boutique",
+  "reviews.already": "Merci, vous avez déjà noté ce produit.",
+  "reviews.yourRating": "Votre note",
+  "reviews.rating1": "Décevant",
+  "reviews.rating2": "Moyen",
+  "reviews.rating3": "Bien",
+  "reviews.rating4": "Très bien",
+  "reviews.rating5": "Excellent",
+  "reviews.name": "Votre prénom (affiché avec l'avis)",
+  "reviews.titleField": "Titre",
+  "reviews.optional": "(facultatif)",
+  "reviews.comment": "Votre avis",
+  "reviews.commentHint": "Qualité, taille, livraison… ce qui aidera les prochains clients (10 caractères minimum).",
+  "reviews.send": "Publier mon avis",
+  "reviews.sending": "Envoi…",
+  "reviews.thanks": "Merci ! Votre avis sera visible après une rapide relecture.",
+  "reviews.error.invalid": "Choisissez une note et écrivez au moins 10 caractères (sans < ni >).",
+  "reviews.error.duplicate": "Vous avez déjà noté ce produit pour cette commande.",
+  "reviews.error.expired": "Ce lien n'est plus valable.",
+  "reviews.error.tooMany": "Trop de tentatives. Réessayez dans un moment.",
+  "reviews.error.failed": "L'envoi n'a pas abouti. Réessayez dans un instant."
 }

package/templates/storefront/public/custom/LISEZMOI.txt

@@ -0,0 +1,2 @@
+Images et polices propres à ce projet (utilisées par src/styles/custom.css : url("/custom/<fichier>")).
+Ce dossier est conservé par « create-boutique update ».

package/templates/storefront/src/app/(checkout)/layout.tsx

@@ -5,7 +5,7 @@ import { Logo } from "@modules/ub/nav"
 
 export default function CheckoutLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="w-full relative small:min-h-screen">
+    <div className="w-full relative small:min-h-screen ub-page" data-page="checkout">
       <header className="ub-nav">
         <div className="ub-wrap">
           <Link href="/cart" className="ub-more" data-testid="back-to-cart-link">

package/templates/storefront/src/app/(main)/layout.tsx

@@ -9,6 +9,11 @@ import FreeShippingPriceNudge from "@modules/shipping/components/free-shipping-p
 import Footer from "@modules/ub/footer"
 import Nav from "@modules/ub/nav"
 import TopBar from "@modules/ub/top-bar"
+import BoutiqueClosed from "@modules/ub/campaign-ended"
+import { headers } from "next/headers"
+
+// Site fermé : restent ouverts le compte, le suivi de commande, le panier et les pages légales
+const OPEN_WHEN_CLOSED = /^\/(account|order|cart|legal|review)(\/|$)/
 
 async function CartNotices() {
   const [customer, cart] = await Promise.all([retrieveCustomer(), retrieveCart()])
@@ -28,6 +33,8 @@ async function CartNotices() {
 
 export default async function PageLayout(props: { children: React.ReactNode }) {
   const campaign = await getCampaign()
+  const path = (await headers()).get("x-ub-path") ?? "/"
+  const closed = !campaign.online && !OPEN_WHEN_CLOSED.test(path)
 
   return (
     <>
@@ -36,7 +43,7 @@ export default async function PageLayout(props: { children: React.ReactNode }) {
       <Suspense fallback={null}>
         <CartNotices />
       </Suspense>
-      {props.children}
+      {closed ? <BoutiqueClosed nextUrl={campaign.nextCampaignUrl} /> : props.children}
       <Footer />
     </>
   )

package/templates/storefront/src/app/(main)/legal/[page]/page.tsx

@@ -9,6 +9,9 @@ type Page = (typeof PAGES)[number]
 
 type Props = { params: Promise<{ page: string }> }
 
+/** Date de la dernière modification des textes légaux (locales/*.json, clés legal.*) : à changer avec eux */
+const LEGAL_UPDATED = "2026-09-30"
+
 const isPage = (p: string): p is Page => (PAGES as readonly string[]).includes(p)
 
 export async function generateMetadata(props: Props): Promise<Metadata> {
@@ -21,15 +24,47 @@ export default async function LegalPage(props: Props) {
   if (!isPage(page)) notFound()
   if (page === "contact") return <ContactPage />
 
-  const { storeName } = getBoutique()
+  const { storeName, merchantEmail, locale } = getBoutique()
+  const vars = { storeName, email: merchantEmail ?? t("legal.emailFallback") }
+
+  // Sections « legal.<page>.<n>.title / .body » (locales) ; à défaut, l'ancien paragraphe unique
+  const sections: { title: string; body: string }[] = []
+  for (let n = 1; n <= 20; n++) {
+    const key = `legal.${page}.${n}.title`
+    const title = t(key, vars)
+    if (title === key) break
+    sections.push({ title, body: t(`legal.${page}.${n}.body`, vars) })
+  }
+  const updated = new Intl.DateTimeFormat(locale, { dateStyle: "long" }).format(new Date(LEGAL_UPDATED))
 
   return (
-    <section className="ub-section">
-      <div className="ub-wrap" style={{ maxWidth: 760 }}>
-        <h1 className="ub-head" style={{ fontSize: 36, lineHeight: "44px", marginBottom: 24 }}>
-          {t(`legal.${page}`)}
-        </h1>
-        <p>{t(`legal.${page}.body`, { storeName })}</p>
+    <section className="ub-section ub-legal">
+      <div className="ub-wrap">
+        <h1 className="ub-head ub-legal__title">{t(`legal.${page}`)}</h1>
+        <p className="ub-legal__updated">{t("legal.updated", { date: updated })}</p>
+        {sections.length ? (
+          <>
+            {sections.length > 3 && (
+              <nav className="ub-legal__toc" aria-label={t(`legal.${page}`)}>
+                <ol>
+                  {sections.map((s, i) => (
+                    <li key={s.title}>
+                      <a href={`#s${i + 1}`}>{s.title}</a>
+                    </li>
+                  ))}
+                </ol>
+              </nav>
+            )}
+            {sections.map((s, i) => (
+              <section key={s.title} id={`s${i + 1}`} className="ub-legal__sec">
+                <h2>{s.title}</h2>
+                <p>{s.body}</p>
+              </section>
+            ))}
+          </>
+        ) : (
+          <p>{t(`legal.${page}.body`, vars)}</p>
+        )}
       </div>
     </section>
   )

package/templates/storefront/src/app/(main)/page.tsx

@@ -1,12 +1,11 @@
 import { Suspense } from "react"
 import { connection } from "next/server"
 
-import { campaignStatus, getCampaign } from "@lib/boutique/campaign"
+import { getCampaign } from "@lib/boutique/campaign"
 import { t } from "@lib/boutique/i18n"
 import { listCategories } from "@lib/data/categories"
 import { listProducts } from "@lib/data/products"
 import { Hero, PromoBanner, SectionHead, TrustBar } from "@modules/ub/campaign-blocks"
-import CampaignEnded from "@modules/ub/campaign-ended"
 import CategoryTiles from "@modules/ub/category-tiles"
 import { ProductGrid } from "@modules/ub/product-card"
 import { DealsFold, DealsSpotlight } from "@modules/ub/showcase"
@@ -16,7 +15,17 @@ import { CinemaHero, CinemaRow, CinemaScreening, CinemaTop } from "@modules/ub/c
 import { TechBento, TechFinal, TechFlash, TechGrid, TechHero, TechSpecs, TechTicker } from "@modules/ub/tech"
 import { GrimoireHero, GrimoireShelf, GrimoireSpell, GrimoireTarot } from "@modules/ub/grimoire"
 import { AlbumGarland, AlbumHero, AlbumPolaroids, AlbumStory, AlbumTicket } from "@modules/ub/album"
+import { RivieraColours, RivieraHero, RivieraLookbook, RivieraTailor } from "@modules/ub/riviera"
+import { SunsetBand, SunsetChecklistSection, SunsetHero, SunsetPostcards } from "@modules/ub/sunset"
+import { LockerHalftime, LockerHero, LockerLineup, LockerRack } from "@modules/ub/locker"
+import { TrainingHero, TrainingPack, TrainingProgram, TrainingPromise, TrainingTop } from "@modules/ub/training"
+import { ArenaHero, ArenaLanes, ArenaPodium, ArenaRecord } from "@modules/ub/arena"
+import { MosaicDisciplines, MosaicHero, MosaicMedals, MosaicRelay } from "@modules/ub/mosaic"
+import { LanternArches, LanternBudget, LanternHero, LanternNight } from "@modules/ub/lantern"
+import { SoukHero, SoukLetter, SoukStalls, SoukWho } from "@modules/ub/souk"
+import { discountOf } from "@modules/ub/home-kit"
 import { getBoutique } from "@lib/boutique/config"
+import { HomeReviews } from "@modules/ub/reviews"
 import type { Campaign } from "@lib/boutique/campaign"
 
 async function Categories({ title }: { title: string }) {
@@ -188,16 +197,152 @@ async function GalaProducts({ campaign }: { campaign: Campaign }) {
   )
 }
 
+/** Produits de l'accueil : tels quels et triés par remise (plus forte d'abord). */
+async function homeProducts(limit = 12) {
+  const {
+    response: { products },
+  } = await listProducts({ queryParams: { limit, fields: "*categories,*collection" } })
+  return { products, sorted: [...products].sort((a, b) => discountOf(b) - discountOf(a)) }
+}
+
+/** Accueil « Riviera » (Summer). */
+async function RivieraPage({ campaign }: { campaign: Campaign }) {
+  const { products } = await homeProducts()
+  return (
+    <>
+      <RivieraLookbook products={products} title={campaign.sections?.products ?? t("section.products")} />
+      <RivieraColours products={products} />
+      <RivieraTailor campaign={campaign} />
+    </>
+  )
+}
+
+/** Accueil « Sunset » (Summer 2) : cartes postales des plus fortes remises, liste de plage interactive. */
+async function SunsetPage({ campaign }: { campaign: Campaign }) {
+  const { products, sorted } = await homeProducts()
+  return (
+    <>
+      <SunsetPostcards products={sorted} campaign={campaign} title={campaign.sections?.products ?? t("section.products")} />
+      <SunsetChecklistSection products={products} />
+      <SunsetBand campaign={campaign} />
+    </>
+  )
+}
+
+/** Accueil « Vestiaire » (Sport). */
+async function LockerPage({ campaign }: { campaign: Campaign }) {
+  const { products, sorted } = await homeProducts()
+  return (
+    <>
+      <LockerLineup products={sorted} title={campaign.sections?.products ?? t("section.products")} />
+      <LockerRack products={products} title={campaign.sections?.categories ?? t("section.categories")} />
+      <LockerHalftime campaign={campaign} />
+    </>
+  )
+}
+
+/** Accueil « Training » (Sport 2) : les plus choisis juste sous le hero. */
+async function TrainingPage({ campaign }: { campaign: Campaign }) {
+  const { products, sorted } = await homeProducts()
+  return (
+    <>
+      <TrainingTop products={sorted} title={campaign.sections?.products ?? t("section.products")} />
+      <TrainingProgram products={products} />
+      <TrainingPack campaign={campaign} products={sorted.slice(4)} />
+      <TrainingPromise freeShipping={campaign.freeShipping} />
+    </>
+  )
+}
+
+/** Accueil « Arène » (Jeux) : podium des 3 plus fortes remises, puis les couloirs. */
+async function ArenaPage({ campaign }: { campaign: Campaign }) {
+  const { sorted } = await homeProducts()
+  return (
+    <>
+      <ArenaPodium products={sorted} />
+      <ArenaLanes products={sorted} title={campaign.sections?.products ?? t("section.products")} />
+      <ArenaRecord campaign={campaign} />
+    </>
+  )
+}
+
+/** Accueil « Mosaïque » (Jeux 2). */
+async function MosaicPage({ campaign }: { campaign: Campaign }) {
+  const [{ products, sorted }, categories] = await Promise.all([homeProducts(), listCategories().catch(() => [])])
+  return (
+    <>
+      <MosaicDisciplines categories={categories} title={campaign.sections?.categories ?? t("section.categories")} />
+      <MosaicMedals products={sorted} title={campaign.sections?.products ?? t("section.products")} />
+      <MosaicRelay campaign={campaign} products={products} />
+    </>
+  )
+}
+
+/** Accueil « Lanterne » (Mubarak · Nuit) : la sélection (plus fortes remises), idées cadeaux par budget. */
+async function LanternPage({ campaign }: { campaign: Campaign }) {
+  const { products, sorted } = await homeProducts()
+  return (
+    <>
+      <LanternArches products={sorted} title={campaign.sections?.products ?? t("section.products")} />
+      <LanternBudget products={products} />
+      <LanternNight campaign={campaign} />
+    </>
+  )
+}
+
+/** Accueil « Souk » (Mubarak · Sable). */
+async function SoukPage({ campaign }: { campaign: Campaign }) {
+  const [{ sorted }, categories] = await Promise.all([homeProducts(), listCategories().catch(() => [])])
+  return (
+    <>
+      <SoukStalls products={sorted} title={campaign.sections?.products ?? t("section.products")} />
+      <SoukWho categories={categories} title={campaign.sections?.categories ?? t("section.categories")} />
+      <SoukLetter campaign={campaign} />
+    </>
+  )
+}
+
 function GridFallback() {
   return <div className="ub-section" aria-busy="true" style={{ minHeight: 320 }} />
 }
 
+/** Accueil : la mise en page du thème, puis les derniers avis clients (section commune, aux couleurs du thème). */
 export default async function Home() {
+  return (
+    <>
+      <HomeBody />
+      <Suspense fallback={null}>
+        <HomeReviews />
+      </Suspense>
+    </>
+  )
+}
+
+async function HomeBody() {
   await connection()
   const campaign = await getCampaign()
 
-  if (campaignStatus(campaign) === "ended") {
-    return <CampaignEnded nextUrl={campaign.nextCampaignUrl} />
+
+  const home = getBoutique().theme.home
+  const themed: Partial<Record<string, [string, React.ReactNode, React.ReactNode]>> = {
+    riviera: ["ub-riviera", <RivieraHero key="h" campaign={campaign} />, <RivieraPage campaign={campaign} />],
+    sunset: ["ub-sunset", <SunsetHero key="h" campaign={campaign} />, <SunsetPage campaign={campaign} />],
+    locker: ["ub-locker", <LockerHero key="h" campaign={campaign} />, <LockerPage campaign={campaign} />],
+    training: ["ub-training", <TrainingHero key="h" campaign={campaign} />, <TrainingPage campaign={campaign} />],
+    arena: ["ub-arena", <ArenaHero key="h" campaign={campaign} />, <ArenaPage campaign={campaign} />],
+    mosaic: ["ub-mosaic", <MosaicHero key="h" campaign={campaign} />, <MosaicPage campaign={campaign} />],
+    lantern: ["ub-lantern", <LanternHero key="h" campaign={campaign} />, <LanternPage campaign={campaign} />],
+    souk: ["ub-souk", <SoukHero key="h" campaign={campaign} />, <SoukPage campaign={campaign} />],
+  }
+  const page = home ? themed[home] : undefined
+  if (page) {
+    const [cls, hero, rest] = page
+    return (
+      <div className={cls}>
+        {hero}
+        <Suspense fallback={<GridFallback />}>{rest}</Suspense>
+      </div>
+    )
   }
 
   if (getBoutique().theme.home === "grimoire") {

package/templates/storefront/src/app/(main)/review/page.tsx

@@ -0,0 +1,60 @@
+import { Metadata } from "next"
+import Link from "next/link"
+import { t } from "@lib/boutique/i18n"
+import { getReviewOrder } from "@lib/data/reviews"
+import FadeImg from "@modules/ub/fade-img"
+import ReviewForm from "@modules/ub/review-form"
+
+export async function generateMetadata(): Promise<Metadata> {
+  return { title: t("reviews.pageTitle"), robots: { index: false, follow: false } }
+}
+
+type Props = { searchParams: Promise<{ token?: string }> }
+
+/**
+ * « Laisser un avis » : ouverte depuis le lien de l'e-mail « commande livrée » (jeton signé).
+ * Un formulaire par produit de la commande ; les produits déjà notés sont indiqués. Page non indexée.
+ */
+export default async function ReviewPage(props: Props) {
+  const { token = "" } = await props.searchParams
+  const order = token ? await getReviewOrder(token) : null
+
+  return (
+    <section className="ub-section ub-reviewpage">
+      <div className="ub-wrap">
+        <h1 className="ub-head ub-reviewpage__title">{t("reviews.pageTitle")}</h1>
+        {!order ? (
+          <>
+            <p className="ub-reviewpage__lead">{t("reviews.invalidLink")}</p>
+            <Link href="/" className="ub-rform__btn">
+              {t("reviews.backHome")}
+            </Link>
+          </>
+        ) : (
+          <>
+            <p className="ub-reviewpage__lead">{t("reviews.pageLead", { number: String(order.number) })}</p>
+            <ul className="ub-reviewpage__list">
+              {order.products.map((p) => (
+                <li key={p.product_id} className="ub-reviewpage__item">
+                  <div className="ub-reviewpage__product">
+                    {p.thumbnail && (
+                      <span className="ub-reviewpage__img">
+                        <FadeImg src={p.thumbnail} alt="" />
+                      </span>
+                    )}
+                    <b>{p.title}</b>
+                  </div>
+                  {p.reviewed ? (
+                    <p className="ub-rform__done">{t("reviews.already")}</p>
+                  ) : (
+                    <ReviewForm token={token} productId={p.product_id} firstName={order.first_name} />
+                  )}
+                </li>
+              ))}
+            </ul>
+          </>
+        )}
+      </div>
+    </section>
+  )
+}

package/templates/storefront/src/app/(main)/store/page.tsx

@@ -13,18 +13,20 @@ type Params = {
     sortBy?: SortOptions
     page?: string
     category?: string
+    q?: string
   }>
 }
 
 export default async function StorePage(props: Params) {
   const searchParams = await props.searchParams;
-  const { sortBy, page, category } = searchParams
+  const { sortBy, page, category, q } = searchParams
 
   return (
     <StoreTemplate
       sortBy={sortBy}
       page={page}
       category={category}
+      q={typeof q === "string" ? q.slice(0, 100) : undefined}
     />
   )
 }