demo.sessions.ca

Sessions Cannabis demo builds — independent versions, each at its own /vN/ path.

Pick a version to view it. Every deploy adds a new /vN/ folder; older versions stay browsable.

v172026-05-21LATEST
Dark orange banner swap — #F78D1E per request Asset-only swap. Studio re-edited the cleaned banner with the deeper #F78D1E (247, 141, 30) orange instead of the pale #FBB35D, then fixed a thin pale-strip artifact at the diagonal edge with a per-row mask following the diagonal. New file delivered Windows → Studio → MBP via Tailscale at 03:23 EDT, replaces the prior cleaned banner in place. Hero code unchanged. Pixel verification at left-edge coord (100, 300): rgb(247, 141, 30) = #F78D1E exactly.
What's new vs v16: One byte swap — public/figma/sessions-assets/Banner_left_cleared.png contents replaced (1,150,498 → 1,134,864 bytes). Filename, code reference, dimensions (1920×600), and everything else unchanged. No Hero.jsx edits. Pale-strip diagonal artifact from Studio's first cleaning pass also fixed in this version (Studio narrowed 20,325 pale-orange leak pixels to 15 via per-row mask following the diagonal).
→
v162026-05-21ARCHIVE
Hero with Studio-cleaned banner — full collage visible (butterflies + medallion + leaves) Uses Banner_left_cleared.png — Studio (via Windows Photoshop/Python) removed the original baked-in left text and filled it with orange #FBB35D matching the diagonal. Image is 1920×600 native, dropped into Hero as full-bleed bg. React text overlay (H1 / subhead / CTA) sits on top of the orange portion. React-side clip-path orange panel removed (orange is in the image now), eliminating any visual misalignment between React polygon and image diagonal at non-1920 viewports. Result: monarch butterflies, marigolds, cannabis leaves, and the "ROOTED IN COMMUNITY • ELEVATED CANNABIS & CONNECTION" wooden medallion are all clearly visible for the first time.
What's new vs v15: BANNER_BG → Banner_left_cleared.png (1.1 MB, 1920×600, delivered from Windows → Studio → MBP via Tailscale at 03:12 EDT). React S.leftPanel with clip-path: polygon(...) replaced by simple S.contentOverlay (no clip, just centered absolute layer). Text overlay padding kept at 140/140, gap at 32, "Sesh" word still in Pacifico italic. Original Banner.png untouched on disk for any future fold that needs the unmodified version.
→
v152026-05-21ARCHIVE
Hero regression fix — keep v14 color/padding/gap, drop the max-width centering v14 introduced max-width: 1920px + margin: 0 auto on the Hero container to prevent the right-side collage from cropping at wider viewports. Side effect: on viewports > 1920px the auto-centering left a ~316px margin on each side, and the surrounding shell's #FBB35D bg wasn't reliably filling the gutter (parent constraint upstream clipped it). Visible result: white dead-zone on the left, photo overflowing on the right. v15 drops the max-width and lets the section bleed full-width like v13 did. All v14 spec wins kept (#FBB35D color, 140/140 padding, 32px gap).
What's new vs v14: Two lines removed from Hero.jsx S.split: maxWidth: 1920 and margin: '0 auto'. Section now bleeds edge-to-edge at all viewport widths. JS readout confirms marginLeft: 0px, marginRight: 0px, width: 2166px at viewport 2174. Background still #FBB35D. Padding still 140/140. Gap still 32px. Mild collage cropping at ultra-wide viewports accepted — same trade-off as v13, but with v14's correct color and spacing.
→
v142026-05-21ARCHIVE
Hero tightened to Sophie's exact Figma spec Pixel-perfect compliance with the side-pane spec Ravi pulled from Figma. Background switched from #F78D1E (too saturated) to Sophie's official #FBB35D (her flat-gradient color). Left-panel internal padding pinned to 140px both sides. Vertical gap between H1 / subheadline / CTA pinned to 32px. Container constrained to max-width: 1920px with auto margins so the collage on the right doesn't crop at wider viewports — marigolds, butterflies, and wooden seal now all visible.
What's new vs v13: Four-value diff against Sophie's side-pane spec. shell + split + leftPanel.background all → #FBB35D (was #F78D1E, a more saturated mid-orange). leftInner.paddingLeft / paddingRight → 140px fixed (was 6% ≈ 115px on the left + 24px on the right — both wrong). leftInner.gap → 32px (was 28px). split.maxWidth: 1920px added with margin: 0 auto so on viewports > 1920px the container centers rather than stretching and cropping the right-side collage. Hero structure + diagonal clip + Pacifico "Sesh" + copy hierarchy from v13 unchanged.
→
v132026-05-21ARCHIVE
Hero rewrite — split layout, real Figma structure, "Sesh" script font All 4 front-fold audit findings fixed in one rewrite. Hero is now the actual Figma design: left 55% orange flat panel with H1 "YOUR NEXT Sesh STARTS HERE" (Pacifico script for the "Sesh" word per Sophie's Yokoneya entry), subheadline "ROOTED IN COMMUNITY…", SHOP NOW pill. Right 45% Banner.png with diagonal clip-path edge. No dark scrim — orange is opaque flat color, doesn't need one. Banner AR mismatch resolved by giving the photo its own column instead of stretching it full-width.
What's new vs v12: Hero.jsx completely rewritten. Old: single full-bleed Banner.png + 0.70→0.10 dark scrim + subheadline-as-H1 (wrong copy hierarchy). New: clip-path: polygon(0 0, 60% 0, 48% 100%, 0 100%) orange panel layered on top of full-width banner image, creating a diagonal edge between the two columns. Pacifico script font added to global.css for the "Sesh" word treatment (Yokoneya fallback chain). Subheadline properly demoted to <p>, H1 reserved for the real primary tagline at 60/64/Bold. SHOP NOW pill switched to darker SESH-orange #E65325 for contrast against the panel. bgScrim style removed entirely. Per-store rebind (v9), Sophie's PNG benefit icons + Map Icon (v10), fold-10 AI overlay removal + unicode escape fix (v11), and pinned 60/48/32 type scale (v12) all carry forward.
→
v122026-05-20ARCHIVE
Sophie's Typography pinned — H1/H2/H3 at exact spec sizes Reads Typography.png from Sophie's PNG Assets folder and pins H1 (60px Bold), H2 (48px Bold), H3 (32px Regular), Body (16px), Caption (12px) at fixed pixel sizes. No more ad-hoc clamp(). Eight key heading style objects updated to Sophie's master scale.
What's new vs v11: CSS variables --sc-h1-size: 60px, --sc-h2-size: 48px, --sc-h3-size: 32px + utility classes (.sc-h1 / .sc-h2 / .sc-h3) added to src/styles/global.css. Updated headings: Hero tagline (60/60/Bold), ch10_leftHeading "Nobody beats our freshness" (60/60/Bold), swHeading "Storewide Deals at <store>" (48/48/Bold), ch12_title "Check Out Our Everyday Deals" (48/48/Bold), ch13_handle "@startyoursesh" (48/48/Bold), ch14_title "Our Blog" (48/48/Bold), ch15_headline "48+ Stores Across Canada" (48/48/Bold), ch16_heading "A more rewarding way to shop" (48/48/Bold), swCardTitle "25% & 30% off" (32/40/Bold). Font family stack Brother 1816, Poppins, system-ui (Brother fonts gracefully fall back to Poppins). Still deferred to v13: Sophie's 9 hand-illustrated category icons (Figma /v1/images API still rate-limited 429 — retry needed).
→
v112026-05-20ARCHIVE
Design-audit fixes — overlay scrims, dropped AI overlays, unicode escape Addresses 4 of 10 flaws from the Claude Sonnet 4.6 design audit (F-03, F-05/06/07, F-09, F-10). Hero text scrim strengthened for legibility. Three AI product-photo overlays removed from fold 10 cards (wrong asset type per design brief). Unicode ’ escape replaced with real apostrophe. Card scrim added to the two PromoTrio white-text cards.
What's new vs v10: Hero linear-gradient deepened from 0.45→0.0 to 0.70→0.10 on the left edge. New ch10_cardScrim style (diagonal dark gradient, 55%→25%→transparent) on the two right-column PromoTrio cards. Left freshness card scrim omitted (text is #000000 on yellow Sophie BG — scrim would hurt contrast). ’s JSX-literal escape in Instagram + Everyday-Deals sections replaced with real apostrophe. AI product overlays at /figma/8d60d4da…, /figma/9cc194e4…, /figma/dc6995ef… removed. Not fixed (needs Sophie): F-01 banner illustration vs photo, F-02 banner AR (1254×922 → 1732×600), F-04 img-1.png wide strip used as tall card, F-08 promo banner low-res.
→
v102026-05-20ARCHIVE
Sophie's real assets — benefit icons, Map Icon, 9th Merchandise tile, fold-10 fixes Replaces colored-dot placeholders, synthetic SVG map, and broken fold-10 image refs with Sophie's official PNG/SVG assets from "Sessions Website PNG/SVG Assets" folders. Per-store rebind from v9 carried forward.
What's new vs v9: 6 Sophie PNG benefit icons (Exclusive Savings / Customized Offers / Birthday Discount / Annual Gift / Sesh Gear / Gift Cards) replace colored dots in folds 9 + 16. Sophie's Map Icon.png replaces the inline synthetic SVG blob in fold 15. Fold 10 PromoTrio: broken /figma/<hash>.png BG refs (3 of 6) switched to working /v10/figma/three-col/img-N.png. Fold 3: 9th Merchandise tile added (was missing). Sessions Rewards Logo no longer used as recursive BG that bled across panels.
→
v92026-05-20ARCHIVE
Per-store rebind — picker drives the page Header / Hero / Footer / StorewideDeals / StoreMapCTA bind to selectedStore. Switching picker swaps brand logo, CRSA license, hours, store name, and active-deal text. (Still uses placeholder benefit icons + synthetic SVG map — fixed in v10.)
Superseded by v10 for the asset cleanup. Per-store rebind logic identical.
→
v82026-05-19ARCHIVE
Sophie home page rebuild — Figma-faithful folds AI 3D claymorphism category icons · banner-bg hero · 6-benefit Rewards strip · footer with Ontario badge. CRSA #1382440 hardcoded across all stores.
Superseded by v9 for the per-store rebind. Kept browsable for design comparison.
→
v2Windows premiumARCHIVE
Claymorphism premium variant 3D category renders · GLB models · static mirror from the Windows build pipeline.
→
Sessions Cannabis · Cannabis Retailer · License per store (see the v9 footer for the current store's CRSA) · ONTARIO AUTHORIZED CANNABIS RETAILER
Deploy convention: each new version → new /vN/ folder. No redirects. No subdomains. One demo.sessions.ca, many folders.