@salifbiaye/create-boutique 0.1.1

package/templates/storefront/src/styles/ub/medusa-ui.css

@@ -0,0 +1,90 @@
+/* Branche les composants du starter (Medusa UI : panier, checkout, compte…) sur le thème
+   de la boutique. Medusa UI lit ses couleurs dans des variables CSS (--bg-base, --fg-base…)
+   définies sur :root : on les redéfinit à partir des tokens du thème (data-theme).
+   html[data-theme] l'emporte sur :root sans toucher au preset. */
+html[data-theme] {
+  --bg-base: var(--bg);
+  --bg-base-hover: var(--surface);
+  --bg-base-pressed: var(--tint-1);
+  --bg-subtle: var(--surface);
+  --bg-subtle-hover: var(--tint-1);
+  --bg-subtle-pressed: var(--tint-2);
+  --bg-component: var(--surface);
+  --bg-component-hover: var(--tint-1);
+  --bg-component-pressed: var(--tint-2);
+  --bg-field: var(--bg);
+  --bg-field-hover: var(--surface);
+  --bg-field-component: var(--surface);
+  --bg-field-component-hover: var(--tint-1);
+  --bg-highlight: var(--tint-1);
+  --bg-highlight-hover: var(--tint-2);
+  --bg-interactive: var(--primary);
+  --bg-disabled: var(--surface);
+  --bg-overlay: rgb(0 0 0 / 0.45);
+
+  --fg-base: var(--ink);
+  --fg-subtle: var(--ink-muted);
+  --fg-muted: var(--ink-muted);
+  --fg-disabled: var(--ink-muted);
+  --fg-interactive: var(--primary);
+  --fg-interactive-hover: var(--primary);
+  --fg-on-color: var(--on-primary);
+  --fg-on-inverted: var(--on-primary);
+
+  --border-base: var(--border);
+  --border-strong: var(--border);
+  --border-interactive: var(--primary);
+  --border-menu-top: var(--border);
+  --border-menu-bot: var(--border);
+
+  --button-inverted: var(--primary);
+  --button-inverted-hover: color-mix(in srgb, var(--primary) 88%, var(--ink));
+  --button-inverted-pressed: color-mix(in srgb, var(--primary) 78%, var(--ink));
+  --button-neutral: var(--bg);
+  --button-neutral-hover: var(--surface);
+  --button-neutral-pressed: var(--tint-1);
+  --button-transparent: transparent;
+  --button-transparent-hover: var(--surface);
+  --button-transparent-pressed: var(--tint-1);
+
+  --buttons-inverted: 0 0 0 1px var(--primary);
+  --buttons-inverted-focus: 0 0 0 1px var(--primary), 0 0 0 3px var(--focus);
+  --buttons-neutral: 0 0 0 1px var(--border);
+  --buttons-neutral-focus: 0 0 0 1px var(--border), 0 0 0 3px var(--focus);
+  --borders-base: 0 0 0 1px var(--border);
+  --borders-focus: 0 0 0 1px var(--primary), 0 0 0 3px var(--focus);
+  --borders-interactive-with-active: 0 0 0 1px var(--primary), 0 0 0 4px color-mix(in srgb, var(--primary) 25%, transparent);
+  --borders-interactive-with-focus: 0 0 0 1px var(--primary), 0 0 0 3px var(--focus);
+  --borders-interactive-with-shadow: 0 0 0 1px var(--primary);
+  --details-contrast-on-bg-interactive: var(--on-primary);
+}
+
+/* Boutons Medusa UI : forme du preset du thème (pilule, coins carrés…) */
+.ub :is(button, a)[class*="bg-ui-button"] {
+  border-radius: var(--ub-r-btn);
+  font-weight: 600;
+}
+
+/* Titres Medusa UI : police et casse des titres du thème */
+.ub :is(h1, h2, h3)[class*="txt-"],
+.ub :is(h1, h2, h3)[class*="text-"] {
+  font-family: var(--ub-font-head);
+  text-transform: var(--ub-head-case);
+  letter-spacing: var(--ub-head-track);
+}
+
+/* Cartes / blocs du starter : arrondis du thème */
+.ub .rounded-rounded,
+.ub .rounded-md {
+  border-radius: var(--ub-r-card);
+}
+
+/* Champs préremplis par le navigateur : couleurs du thème (le starter force #fff / #212121) */
+.ub input:-webkit-autofill,
+.ub input:-webkit-autofill:hover,
+.ub input:-webkit-autofill:focus,
+.ub select:-webkit-autofill {
+  border: 1px solid var(--border);
+  -webkit-text-fill-color: var(--ink);
+  -webkit-box-shadow: 0 0 0 1000px var(--bg) inset;
+}

