create-brainerce-store 1.72.0 → 1.74.0

package/templates/nextjs/base/src/ui/product/recommendation-section.tsx

@@ -1,102 +1,108 @@
-'use client';
-
-import { Image as ImageIcon } from 'lucide-react';
-import { Link } from '@/core/lib/navigation';
-import { CdnImage as Image } from '@/ui/shared/cdn-image';
-import type { ProductRecommendation } from 'brainerce';
-import { PriceDisplay } from '@/ui/product/price-display';
-import { cn } from '@/core/lib/utils';
-
-interface RecommendationCardProps {
-  item: ProductRecommendation;
-  className?: string;
-}
-
-function RecommendationCard({ item, className }: RecommendationCardProps) {
-  const firstImage = item.images?.[0];
-  const imageUrl = typeof firstImage === 'string' ? firstImage : firstImage?.url || null;
-  const slug = item.slug || item.id;
-  const basePrice = parseFloat(item.basePrice);
-  const salePrice = item.salePrice ? parseFloat(item.salePrice) : undefined;
-  const isOnSale = salePrice != null && salePrice < basePrice;
-
-  return (
-    <Link
-      href={`/products/${slug}`}
-      className={cn(
-        // Card-equivalent shell (bg-card + border + rounded-lg) as a link —
-        // the whole recommendation tile is clickable.
-        'bg-card text-card-foreground group block overflow-hidden rounded-lg border transition-shadow hover:shadow-md',
-        className
-      )}
-    >
-      <div className="bg-muted relative aspect-square overflow-hidden">
-        {imageUrl ? (
-          <Image
-            src={imageUrl}
-            alt={item.name}
-            fill
-            sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
-            className="object-cover transition-transform duration-300 group-hover:scale-105"
-          />
-        ) : (
-          <div className="text-muted-foreground absolute inset-0 flex items-center justify-center">
-            <ImageIcon className="h-10 w-10" strokeWidth={1.5} aria-hidden="true" />
-          </div>
-        )}
-      </div>
-      <div className="space-y-1.5 p-3">
-        <h3 className="text-foreground group-hover:text-primary line-clamp-2 text-sm font-medium transition-colors">
-          {item.name}
-        </h3>
-        <PriceDisplay price={basePrice} salePrice={isOnSale ? salePrice : undefined} size="sm" />
-      </div>
-    </Link>
-  );
-}
-
-interface RecommendationSectionProps {
-  title: string;
-  items: ProductRecommendation[];
-  className?: string;
-}
-
-export function RecommendationSection({ title, items, className }: RecommendationSectionProps) {
-  if (items.length === 0) return null;
-
-  return (
-    <div className={cn('', className)}>
-      <h2 className="text-foreground mb-4 text-xl font-semibold">{title}</h2>
-      <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4">
-        {items.map((item) => (
-          <RecommendationCard key={item.id} item={item} />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-interface CartRecommendationSectionProps {
-  title: string;
-  items: ProductRecommendation[];
-  className?: string;
-}
-
-export function CartRecommendationSection({
-  title,
-  items,
-  className,
-}: CartRecommendationSectionProps) {
-  if (items.length === 0) return null;
-
-  return (
-    <div className={cn('', className)}>
-      <h2 className="text-foreground mb-4 text-lg font-semibold">{title}</h2>
-      <div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
-        {items.map((item) => (
-          <RecommendationCard key={item.id} item={item} />
-        ))}
-      </div>
-    </div>
-  );
-}
+'use client';
+
+import { Image as ImageIcon } from 'lucide-react';
+import { Link } from '@/core/lib/navigation';
+import { CdnImage as Image } from '@/ui/shared/cdn-image';
+import type { ProductRecommendation } from 'brainerce';
+import { PriceDisplay } from '@/ui/product/price-display';
+import { cn } from '@/core/lib/utils';
+
+interface RecommendationCardProps {
+  item: ProductRecommendation;
+  className?: string;
+}
+
+function RecommendationCard({ item, className }: RecommendationCardProps) {
+  const firstImage = item.images?.[0];
+  const imageUrl = typeof firstImage === 'string' ? firstImage : firstImage?.url || null;
+  const slug = item.slug || item.id;
+  // ⛔ NOT region-converted, and it cannot be. `ProductRecommendation` is a
+  // trimmed shape that carries `basePrice` / `salePrice` only: the backend
+  // attaches no displayPrice/displayCurrency to it, so there is no converted
+  // amount to render and converting here would mean inventing an FX rate.
+  // These tiles stay in the store currency on a multi-region store. Do not
+  // "fix" it with a client-side conversion.
+  const basePrice = parseFloat(item.basePrice);
+  const salePrice = item.salePrice ? parseFloat(item.salePrice) : undefined;
+  const isOnSale = salePrice != null && salePrice < basePrice;
+
+  return (
+    <Link
+      href={`/products/${slug}`}
+      className={cn(
+        // Card-equivalent shell (bg-card + border + rounded-lg) as a link —
+        // the whole recommendation tile is clickable.
+        'bg-card text-card-foreground group block overflow-hidden rounded-lg border transition-shadow hover:shadow-md',
+        className
+      )}
+    >
+      <div className="bg-muted relative aspect-square overflow-hidden">
+        {imageUrl ? (
+          <Image
+            src={imageUrl}
+            alt={item.name}
+            fill
+            sizes="(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 20vw"
+            className="object-cover transition-transform duration-300 group-hover:scale-105"
+          />
+        ) : (
+          <div className="text-muted-foreground absolute inset-0 flex items-center justify-center">
+            <ImageIcon className="h-10 w-10" strokeWidth={1.5} aria-hidden="true" />
+          </div>
+        )}
+      </div>
+      <div className="space-y-1.5 p-3">
+        <h3 className="text-foreground group-hover:text-primary line-clamp-2 text-sm font-medium transition-colors">
+          {item.name}
+        </h3>
+        <PriceDisplay price={basePrice} salePrice={isOnSale ? salePrice : undefined} size="sm" />
+      </div>
+    </Link>
+  );
+}
+
+interface RecommendationSectionProps {
+  title: string;
+  items: ProductRecommendation[];
+  className?: string;
+}
+
+export function RecommendationSection({ title, items, className }: RecommendationSectionProps) {
+  if (items.length === 0) return null;
+
+  return (
+    <div className={cn('', className)}>
+      <h2 className="text-foreground mb-4 text-xl font-semibold">{title}</h2>
+      <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4">
+        {items.map((item) => (
+          <RecommendationCard key={item.id} item={item} />
+        ))}
+      </div>
+    </div>
+  );
+}
+
+interface CartRecommendationSectionProps {
+  title: string;
+  items: ProductRecommendation[];
+  className?: string;
+}
+
+export function CartRecommendationSection({
+  title,
+  items,
+  className,
+}: CartRecommendationSectionProps) {
+  if (items.length === 0) return null;
+
+  return (
+    <div className={cn('', className)}>
+      <h2 className="text-foreground mb-4 text-lg font-semibold">{title}</h2>
+      <div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
+        {items.map((item) => (
+          <RecommendationCard key={item.id} item={item} />
+        ))}
+      </div>
+    </div>
+  );
+}

package/templates/nextjs/base/src/ui/product/review-form.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { Star, X } from 'lucide-react';
+import { ImagePlus, Star, X } from 'lucide-react';
 import { getClient } from '@/core/lib/brainerce';
 import { checkAuthStatus } from '@/core/lib/auth';
 import { Link } from '@/core/lib/navigation';
@@ -371,7 +371,7 @@ function ReviewEditor({
                       setUploads((prev) => prev.filter((item) => item.key !== upload.key))
                     }
                     aria-label={t('removePhoto')}
-                    className="rounded-bs-none rounded-be absolute end-0 top-0 bg-black/60 px-1 text-xs text-white"
+                    className="absolute end-1 top-1 rounded-full bg-black/60 p-1 text-white"
                   >
                     <X className="h-3 w-3" aria-hidden="true" />
                   </button>
@@ -380,16 +380,38 @@ function ReviewEditor({
             </ul>
           )}
 
-          <input
-            type="file"
-            accept="image/jpeg,image/png,image/webp,image/gif"
-            multiple
-            disabled={uploading || roomLeft <= 0}
-            onChange={handleFiles}
-            className="block text-sm"
-          />
+          {/* A <label> wrapping a visually hidden input, not a bare file control.
+              The browser's own "Choose Files" button cannot be styled and looks
+              nothing like the rest of the form. Two things this has to do that the
+              native control did for free: `disabled` on a hidden input greys
+              NOTHING, so the label paints its own disabled state, and the line
+              underneath says WHY it is disabled rather than leaving a dead button.
+              The input stays a real input (no ref.click()) so keyboard and
+              assistive tech reach it, and focus-within restores the focus ring. */}
+          <Button asChild variant="outline" size="sm" className="w-fit">
+            <label
+              className={`focus-within:ring-ring inline-flex cursor-pointer items-center gap-2 focus-within:ring-2 ${
+                uploading || roomLeft <= 0 ? 'pointer-events-none opacity-50' : ''
+              }`}
+            >
+              <ImagePlus className="h-4 w-4" aria-hidden="true" />
+              {uploading ? t('photoUploading') : t('choosePhotos')}
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif"
+                multiple
+                disabled={uploading || roomLeft <= 0}
+                onChange={handleFiles}
+                className="sr-only"
+              />
+            </label>
+          </Button>
 
-          {uploading && <p className="text-muted-foreground text-xs">{t('photoUploading')}</p>}
+          <p className="text-muted-foreground text-xs">
+            {roomLeft <= 0
+              ? t('photoLimitReached', { max: String(photos.maxPerReview) })
+              : t('photoFormats', { mb: String(Math.round(photos.maxBytes / (1024 * 1024))) })}
+          </p>
           {/* Say it BEFORE they submit. A shopper who uploads a photo, submits, and
               then cannot see it will conclude the site is broken. */}
           {photos.requiresApproval && (

package/templates/nextjs/base/src/ui/product/stock-badge.tsx

@@ -4,17 +4,29 @@ import type { InventoryInfo } from 'brainerce';
 import { Badge } from '@/components/ui/badge';
 import { cn } from '@/core/lib/utils';
 import { useTranslations } from '@/core/lib/translations';
+import { useStoreCapabilities } from '@/core/providers/store-provider';
+import { resolveLowStockThreshold } from '@/core/lib/capabilities';
 
 interface StockBadgeProps {
   inventory: InventoryInfo | null | undefined;
+  /**
+   * Override the threshold. Leave it unset — the merchant's configured value
+   * comes from the store's capabilities, and a hardcoded number here shows the
+   * wrong badge on every store that chose a different one.
+   */
   lowStockThreshold?: number;
   className?: string;
 }
 
-export function StockBadge({ inventory, lowStockThreshold = 5, className }: StockBadgeProps) {
+export function StockBadge({ inventory, lowStockThreshold, className }: StockBadgeProps) {
   const t = useTranslations('productDetail');
-  const label = getStockLabel(inventory, lowStockThreshold, t);
-  const color = getStockColor(inventory, lowStockThreshold);
+  // Merchant-configured, from the channel's capabilities. Falls back to the
+  // platform default while the fetch is in flight or if it failed, and resolves
+  // to 0 (nothing is ever low) when the merchant turned low-stock warnings off.
+  const { capabilities } = useStoreCapabilities();
+  const threshold = lowStockThreshold ?? resolveLowStockThreshold(capabilities);
+  const label = getStockLabel(inventory, threshold, t);
+  const color = getStockColor(inventory, threshold);
 
   return (
     <Badge

package/templates/nextjs/designs/atelier/app-overlay/layout.tsx.ejs

@@ -4,11 +4,13 @@ import { Assistant, Frank_Ruhl_Libre } from 'next/font/google';
 import { StoreProvider } from '@/core/providers/store-provider';
 import { AnnouncementBar } from '@/ui/layout/announcement-bar';
 import { SiteHeader } from '@/ui/layout/site-header';
+import { DiscountBannerStrip } from '@/ui/home/discount-banner-strip';
 import { SiteFooter } from '@/ui/layout/site-footer';
 import { CartDrawer } from '@/ui/cart/cart-drawer';
 import { BrainerceBotWidget } from '@/components/brainerce-bot';
 import { TrackingBootstrap } from '@/components/tracking-bootstrap';
 import { getServerClient, fetchStoreInfo } from '@/core/lib/brainerce.server';
+import { resolveRegion } from '@/core/lib/region.server';
 import { getDirection, getMessages, supportedLocales } from '@/i18n';
 import { getNonce } from '@/core/lib/nonce';
 import { getCanonicalSiteUrl } from '@/core/lib/site-url';
@@ -84,7 +86,8 @@ export default async function RootLayout({
   // seeded a particular content type yet. New stores ship with default rows
   // seeded by the backend (StoresService.seedDefaultContent).
   const client = await getServerClient(locale);
-  const [announcements, siteHeader, siteFooter, storeInfo, messages] = await Promise.all([
+  const [announcements, siteHeader, siteFooter, storeInfo, messages, discountBanners, regionInfo] =
+    await Promise.all([
     client.content.announcement.list(locale).catch(() => []),
     client.content.header.get('main', locale).catch(() => null),
     client.content.footer.get('main', locale).catch(() => null),
@@ -96,6 +99,18 @@ export default async function RootLayout({
     // without this, every page (and every locale switch) shows raw
     // "namespace.key" strings until the client-only fetch resolves.
     getMessages(locale),
+    // Store-wide discount banners. Fetched here rather than on the home
+    // page so they render below the header on EVERY page. `.catch(() => [])`
+    // keeps a store with no active discounts (and an API hiccup) silent:
+    // the strip itself returns null on an empty array.
+    client.getDiscountBanners().catch(() => []),
+    // Which region prices this request: the shopper's cookie, else the edge
+    // geo header, else the store default. Resolved here so SSR and the client
+    // agree from frame 0 and every page shares one round trip (it is
+    // `cache()`-wrapped). Never throws: a store with no regions answers
+    // `{ regions: [], region: null }` and every consumer then sends no
+    // `regionId`, which is what this storefront did before regions existed.
+    resolveRegion(),
   ]);
 
   return (
@@ -136,7 +151,14 @@ export default async function RootLayout({
         />
       </head>
       <body className={`${sans.variable} ${serif.variable} font-sans`}>
-        <StoreProvider locale={locale} initialStoreInfo={storeInfo} initialMessages={messages}>
+        <StoreProvider
+          locale={locale}
+          initialStoreInfo={storeInfo}
+          initialMessages={messages}
+          initialRegions={regionInfo.regions}
+          initialRegion={regionInfo.region}
+          initialCountry={regionInfo.country}
+        >
           {/* Mounted ahead of the page tree on purpose: React runs effects in
               tree order, so booting the tags here guarantees fbq/ttq exist by
               the time a page component fires its first e-commerce event. */}
@@ -144,6 +166,7 @@ export default async function RootLayout({
           <div className="min-h-screen flex flex-col">
             <AnnouncementBar announcements={announcements} />
             <SiteHeader header={siteHeader} storeName={<%- storeNameJs %>} />
+            <DiscountBannerStrip banners={discountBanners} />
             <main className="flex-1">{children}</main>
             <SiteFooter footer={siteFooter} storeName={<%- storeNameJs %>} locale={locale} />
           </div>
@@ -160,11 +183,13 @@ import { Assistant, Frank_Ruhl_Libre } from 'next/font/google';
 import { StoreProvider } from '@/core/providers/store-provider';
 import { AnnouncementBar } from '@/ui/layout/announcement-bar';
 import { SiteHeader } from '@/ui/layout/site-header';
+import { DiscountBannerStrip } from '@/ui/home/discount-banner-strip';
 import { SiteFooter } from '@/ui/layout/site-footer';
 import { CartDrawer } from '@/ui/cart/cart-drawer';
 import { BrainerceBotWidget } from '@/components/brainerce-bot';
 import { TrackingBootstrap } from '@/components/tracking-bootstrap';
 import { getServerClient, fetchStoreInfo } from '@/core/lib/brainerce.server';
+import { resolveRegion } from '@/core/lib/region.server';
 import { getNonce } from '@/core/lib/nonce';
 import { getCanonicalSiteUrl } from '@/core/lib/site-url';
 import './globals.css';
@@ -232,7 +257,8 @@ export default async function RootLayout({
   // seeded a particular content type yet. New stores ship with default rows
   // seeded by the backend (StoresService.seedDefaultContent).
   const client = await getServerClient();
-  const [announcements, siteHeader, siteFooter, storeInfo] = await Promise.all([
+  const [announcements, siteHeader, siteFooter, storeInfo, discountBanners, regionInfo] =
+    await Promise.all([
     client.content.announcement.list().catch(() => []),
     client.content.header.get('main').catch(() => null),
     client.content.footer.get('main').catch(() => null),
@@ -240,6 +266,18 @@ export default async function RootLayout({
     // render with the real currency, feature flags, and i18n config at frame 0
     // — without this, Googlebot sees USD/defaults baked into the HTML.
     fetchStoreInfo(),
+    // Store-wide discount banners. Fetched here rather than on the home
+    // page so they render below the header on EVERY page. `.catch(() => [])`
+    // keeps a store with no active discounts (and an API hiccup) silent:
+    // the strip itself returns null on an empty array.
+    client.getDiscountBanners().catch(() => []),
+    // Which region prices this request: the shopper's cookie, else the edge
+    // geo header, else the store default. Resolved here so SSR and the client
+    // agree from frame 0 and every page shares one round trip (it is
+    // `cache()`-wrapped). Never throws: a store with no regions answers
+    // `{ regions: [], region: null }` and every consumer then sends no
+    // `regionId`, which is what this storefront did before regions existed.
+    resolveRegion(),
   ]);
 
   return (
@@ -280,7 +318,12 @@ export default async function RootLayout({
         />
       </head>
       <body className={`${sans.variable} ${serif.variable} font-sans`}>
-        <StoreProvider initialStoreInfo={storeInfo}>
+        <StoreProvider
+          initialStoreInfo={storeInfo}
+          initialRegions={regionInfo.regions}
+          initialRegion={regionInfo.region}
+          initialCountry={regionInfo.country}
+        >
           {/* Mounted ahead of the page tree on purpose: React runs effects in
               tree order, so booting the tags here guarantees fbq/ttq exist by
               the time a page component fires its first e-commerce event. */}
@@ -288,6 +331,7 @@ export default async function RootLayout({
           <div className="min-h-screen flex flex-col">
             <AnnouncementBar announcements={announcements} />
             <SiteHeader header={siteHeader} storeName={<%- storeNameJs %>} />
+            <DiscountBannerStrip banners={discountBanners} />
             <main className="flex-1">{children}</main>
             <SiteFooter footer={siteFooter} storeName={<%- storeNameJs %>} />
           </div>

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

@@ -11,15 +11,15 @@
     "heroTitle": "Pieces that tell your story",
     "heroLead": "Thoughtfully designed, handcrafted with love — made to be with you through the small moments and the big ones.",
     "heroCtaSecondary": "Browse categories",
-    "heroTrust": "Happy customers nationwide",
-    "benefit1Title": "Fast home delivery",
-    "benefit1Desc": "Express courier nationwide, gift-wrapped",
+    "heroTrust": "Secure checkout on every order",
+    "benefit1Title": "Delivery",
+    "benefit1Desc": "Shipping options shown at checkout",
     "benefit2Title": "Secure payment",
-    "benefit2Desc": "Encrypted checkout, highest standard",
-    "benefit3Title": "Quality materials",
-    "benefit3Desc": "Carefully sourced, built to last",
-    "benefit4Title": "Easy returns",
-    "benefit4Desc": "30 days to exchange or return, no questions",
+    "benefit2Desc": "Encrypted checkout on every order",
+    "benefit3Title": "Chosen with care",
+    "benefit3Desc": "A small, considered collection",
+    "benefit4Title": "Returns",
+    "benefit4Desc": "See our returns policy for details",
     "featuredEyebrow": "Our picks",
     "featuredSubtitle": "The pieces our customers love most — hand-picked from the new collection.",
     "categoriesEyebrow": "Categories",
@@ -37,24 +37,17 @@
     "storyCta": "Discover the collection",
     "storyStat1Value": "Quality-checked",
     "storyStat1Label": "Every product is checked before it's listed",
-    "storyStat2Value": "Fully guaranteed",
-    "storyStat2Label": "Every order backed by our support",
-    "testimonialsEyebrow": "Customer stories",
-    "testimonialsTitle": "They already fell in love",
-    "testimonial1Quote": "It arrived in gorgeous packaging and looks even better than the photos. I got compliments on day one.",
-    "testimonial1Name": "Noa L.",
-    "testimonial1Meta": "Tel Aviv",
-    "testimonial2Quote": "I bought this as a gift for my mom and she has not put it down since. Amazing quality and truly personal service.",
-    "testimonial2Name": "Shira B.",
-    "testimonial2Meta": "Haifa",
-    "testimonial3Quote": "It's exactly as described, the work is delicate and precise. You can feel every detail was made with love. Highly recommend.",
-    "testimonial3Name": "Dana K.",
-    "testimonial3Meta": "Jerusalem",
+    "storyStat2Value": "Here to help",
+    "storyStat2Label": "Reach us with any question about an order",
+    "ratedEyebrow": "Customer ratings",
+    "ratedTitle": "Best rated by shoppers",
+    "ratedCount": "{count} reviews",
+    "ratedStars": "Rated {rating} out of 5",
     "newsletterTitle": "Join our club",
     "newsletterSubtitle": "Sign up to hear first about new collections, sales and member perks.",
     "newsletterPlaceholder": "Your email address",
     "newsletterCta": "Subscribe",
-    "newsletterSuccess": "You are in! We promise to send only beautiful things.",
+    "newsletterSuccess": "Almost there. Check your email to confirm, and look in your spam folder too.",
     "newsletterPrivacy": "No spam. Unsubscribe anytime.",
     "heroEmptyHint": "Your first published products will appear here"
   },
@@ -63,12 +56,15 @@
     "filtersLabel": "Filter",
     "emptyTitle": "No results found",
     "emptyBody": "Try clearing the filters or searching for something else.",
-    "clearFilters": "Clear filters"
+    "clearFilters": "Clear filters",
+    "priceLabel": "Price",
+    "priceMin": "Min",
+    "priceMax": "Max"
   },
   "productDetail": {
     "quantityLabel": "Quantity",
-    "shippingNote": "Fast home delivery · Easy 30-day returns",
-    "guaranteeNote": "Full warranty on every piece",
+    "shippingNote": "Shipping options shown at checkout",
+    "guaranteeNote": "Questions about your order? Get in touch",
     "pickOne": "Pick one",
     "upTo": "Up to {max}",
     "pickExactly": "Pick exactly {min}",

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

@@ -11,15 +11,15 @@
     "heroTitle": "פריטים שמספרים את הסיפור שלך",
     "heroLead": "עיצובים עדינים, בעבודת יד ובאהבה — נוצרו ללוות אתכן ברגעים הקטנים והגדולים.",
     "heroCtaSecondary": "לצפייה בקטגוריות",
-    "heroTrust": "לקוחות מרוצות ברחבי הארץ",
-    "benefit1Title": "משלוח מהיר עד הבית",
-    "benefit1Desc": "שליחות מהירה לכל הארץ באריזת מתנה",
+    "heroTrust": "קופה מאובטחת בכל הזמנה",
+    "benefit1Title": "משלוח",
+    "benefit1Desc": "אפשרויות המשלוח מוצגות בקופה",
     "benefit2Title": "תשלום מאובטח",
-    "benefit2Desc": "סליקה מוצפנת בתקן המחמיר ביותר",
-    "benefit3Title": "חומרים איכותיים",
-    "benefit3Desc": "נבחרים בקפידה, עמידים לאורך זמן",
-    "benefit4Title": "החזרה קלה",
-    "benefit4Desc": "30 יום להחלפה או החזרה, בלי שאלות",
+    "benefit2Desc": "קופה מוצפנת בכל הזמנה",
+    "benefit3Title": "נבחר בקפידה",
+    "benefit3Desc": "קולקציה קטנה ומוקפדת",
+    "benefit4Title": "החזרות",
+    "benefit4Desc": "הפרטים במדיניות ההחזרות שלנו",
     "featuredEyebrow": "הנבחרים שלנו",
     "featuredSubtitle": "הפריטים שהלקוחות שלנו הכי אוהבות — נבחרו בקפידה מהקולקציה החדשה.",
     "categoriesEyebrow": "קטגוריות",
@@ -37,24 +37,17 @@
     "storyCta": "לגלות את הקולקציה",
     "storyStat1Value": "איכות נבדקת",
     "storyStat1Label": "כל מוצר נבדק לפני שהוא עולה לאתר",
-    "storyStat2Value": "אחריות מלאה",
-    "storyStat2Label": "כל הזמנה מגובה בתמיכה שלנו",
-    "testimonialsEyebrow": "לקוחות מספרות",
-    "testimonialsTitle": "הן כבר התאהבו",
-    "testimonial1Quote": "הפריט הגיע באריזה מהממת ונראה אפילו יותר טוב מבתמונות. קיבלתי מחמאות כבר ביום הראשון.",
-    "testimonial1Name": "נועה ל.",
-    "testimonial1Meta": "תל אביב",
-    "testimonial2Quote": "קניתי מתנה לאמא שלי והיא לא מפסיקה להשתמש בו מאז. איכות מדהימה ושירות סופר אישי.",
-    "testimonial2Name": "שירה ב.",
-    "testimonial2Meta": "חיפה",
-    "testimonial3Quote": "בדיוק כמו שתואר, העבודה עדינה ומוקפדת. מרגישים שכל פרט נעשה באהבה. ממליצה בחום.",
-    "testimonial3Name": "דנה כ.",
-    "testimonial3Meta": "ירושלים",
+    "storyStat2Value": "כאן בשבילכם",
+    "storyStat2Label": "אפשר לפנות אלינו בכל שאלה על הזמנה",
+    "ratedEyebrow": "דירוגי לקוחות",
+    "ratedTitle": "הכי מדורגים בחנות",
+    "ratedCount": "{count} ביקורות",
+    "ratedStars": "דירוג {rating} מתוך 5",
     "newsletterTitle": "הצטרפו למועדון שלנו",
     "newsletterSubtitle": "הרשמו וקבלו עדכון ראשונות על קולקציות חדשות, מבצעים והטבות לחברות מועדון.",
     "newsletterPlaceholder": "כתובת האימייל שלך",
     "newsletterCta": "הרשמה",
-    "newsletterSuccess": "נרשמת בהצלחה! מבטיחים לשלוח רק דברים יפים.",
+    "newsletterSuccess": "כמעט סיימנו. בדקו את האימייל ואשרו את ההרשמה, והציצו גם בתיקיית הספאם.",
     "newsletterPrivacy": "בלי ספאם. אפשר להסיר את ההרשמה בכל רגע.",
     "heroEmptyHint": "המוצרים הראשונים שתפרסמו לחנות יופיעו כאן"
   },
@@ -63,12 +56,15 @@
     "filtersLabel": "סינון",
     "emptyTitle": "לא מצאנו תוצאות",
     "emptyBody": "נסו לנקות את הסינון או לחפש משהו אחר.",
-    "clearFilters": "ניקוי סינון"
+    "clearFilters": "ניקוי סינון",
+    "priceLabel": "מחיר",
+    "priceMin": "מינימום",
+    "priceMax": "מקסימום"
   },
   "productDetail": {
     "quantityLabel": "כמות",
-    "shippingNote": "משלוח מהיר עד הבית · החזרה קלה עד 30 יום",
-    "guaranteeNote": "אחריות מלאה על כל פריט",
+    "shippingNote": "אפשרויות המשלוח מוצגות בקופה",
+    "guaranteeNote": "שאלה על ההזמנה? דברו איתנו",
     "pickOne": "בחרו אחד",
     "upTo": "עד {max}",
     "pickExactly": "בחרו בדיוק {min}",