create-brainerce-store 1.52.1 → 1.52.2

package/README.md

@@ -14,7 +14,7 @@ Run it with no flags for a fully interactive setup. The CLI fetches your store's
 
 Every scaffold ships **Atelier** — a complete, AI-built storefront look (not just a color theme): warm editorial gallery with soft washes + glass surfaces, a floating hero collage, near-full-bleed product grid, styled popover dropdowns, a mini-cart drawer that opens on add-to-cart, and an RTL-safe fly-to-cart micro-interaction. Fully de-branded — driven by your store's name, catalog and dashboard content.
 
-It's a starting point, not a lock-in: the entire look lives in `src/ui/` + `globals.css` and is designed to be rewritten (see below).
+It's a starting point, not a lock-in: the entire look lives in `src/ui/` + `globals.css` and is designed to be rewritten (see below). The shipped texts are **example content** (a boutique voice, like any template's sample copy) — your catalog replaces the imagery automatically, and the copy lives in `messages/` ready to be rewritten by you or an AI session. On a brand-new store with no products yet, the homepage hero shows a designed placeholder that swaps for your first published products.
 
 ## Blank-canvas mode
 

package/dist/index.js

@@ -31,7 +31,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "create-brainerce-store",
-      version: "1.52.1",
+      version: "1.52.2",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"
@@ -963,6 +963,12 @@ Your store will be running at http://localhost:3000
 Your store will be running at http://localhost:3000`);
       logger.info(
         `
+The storefront ships with example boutique copy as a starting point \u2014
+your real products replace the imagery automatically, and the texts
+live in messages/ (or let an AI session rewrite them).`
+      );
+      logger.info(
+        `
 Want a unique design? Open this folder in Claude Code and run:
   /design <your art-direction brief>
 (commerce stays intact \u2014 see AI-GUIDE.md)`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-brainerce-store",
-  "version": "1.52.1",
+  "version": "1.52.2",
   "description": "Scaffold a production-ready e-commerce storefront connected to Brainerce",
   "bin": {
     "create-brainerce-store": "dist/index.js"

package/templates/nextjs/designs/atelier/messages-patch/en.json

@@ -55,7 +55,8 @@
     "newsletterPlaceholder": "Your email address",
     "newsletterCta": "Subscribe",
     "newsletterSuccess": "You are in! We promise to send only beautiful things.",
-    "newsletterPrivacy": "No spam. Unsubscribe anytime."
+    "newsletterPrivacy": "No spam. Unsubscribe anytime.",
+    "heroEmptyHint": "Your first published products will appear here"
   },
   "products": {
     "listingSubtitle": "Our full collection — handmade, genuine materials and love for detail.",

package/templates/nextjs/designs/atelier/messages-patch/he.json

@@ -55,7 +55,8 @@
     "newsletterPlaceholder": "כתובת האימייל שלך",
     "newsletterCta": "הרשמה",
     "newsletterSuccess": "נרשמת בהצלחה! מבטיחים לשלוח רק דברים יפים.",
-    "newsletterPrivacy": "בלי ספאם. אפשר להסיר את ההרשמה בכל רגע."
+    "newsletterPrivacy": "בלי ספאם. אפשר להסיר את ההרשמה בכל רגע.",
+    "heroEmptyHint": "המוצרים הראשונים שתפרסמו לחנות יופיעו כאן"
   },
   "products": {
     "listingSubtitle": "הקולקציה המלאה שלנו — עבודת יד, חומרים אמיתיים ואהבה לפרטים.",

package/templates/nextjs/designs/atelier/ui/home/hero-section.tsx

@@ -130,6 +130,32 @@ export function HeroSection({
             </span>
           </div>
         )}
+
+        {/* Empty catalog — the same floating composition as designed washes,
+            so a brand-new store still opens rich instead of half-blank. The
+            first two published products replace these automatically. */}
+        {!heroImage && (
+          <div
+            aria-hidden="true"
+            className="reveal reveal-delay-1 relative mx-auto h-[26rem] w-full max-w-md sm:h-[30rem] lg:col-span-6 lg:h-[34rem] lg:max-w-none"
+          >
+            <div
+              className="float-slow wash-forest absolute inset-y-0 start-[4%] flex w-[72%] -rotate-2 items-center justify-center overflow-hidden rounded-3xl border-4 border-background shadow-[0_36px_80px_-30px_hsl(var(--primary)/0.45)]"
+              style={{ '--float-rotate': '-2deg' } as React.CSSProperties}
+            >
+              <IconSparkle size={56} className="text-primary/25" />
+              <span className="glass absolute bottom-5 end-5 start-5 px-4 py-3 text-center text-sm font-medium text-muted-foreground">
+                {t('heroEmptyHint')}
+              </span>
+            </div>
+            <div
+              className="float-slower wash-sand absolute -end-2 top-[54%] flex aspect-[3/4] w-[38%] rotate-3 items-center justify-center rounded-3xl border-4 border-background shadow-[0_28px_60px_-24px_hsl(var(--primary)/0.4)] sm:end-0"
+              style={{ '--float-rotate': '3deg' } as React.CSSProperties}
+            >
+              <IconStar size={32} filled className="text-primary/20" />
+            </div>
+          </div>
+        )}
       </div>
     </section>
   );