package/templates/storefront/src/styles/ub/overrides.css

@@ -0,0 +1,12 @@
+/* Réglages de l'admin qui priment sur les presets de thème (design/bundle.css). */
+
+/* Compte à rebours « Toujours afficher » : visible même si le thème le masque. */
+.ub-hero__cd.ub-cd-on,
+.ub-cd-on .ub-countdown {
+  display: flex !important;
+}
+
+/* Conteneur neutre autour du compte à rebours du bandeau promo. */
+.ub-promo__cd {
+  display: contents;
+}

package/templates/storefront/src/styles/ub/tokens.css

@@ -0,0 +1,9 @@
+/* COPIE de design/ par scripts/sync-design.mjs — ne pas modifier ici. */
+/* Généré depuis tokens.json — variables CSS par thème (data-theme sur <html>) */
+:root,[data-theme="halloween"]{--bg:#0e0c14;--surface:#17141f;--tint-1:#211a30;--tint-2:#2a1a1c;--tint-3:#1a2130;--tint-4:#1f2a1c;--ink:#f4f1fa;--ink-muted:#a8a1ba;--border:#2b2638;--primary:#ff7a1a;--on-primary:#0e0c14;--accent:#b69cff;--on-accent:#0e0c14;--sale:#ff8a3d;--star:#fbbf24;--success:#4ade80;--hero-bg:#171126;--hero-ink:#f4f1fa;--hero-muted:#b9b0cf;--band-bg:#211936;--band-ink:#f4f1fa;--bubble-bg:#ff7a1a;--bubble-ink:#0e0c14;--topbar-bg:#ff7a1a;--topbar-ink:#0e0c14;--focus:#fbbf24;}
+[data-theme="thanksgiving"]{--bg:#ffffff;--surface:#f6f3ef;--tint-1:#f3e7da;--tint-2:#efe3d3;--tint-3:#e9eadf;--tint-4:#f5e2d8;--ink:#1c1917;--ink-muted:#6b625a;--border:#ebe5de;--primary:#c2410c;--on-primary:#ffffff;--accent:#1c1917;--on-accent:#ffffff;--sale:#c2410c;--star:#d97706;--success:#3f6212;--hero-bg:#f7efe6;--hero-ink:#1c1917;--hero-muted:#5f564e;--band-bg:#c2410c;--band-ink:#ffffff;--bubble-bg:#1c1917;--bubble-ink:#ffffff;--topbar-bg:#1c1917;--topbar-ink:#ffffff;--focus:#2563eb;}
+[data-theme="black-friday"]{--bg:#ffffff;--surface:#f4f4f5;--tint-1:#f4f4f5;--tint-2:#f4f4f5;--tint-3:#f4f4f5;--tint-4:#f4f4f5;--ink:#09090b;--ink-muted:#52525b;--border:#e4e4e7;--primary:#f97316;--on-primary:#09090b;--accent:#18181b;--on-accent:#ffffff;--sale:#c62828;--star:#f59e0b;--success:#15803d;--hero-bg:#09090b;--hero-ink:#ffffff;--hero-muted:#a1a1aa;--band-bg:#f97316;--band-ink:#09090b;--bubble-bg:#f97316;--bubble-ink:#09090b;--topbar-bg:#09090b;--topbar-ink:#ffffff;--focus:#2563eb;}
+[data-theme="cyber-monday"]{--bg:#ffffff;--surface:#f7f7fb;--tint-1:#f1effd;--tint-2:#eef4ff;--tint-3:#ecfbf4;--tint-4:#fff1ee;--ink:#0f1020;--ink-muted:#626477;--border:#ebebf3;--primary:#4a2bd6;--on-primary:#ffffff;--accent:#efeafd;--on-accent:#4a2bd6;--sale:#dc2626;--star:#f59e0b;--success:#15803d;--hero-bg:#eef0ff;--hero-ink:#0f1020;--hero-muted:#4b4d63;--band-bg:#f0ecfd;--band-ink:#0f1020;--bubble-bg:#ffffff;--bubble-ink:#4a2bd6;--topbar-bg:#f3effd;--topbar-ink:#4a2bd6;--focus:#4a2bd6;}
+[data-theme="noel"]{--bg:#ffffff;--surface:#f8f8fb;--tint-1:#fdecec;--tint-2:#eaf5ee;--tint-3:#fff6e5;--tint-4:#eef2fb;--ink:#111827;--ink-muted:#5b6475;--border:#eceef3;--primary:#b91c1c;--on-primary:#ffffff;--accent:#15803d;--on-accent:#ffffff;--sale:#b91c1c;--star:#f59e0b;--success:#15803d;--hero-bg:#fbeeee;--hero-ink:#111827;--hero-muted:#4b5563;--band-bg:#14532d;--band-ink:#ffffff;--bubble-bg:#dc2626;--bubble-ink:#ffffff;--topbar-bg:#b91c1c;--topbar-ink:#ffffff;--focus:#2563eb;}
+[data-theme="nouvel-an"]{--bg:#fbfaf7;--surface:#f1eee6;--tint-1:#efe9dc;--tint-2:#ebe7f5;--tint-3:#e9eef0;--tint-4:#f3e9e4;--ink:#111018;--ink-muted:#5e5b6b;--border:#e6e1d6;--primary:#d9b54a;--on-primary:#111018;--accent:#6d4aff;--on-accent:#ffffff;--sale:#9a4a07;--star:#b8860b;--success:#15803d;--hero-bg:#efeaf6;--hero-ink:#111018;--hero-muted:#4a4757;--band-bg:#16152a;--band-ink:#f5f3ea;--bubble-bg:#16152a;--bubble-ink:#e9cf7a;--topbar-bg:#16152a;--topbar-ink:#e9cf7a;--focus:#6d4aff;}
+:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--content-max:1280px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--shadow-card:0 1px 2px rgba(16,24,40,0.04), 0 8px 24px rgba(16,24,40,0.06);--shadow-pop:0 12px 32px rgba(16,24,40,0.14);--font-inter:Inter, system-ui, sans-serif;--font-space-grotesk:"Space Grotesk", Inter, sans-serif;--font-jakarta:"Plus Jakarta Sans", Inter, sans-serif;--font-oswald:Oswald, "Arial Narrow", sans-serif;--font-outfit:Outfit, Inter, sans-serif;--font-poppins:Poppins, Inter, sans-serif;--font-sora:Sora, Inter, sans-serif;--font-serif:"DM Serif Display", Georgia, serif;}

package/templates/storefront/src/types/global.ts

@@ -0,0 +1,24 @@
+import { StorePrice } from "@medusajs/types"
+
+export type FeaturedProduct = {
+  id: string
+  title: string
+  handle: string
+  thumbnail?: string
+}
+
+export type VariantPrice = {
+  calculated_price_number: number
+  calculated_price: string
+  original_price_number: number
+  original_price: string
+  currency_code: string
+  price_type: string
+  percentage_diff: string
+}
+
+export type StoreFreeShippingPrice = StorePrice & {
+  target_reached: boolean
+  target_remaining: number
+  remaining_percentage: number
+}

package/templates/storefront/src/types/icon.ts

@@ -0,0 +1,4 @@
+export type IconProps = {
+  color?: string
+  size?: string | number
+} & React.SVGAttributes<SVGElement>

package/templates/storefront/tailwind.config.js

@@ -0,0 +1,164 @@
+const path = require("path")
+
+module.exports = {
+  darkMode: "class",
+  presets: [require("@medusajs/ui-preset")],
+  content: [
+    "./src/app/**/*.{js,ts,jsx,tsx}",
+    "./src/pages/**/*.{js,ts,jsx,tsx}",
+    "./src/components/**/*.{js,ts,jsx,tsx}",
+    "./src/modules/**/*.{js,ts,jsx,tsx}",
+    "./node_modules/@medusajs/ui/dist/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      transitionProperty: {
+        width: "width margin",
+        height: "height",
+        bg: "background-color",
+        display: "display opacity",
+        visibility: "visibility",
+        padding: "padding-top padding-right padding-bottom padding-left",
+      },
+      colors: {
+        grey: {
+          0: "#FFFFFF",
+          5: "#F9FAFB",
+          10: "#F3F4F6",
+          20: "#E5E7EB",
+          30: "#D1D5DB",
+          40: "#9CA3AF",
+          50: "#6B7280",
+          60: "#4B5563",
+          70: "#374151",
+          80: "#1F2937",
+          90: "#111827",
+        },
+      },
+      borderRadius: {
+        none: "0px",
+        soft: "2px",
+        base: "4px",
+        rounded: "8px",
+        large: "16px",
+        circle: "9999px",
+      },
+      maxWidth: {
+        "8xl": "100rem",
+      },
+      screens: {
+        "2xsmall": "320px",
+        xsmall: "512px",
+        small: "1024px",
+        medium: "1280px",
+        large: "1440px",
+        xlarge: "1680px",
+        "2xlarge": "1920px",
+      },
+      fontSize: {
+        "3xl": "2rem",
+      },
+      fontFamily: {
+        // Police du thème (preset de bundle.css), repli sur Inter
+        sans: [
+          "var(--ub-font-body)",
+          "Inter",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Helvetica Neue",
+          "Ubuntu",
+          "sans-serif",
+        ],
+      },
+      keyframes: {
+        ring: {
+          "0%": { transform: "rotate(0deg)" },
+          "100%": { transform: "rotate(360deg)" },
+        },
+        "fade-in-right": {
+          "0%": {
+            opacity: "0",
+            transform: "translateX(10px)",
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateX(0)",
+          },
+        },
+        "fade-in-top": {
+          "0%": {
+            opacity: "0",
+            transform: "translateY(-10px)",
+          },
+          "100%": {
+            opacity: "1",
+            transform: "translateY(0)",
+          },
+        },
+        "fade-out-top": {
+          "0%": {
+            height: "100%",
+          },
+          "99%": {
+            height: "0",
+          },
+          "100%": {
+            visibility: "hidden",
+          },
+        },
+        "accordion-slide-up": {
+          "0%": {
+            height: "var(--radix-accordion-content-height)",
+            opacity: "1",
+          },
+          "100%": {
+            height: "0",
+            opacity: "0",
+          },
+        },
+        "accordion-slide-down": {
+          "0%": {
+            "min-height": "0",
+            "max-height": "0",
+            opacity: "0",
+          },
+          "100%": {
+            "min-height": "var(--radix-accordion-content-height)",
+            "max-height": "none",
+            opacity: "1",
+          },
+        },
+        enter: {
+          "0%": { transform: "scale(0.9)", opacity: 0 },
+          "100%": { transform: "scale(1)", opacity: 1 },
+        },
+        leave: {
+          "0%": { transform: "scale(1)", opacity: 1 },
+          "100%": { transform: "scale(0.9)", opacity: 0 },
+        },
+        "slide-in": {
+          "0%": { transform: "translateY(-100%)" },
+          "100%": { transform: "translateY(0)" },
+        },
+      },
+      animation: {
+        ring: "ring 2.2s cubic-bezier(0.5, 0, 0.5, 1) infinite",
+        "fade-in-right":
+          "fade-in-right 0.3s cubic-bezier(0.5, 0, 0.5, 1) forwards",
+        "fade-in-top": "fade-in-top 0.2s cubic-bezier(0.5, 0, 0.5, 1) forwards",
+        "fade-out-top":
+          "fade-out-top 0.2s cubic-bezier(0.5, 0, 0.5, 1) forwards",
+        "accordion-open":
+          "accordion-slide-down 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards",
+        "accordion-close":
+          "accordion-slide-up 300ms cubic-bezier(0.87, 0, 0.13, 1) forwards",
+        enter: "enter 200ms ease-out",
+        "slide-in": "slide-in 1.2s cubic-bezier(.41,.73,.51,1.02)",
+        leave: "leave 150ms ease-in forwards",
+      },
+    },
+  },
+  plugins: [require("tailwindcss-radix")()],
+}

package/templates/storefront/themes/black-friday/campaign.en.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Black Friday: biggest sale of the year",
+    "Free shipping over {freeShipping}",
+    "30-day money back"
+  ],
+  "hero": {
+    "eyebrow": "Black Friday",
+    "title": "Black Friday",
+    "highlight": "Up to {discount} off",
+    "sub": "Our biggest price drop of the year. New doorbusters every hour until {endDate}.",
+    "cta": "Shop the deals",
+    "cta2": "See doorbusters",
+    "bubble": [
+      "Up to",
+      "{discount}",
+      "Off"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Flash sale",
+    "title": "Up to {discount} off",
+    "text": "Doorbusters change every hour.",
+    "cta": "Shop sale now",
+    "seal": "Today only"
+  },
+  "sections": {
+    "categories": "Shop the deals",
+    "products": "Doorbusters"
+  }
+}

package/templates/storefront/themes/black-friday/campaign.fr.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Black Friday : la plus grosse vente de l'année",
+    "Livraison offerte dès {freeShipping}",
+    "Satisfait ou remboursé 30 jours"
+  ],
+  "hero": {
+    "eyebrow": "Black Friday",
+    "title": "Black Friday",
+    "highlight": "Jusqu'à -{discount}",
+    "sub": "Nos plus fortes baisses de prix de l'année. De nouvelles offres chaque heure jusqu'au {endDate}.",
+    "cta": "Voir les offres",
+    "cta2": "Offres chocs",
+    "bubble": [
+      "Jusqu'à",
+      "{discount}",
+      "de remise"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Vente flash",
+    "title": "Jusqu'à -{discount}",
+    "text": "Les offres chocs changent chaque heure.",
+    "cta": "J'en profite",
+    "seal": "Aujourd'hui"
+  },
+  "sections": {
+    "categories": "Les offres",
+    "products": "Offres chocs"
+  }
+}

package/templates/storefront/themes/black-friday/theme.json

@@ -0,0 +1,9 @@
+{
+  "id": "black-friday",
+  "name": "Black Friday",
+  "reference": "Aeroflow + NovaTrend",
+  "fonts": {
+    "head": "oswald",
+    "body": "inter"
+  }
+}

package/templates/storefront/themes/cyber-monday/campaign.en.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Free shipping on orders over {freeShipping}",
+    "Cyber Monday: 24 hours only",
+    "Pay by card, Apple Pay or Google Pay"
+  ],
+  "hero": {
+    "eyebrow": "Cyber Monday",
+    "title": "Cyber Monday tech deals",
+    "highlight": "tech deals",
+    "sub": "24 hours only. Laptops, audio and smart gadgets up to {discount} off.",
+    "cta": "Shop now",
+    "cta2": "View all deals",
+    "bubble": [
+      "Up to",
+      "{discount}",
+      "Off"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Special offer",
+    "title": "Enhance your music experience",
+    "text": "Headphones and speakers at their lowest price of the year.",
+    "cta": "Check it out",
+    "seal": "24h only"
+  },
+  "sections": {
+    "categories": "Browse by category",
+    "products": "Explore our best sellers"
+  }
+}

