// Marketing footer — ported from BambuPartners' smith3d-bambu-promo template // (printers.ts + PrinterCard/PrinterSheet), reskinned to the Smith3D design // system and converted TSX → in-browser JSX. Promo-specific details (event // freebies, per-product bonus blocks) are intentionally dropped; every buy CTA // points at one Smith3D shop URL. Rendered at the bottom of the reward page for // product exposure + a WhatsApp CTA. Gated on config.marketing_footer.enabled. // // Catalogue stays in code (not the DB) so non-marketing edits don't need an // admin trip — same rationale as the source. Prices/specs verified May 2026 // against Bambu Lab public pages (carried over from honors3d); confirm before deploy. const ANNIVERSARY_PRINTERS = [ { id: 'a1-mini', name: 'A1 Mini', family: 'A series', tagline: 'Quiet. Quick. Easy.', klass: 'STARTER', glow: '#00AE42', blurb: 'Plug-and-play bed-slinger with auto-calibration. Whisper-quiet at 48 dB — happy on a bedroom desk. Pair with AMS Lite for 4-colour prints.', price: 'RM 999', priceFrom: 'from', priceNote: 'Combo (with AMS Lite) from RM 1,599', buildVolume: '180 × 180 × 180 mm', speed: 'Up to 500 mm/s', bestFor: ['Beginners', 'Miniatures', 'Multi-colour'], bullets: [ 'Pre-assembled, calibrates itself for every print', 'Pairs with AMS Lite for 4-colour prints', 'Whisper-quiet — Silent Mode under 48 dB', 'Active Flow Rate Compensation for crisp surfaces', ], photo: '/products/a1-mini.png', photoScale: 0.95, buyUrl: 'https://www.smith3d.com/shop/3d-printers/fdm-printer/bambu-lab-a1-series/', variants: [ { id: 'a1-mini', name: 'A1 Mini', price: 'RM 999', includes: 'Printer only' }, { id: 'a1-mini-combo', name: 'A1 Mini Combo', price: 'RM 1,599', includes: 'With AMS Lite — 4-colour printing' }, ], }, { id: 'a1', name: 'A1', family: 'A series', tagline: 'Big bed. Big colour.', klass: 'ALL-ROUNDER', glow: '#00AE42', badge: 'POPULAR', badgeTone: 'green', blurb: '256 mm³ bed-slinger with auto bed-levelling, vibration compensation, and up to 4-colour printing via AMS Lite. Fast PLA at 500 mm/s.', price: 'RM 1,399', priceFrom: 'from', priceNote: 'Combo (with AMS Lite) from RM 1,999', buildVolume: '256 × 256 × 256 mm', speed: 'Up to 500 mm/s', bestFor: ['Families', 'Cosplay', 'Multi-colour'], bullets: [ 'Full 256 mm³ build — same as P-series', 'Up to 4 colours with AMS Lite', 'Auto bed-level, vibration & flow calibration', 'Reinforced heatbed cable (post-2024 batches)', ], photo: '/products/a1.png', photoScale: 0.95, buyUrl: 'https://www.smith3d.com/shop/3d-printers/fdm-printer/bambu-lab-a1-series/', variants: [ { id: 'a1', name: 'A1', price: 'RM 1,399', includes: 'Printer only' }, { id: 'a1-combo', name: 'A1 Combo', price: 'RM 1,999', includes: 'With AMS Lite — 4-colour printing' }, ], }, { id: 'p2s', name: 'P2S', family: 'P series', tagline: 'Flagship DNA. Pro price.', klass: 'PRO', glow: '#3a86ff', blurb: "The P1S story refined: same enclosed CoreXY platform with the latest toolhead and quieter operation. Bambu's most accessible single-nozzle enclosed printer.", price: 'RM 2,999', priceFrom: 'from', priceNote: 'Combo (with AMS 2 Pro) from RM 3,999', buildVolume: '256 × 256 × 256 mm', speed: 'Up to 600 mm/s', bestFor: ['P1S upgraders', 'Pro workflows'], bullets: [ 'Enclosed CoreXY for engineering filaments', 'Refined toolhead — quieter & smoother', 'AMS 2 Pro included in Combo', 'Up to 16 colours with stacked AMS units', ], photo: '/products/p2s.png', photoScale: 0.95, buyUrl: 'https://www.smith3d.com/shop/3d-printers/enclosed-printers/p2s-combo/', variants: [ { id: 'p2s', name: 'P2S', price: 'RM 2,999', includes: 'Printer only' }, { id: 'p2s-combo', name: 'P2S Combo', price: 'RM 3,999', includes: 'With AMS 2 Pro — 4 colours, expandable to 16 by stacking 4 AMS units' }, ], }, { id: 'x2d', name: 'X2D', family: 'X series', tagline: 'Dual-nozzle flagship.', klass: 'FLAGSHIP', glow: '#F5731F', blurb: "X1 Carbon's successor with dual-nozzle switching, 65 °C heated chamber, and up to 25-colour AMS support. Clean breakaway supports without manual swaps.", price: 'RM 4,599', priceFrom: 'combo', priceNote: 'X2D Combo (with AMS 2 Pro)', buildVolume: '256 × 256 × 260 mm', speed: 'Up to 1000 mm/s', bestFor: ['Engineering', 'Dual material', 'Pros'], bullets: [ 'Dual-nozzle switching — main + auxiliary', '65 °C heated chamber for ABS/ASA/Nylon', 'Up to 25 colours with AMS 2 Pro', 'Vision Encoder + AI nozzle monitoring', 'UL 2904 certified for indoor air quality', ], photo: '/products/x2d.png', photoScale: 0.95, buyUrl: 'https://www.smith3d.com/shop/3d-printers/enclosed-printers/bambu-lab-x2d-combo/', }, { id: 'h2s', name: 'H2S', family: 'H series', tagline: 'Goes big. Stays solid.', klass: 'ELITE', glow: '#a855f7', blurb: 'Large-format single-nozzle CoreXY built for massive engineering parts with superior thermal stability and 320 mm³ build volume.', price: 'RM 6,999', priceFrom: 'from', priceNote: 'H2S — single-nozzle large-format', buildVolume: '340 × 320 × 340 mm', speed: 'Up to 1000 mm/s', bestFor: ['Pro single-material', 'Large parts'], bullets: [ 'Largest build volume in the Bambu lineup', 'Active heated chamber (65 °C) for engineering filaments', 'Smaller-pitch belts eliminate VFAs', 'Optional 10W laser, blade, and pen modules', 'AMS 2 Pro / AMS HT compatible', ], photo: '/products/h2s.png', photoScale: 0.95, buyUrl: 'https://www.smith3d.com/shop/3d-printers/enclosed-printers/bambu-lab-h2s/', }, { id: 'h2d', name: 'H2D', family: 'H series', tagline: 'Personal manufacturer.', klass: 'BEAST', glow: '#a855f7', blurb: "350×320×325 mm dual-extruder flagship with optional laser engraving and blade cutting modules. Bambu's most versatile desktop platform.", price: 'RM 8,499', priceFrom: 'from', priceNote: 'H2D — dual-nozzle multi-function platform', buildVolume: '350 × 320 × 325 mm', speed: 'Up to 1000 mm/s', bestFor: ['Engineering', 'Production', 'Laser/cut'], bullets: [ 'Dual direct-drive extruders on one toolhead', 'Optional 10W/40W laser, blade, and pen modules', 'Active heated chamber (65 °C) for engineering filaments', 'BirdsEye top-down camera with vision align', 'High-flow hotend — 600 mm/s sustained print', ], photo: '/products/h2d.png', photoScale: 0.95, buyUrl: 'https://www.smith3d.com/shop/3d-printers/enclosed-printers/bambu-lab-h2d/', }, { id: 'h2c', name: 'H2C', family: 'H series', tagline: 'Waste-free multi-material.', klass: 'MULTI-MAT', glow: '#a855f7', blurb: 'H-series with the Vortek hot-end swap system — one fixed left nozzle plus six interchangeable induction hotends on the right. Up to 24 filaments in a single print with minimal purge.', price: 'RM 10,499', priceFrom: 'from', priceNote: 'H2C — Vortek multi-material', buildVolume: '330 × 320 × 325 mm', speed: 'Up to 1000 mm/s', bestFor: ['Multi-material', 'Print farms', 'Pros'], bullets: [ 'Vortek hot-end swap — 1 fixed + 6 induction hotends', 'Up to 24 filaments in a single print', 'Minimises purge waste across materials', 'Active heated chamber (65 °C) for engineering filaments', ], photo: '/products/h2c.png', photoScale: 0.95, buyUrl: 'https://www.smith3d.com/shop/3d-printers/fdm-printer/bambu-lab-h2c-combo/', }, ]; function badgeColor(tone) { return { green: '#00AE42', dark: '#14151a', orange: 'var(--s3-orange)' }[tone] || 'var(--s3-orange)'; } // Darken a bright series colour so tagline/tick text clears contrast on white. // Blends the hue toward near-black; keeps the brand hue, just deeper. function darken(hex, amt) { const h = String(hex || '').replace('#', ''); if (!/^[0-9a-fA-F]{6}$/.test(h)) return hex; const n = parseInt(h, 16); const f = 1 - amt; const d = (c) => Math.max(0, Math.min(255, Math.round(c * f + 18 * amt))); return `rgb(${d((n >> 16) & 255)},${d((n >> 8) & 255)},${d(n & 255)})`; } // WhatsApp glyph (the app's icon set doesn't ship one). function WaIcon({ size = 18, className }) { return ( ); } function buildVolumeShort(buildVolume) { const build = buildVolume.replace(' mm', '').replace(/ × /g, '×'); const parts = build.split('×').map(s => s.trim()); return (parts.length === 3 && parts[0] === parts[1] && parts[1] === parts[2]) ? `${parts[0]}³ mm` : `${build} mm`; } // Full-width horizontal card ported from honors3d's `fcard`: glow-tinted body on // the left, printer image bleeding off the right. Styled via the .fcard-* CSS in // index.html; --glow + --photo-scale are passed per card. function PrinterCard({ p, onTap }) { const buildShort = buildVolumeShort(p.buildVolume); return ( ); } // Detail bottom-sheet (mirrors the app's other sheets). Shows specs/variants/ // bullets, then a WhatsApp CTA (custom prefilled message) + a "Buy" link to the // single Smith3D shop URL. function PrinterSheet({ printer, onClose, waUrl, shopUrl }) { // Ported to honors3d's .sh-* CSS (index.html) so the sheet is parity by // construction, not hand-matched Tailwind. dragY follows the finger; the // `closing` class plays sheetOut/scrimOut, then we unmount after the anim. const [dragY, setDragY] = React.useState(0); const [closing, setClosing] = React.useState(false); const startY = React.useRef(null); const scrollRef = React.useRef(null); const scrollStartY = React.useRef(null); const handleClose = React.useCallback(() => { setClosing(true); setTimeout(() => { setClosing(false); setDragY(0); onClose(); }, 220); }, [onClose]); React.useEffect(() => { if (!printer) return; const onKey = (e) => { if (e.key === 'Escape') handleClose(); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [printer, handleClose]); // Lock the page behind the sheet so wheel/touch can't bleed-scroll it. React.useEffect(() => { if (!printer) return; const prev = document.body.style.overflow; document.body.style.overflow = 'hidden'; return () => { document.body.style.overflow = prev; }; }, [printer]); if (!printer) return null; const p = printer; const tickColor = darken(p.glow, 0.42); return (
{ if (e.target === e.currentTarget) handleClose(); }}>
{ startY.current = e.touches[0].clientY; }} onTouchMove={(e) => { if (startY.current == null) return; const dy = e.touches[0].clientY - startY.current; if (dy > 0) setDragY(dy); }} onTouchEnd={() => { if (dragY > 120) handleClose(); else setDragY(0); startY.current = null; }}>
{ const el = scrollRef.current; scrollStartY.current = (el && el.scrollTop <= 0) ? e.touches[0].clientY : null; }} onTouchMove={(e) => { if (scrollStartY.current == null) return; const dy = e.touches[0].clientY - scrollStartY.current; setDragY(dy > 0 ? dy : 0); }} onTouchEnd={() => { if (scrollStartY.current != null && dragY > 120) handleClose(); else setDragY(0); scrollStartY.current = null; }}>
{p.name}
{p.klass}
{p.badge && (
{p.badge}
)}
Bambu Lab · {p.family}

