Double desktop header logo, add English caption under each carousel title

- Header logo (desktop variant) doubled: 40/48px -> 80/96px.
- Each dynamic store-specials carousel now shows an English caption
  under its title at 50% opacity, derived from the group's real `key`
  (e.g. "top-selling" -> "TOP SELLING") rather than inventing a
  translation of the Persian title, which the API doesn't provide.
  New SectionTitle `enSubtitle` prop (separate from the existing
  inline `enTitle`) carries this.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
amirhosein.ashourloo
2026-09-15 18:06:42 +03:30
co-authored by Claude Sonnet 5
parent 7c04316f3a
commit 0de5abb879
4 changed files with 42 additions and 3 deletions
+8 -1
View File
@@ -222,7 +222,14 @@ time the page renders, with zero code changes.
`SectionTitle`'s `enTitle` prop is optional for exactly this reason — these
dynamic groups only have one `title` string from the API, not a Persian/
English pair, so the small English-caps subtitle just doesn't render for them.
English pair, so the inline English-caps subtitle just doesn't render for
them. Instead, each carousel shows an English caption *under* the title
(`SectionTitle`'s separate `enSubtitle` prop, `opacity-50`, its own line) —
`StoreSpecialCarousels.englishLabelFromKey()` formats the group's `key`
(e.g. `top-selling` → "TOP SELLING") rather than inventing a translation of
`title`; there's no real localized-English field to translate from, and a
made-up translation would be fabricated data. Skips rendering if the key
has no letters at all (fell back to a bare numeric id).
**Banner interleaving**: the two static-image banner sections (`TwoBanners`,
`ThreeBanners`) are rendered *inside* `StoreSpecialCarousels`, one inserted