package/templates/storefront/themes/cyber-monday/campaign.fr.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Livraison offerte dès {freeShipping}",
+    "Cyber Monday : 24 heures seulement",
+    "Carte, Apple Pay ou Google Pay"
+  ],
+  "hero": {
+    "eyebrow": "Cyber Monday",
+    "title": "Cyber Monday : les offres tech",
+    "highlight": "offres tech",
+    "sub": "24 heures seulement. Ordinateurs, audio et objets connectés jusqu'à -{discount}.",
+    "cta": "Acheter",
+    "cta2": "Toutes les offres",
+    "bubble": [
+      "Jusqu'à",
+      "{discount}",
+      "de remise"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Offre spéciale",
+    "title": "Profitez mieux de votre musique",
+    "text": "Casques et enceintes au prix le plus bas de l'année.",
+    "cta": "Découvrir",
+    "seal": "24 h seulement"
+  },
+  "sections": {
+    "categories": "Nos catégories",
+    "products": "Nos meilleures ventes"
+  }
+}

package/templates/storefront/themes/cyber-monday/theme.json

@@ -0,0 +1,9 @@
+{
+  "id": "cyber-monday",
+  "name": "Cyber Monday",
+  "reference": "NovaTech",
+  "fonts": {
+    "head": "outfit",
+    "body": "outfit"
+  }
+}