{p.name}

{p.tagline}

{p.blurb}

{p.variants ? ( <>
Build{p.buildVolume}
{p.speed &&
Speed{p.speed.replace('Up to ', '')}
}
Configurations
{p.variants.map(v => (
{v.name}
{v.price}
{v.includes}
))}
) : (
{p.price}
{p.priceNote}
Build volume
{p.buildVolume}
)}
What it does well
    {p.bullets.map((b, i) => (
  • ✓{b}
    • ))}
Best for
{p.bestFor.map((t, i) => ({t}))}
WhatsApp us Buy now
); } // The footer section itself. Gated on config.marketing_footer.enabled so it only // shows for events that opt in (Anniversary). Reads shop URL + WhatsApp number + // prefilled message from config, with safe Smith3D defaults. function MarketingFooter({ campaign }) { const cfg = campaign?.config || {}; const mf = cfg.marketing_footer || {}; const [selected, setSelected] = React.useState(null); const flistRef = React.useRef(null); // Touch "in-focus" election (parity with the honors3d BambuPartners page): the // card nearest the viewport centre gets the `in-focus` class, which pops its // product photo out of the card as you scroll. rAF-throttled, pure DOM class // toggle (no React re-render). `capture:true` so it works whether the page or // an inner element is the scroller. Desktop gets the same pop via :hover (CSS). React.useEffect(() => { const root = flistRef.current; if (!root) return; let rafId = 0, current = null; const elect = () => { rafId = 0; const cards = root.querySelectorAll('.fcard'); const vh = window.innerHeight, center = vh / 2; let best = null, bestDist = Infinity; cards.forEach(el => { const r = el.getBoundingClientRect(); const d = Math.abs(r.top + r.height / 2 - center); if (d < vh * 0.4 && d < bestDist) { bestDist = d; best = el; } }); if (best !== current) { if (current) current.classList.remove('in-focus'); if (best) best.classList.add('in-focus'); current = best; } }; const schedule = () => { if (!rafId) rafId = requestAnimationFrame(elect); }; schedule(); window.addEventListener('scroll', schedule, { passive: true, capture: true }); window.addEventListener('resize', schedule); return () => { window.removeEventListener('scroll', schedule, { capture: true }); window.removeEventListener('resize', schedule); if (rafId) cancelAnimationFrame(rafId); if (current) current.classList.remove('in-focus'); }; }, [mf.enabled]); if (!mf.enabled) return null; const whatsapp = String(mf.whatsapp || '60103443128').replace(/[^0-9]/g, ''); const shopUrl = mf.shop_url || 'https://smith3d.com'; const waMessage = mf.wa_message || "Hi Smith3D! I'm interested in the Bambu Lab Anniversary Deals — can you help me with {product}?"; const waUrl = (product) => `https://api.whatsapp.com/send/?phone=${whatsapp}&text=${encodeURIComponent(waMessage.replace('{product}', product || 'the Anniversary Deals'))}`; return (
Choose your fighter

Pick your Bambu Lab

{ANNIVERSARY_PRINTERS.length} models
{ANNIVERSARY_PRINTERS.map(p => ( setSelected(p)}/> ))}
{/* Still deciding? — WhatsApp help card (matches honors3d footer) */}
Still deciding?
Chat us on WhatsApp — we'll help you pick the right printer for your prints.
WhatsApp
setSelected(null)} waUrl={waUrl} shopUrl={shopUrl}/>
); } Object.assign(window, { MarketingFooter });