/* Warrior Shadow — chrome + shared helpers + Section 01 (Hero). */ (function () { window.WS = window.WS || {}; /* ---- Scroll reveal hook -------------------------------------- */ function useReveal() { React.useEffect(() => { const els = document.querySelectorAll('.thea-reveal'); if (!('IntersectionObserver' in window)) { els.forEach((el) => el.classList.add('is-in')); return; } const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); } }); }, { rootMargin: '0px 0px -12% 0px', threshold: 0.08 } ); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } window.WS.useReveal = useReveal; /* ---- Image placeholder (user-fillable slot) ------------------ */ /* A labelled, hairline-framed drop target in the brand's texture idiom. The user drags real architecture/water/stone photography in later; until then it reads as an honest, clinical placeholder. */ function ImageSlot({ id, label, caption, height, fit = 'cover', tint = 'stone', style }) { const tints = { stone: 'linear-gradient(150deg, #1b1c1e 0%, #131416 55%, #0d0e10 100%)', water: 'linear-gradient(160deg, #14181c 0%, #0f1316 50%, #0a0c0e 100%)', oxblood:'linear-gradient(150deg, #1d130d 0%, #150f0b 55%, #0c0908 100%)', }; return (
{/* texture wash + grain */}
); } window.WS.ImageSlot = ImageSlot; /* ---- Navigation --------------------------------------------- */ function SiteHeader({ onApply }) { return (
THEA. { e.preventDefault(); onApply(); }}>[ Apply for the Container ]
); } window.WS.SiteHeader = SiteHeader; /* ---- Section 01 — The Hero ---------------------------------- */ function Hero({ onApply }) { const { Button } = window.TheaCorridorsShadowDesignSystem_46741f; return (
{/* full-viewport hero image — fillable, dark so text pops */}
); } window.WS.Hero = Hero; })();