package/templates/storefront/themes/halloween/campaign.en.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Free shipping over {freeShipping}",
+    "Halloween Sale ends {endDate}",
+    "Secure checkout by Stripe"
+  ],
+  "hero": {
+    "eyebrow": "Halloween Sale",
+    "title": "Deals so good they're scary",
+    "highlight": "they're",
+    "sub": "Costumes, decor and treats up to {discount} off. Ends {endDate} at midnight.",
+    "cta": "Shop the sale",
+    "cta2": "Explore more",
+    "bubble": [
+      "Up to",
+      "{discount}",
+      "Off"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Built for the night",
+    "title": "Last call: {discount} off everything",
+    "text": "Final hours of the Halloween Sale.",
+    "cta": "Grab the deals",
+    "seal": "Ends {endDate}"
+  },
+  "sections": {
+    "categories": "Shop by category",
+    "products": "Top picks"
+  }
+}

package/templates/storefront/themes/halloween/campaign.fr.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Livraison offerte dès {freeShipping}",
+    "Soldes d'Halloween jusqu'au {endDate}",
+    "Paiement sécurisé par Stripe"
+  ],
+  "hero": {
+    "eyebrow": "Soldes d'Halloween",
+    "title": "Des prix à faire peur",
+    "highlight": "peur",
+    "sub": "Costumes, déco et friandises jusqu'à -{discount}. Jusqu'au {endDate} à minuit.",
+    "cta": "Voir les offres",
+    "cta2": "Découvrir",
+    "bubble": [
+      "Jusqu'à",
+      "{discount}",
+      "de remise"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Spécial Halloween",
+    "title": "Dernière chance : -{discount} sur tout",
+    "text": "Dernières heures des soldes d'Halloween.",
+    "cta": "J'en profite",
+    "seal": "Fin le {endDate}"
+  },
+  "sections": {
+    "categories": "Nos catégories",
+    "products": "Notre sélection"
+  }
+}

package/templates/storefront/themes/halloween/theme.json

@@ -0,0 +1,9 @@
+{
+  "id": "halloween",
+  "name": "Halloween",
+  "reference": "Nexora (sombre)",
+  "fonts": {
+    "head": "space-grotesk",
+    "body": "inter"
+  }
+}

package/templates/storefront/themes/noel/campaign.en.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Order by {endDate} for Christmas delivery",
+    "Free gift wrapping",
+    "Easy returns until January 31"
+  ],
+  "hero": {
+    "eyebrow": "Christmas Gift Shop",
+    "title": "Gifts they'll love. Delivered by Christmas.",
+    "highlight": "love.",
+    "sub": "Hand-picked gifts for everyone on your list, wrapped for free.",
+    "cta": "Shop gifts",
+    "cta2": "Gift guide",
+    "bubble": [
+      "Up to",
+      "{discount}",
+      "Off"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Limited offer",
+    "title": "Gift season. Exclusive deals.",
+    "text": "Up to {discount} off selected gifts until {endDate}.",
+    "cta": "Shop now",
+    "seal": "Limited Offer"
+  },
+  "sections": {
+    "categories": "Shop by category",
+    "products": "Featured gifts"
+  }
+}

package/templates/storefront/themes/noel/campaign.fr.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "Commandez avant le {endDate} pour Noël",
+    "Emballage cadeau offert",
+    "Retours faciles jusqu'au 31 janvier"
+  ],
+  "hero": {
+    "eyebrow": "Boutique de Noël",
+    "title": "Des cadeaux qu'ils vont adorer. Livrés pour Noël.",
+    "highlight": "adorer.",
+    "sub": "Des cadeaux choisis pour chacun, emballés gratuitement.",
+    "cta": "Voir les cadeaux",
+    "cta2": "Guide cadeaux",
+    "bubble": [
+      "Jusqu'à",
+      "{discount}",
+      "de remise"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Offre limitée",
+    "title": "La saison des cadeaux. Des offres exclusives.",
+    "text": "Jusqu'à -{discount} sur une sélection de cadeaux jusqu'au {endDate}.",
+    "cta": "Acheter",
+    "seal": "Offre limitée"
+  },
+  "sections": {
+    "categories": "Nos catégories",
+    "products": "Idées cadeaux"
+  }
+}

package/templates/storefront/themes/noel/theme.json

@@ -0,0 +1,9 @@
+{
+  "id": "noel",
+  "name": "Noël",
+  "reference": "Crescendo",
+  "fonts": {
+    "head": "poppins",
+    "body": "poppins"
+  }
+}

package/templates/storefront/themes/nouvel-an/campaign.en.json

@@ -0,0 +1,31 @@
+{
+  "topbar": [
+    "New Year Sale: up to {discount} off",
+    "Free shipping over {freeShipping}",
+    "Ends {endDate}"
+  ],
+  "hero": {
+    "eyebrow": "New Year Sale",
+    "title": "New year new you",
+    "highlight": "new",
+    "sub": "Start the year with up to {discount} off our best sellers. Ends {endDate}.",
+    "cta": "Explore the sale",
+    "cta2": "New arrivals",
+    "bubble": [
+      "Up to",
+      "{discount}",
+      "Off"
+    ]
+  },
+  "promo": {
+    "eyebrow": "Ready for the new year?",
+    "title": "Countdown to the new year",
+    "text": "Midnight deals drop every hour on December 31.",
+    "cta": "Join the countdown",
+    "seal": "Dec 31"
+  },
+  "sections": {
+    "categories": "Explore our categories",
+    "products": "Explore our top picks"
+  }
+}