// Standalone deploy shell — renders ONE LandingPage at real viewport size.
// No design canvas, no artboard clipping. Full-bleed, scrollable body.
function StandaloneShell() {
const params = new URLSearchParams(window.location.search);
const direction = window.__DIRECTION__ || params.get('dir') || 'silent';
const lang = window.__LANG__ || params.get('lang') || 'ko';
const [mobile, setMobile] = React.useState(window.innerWidth < 768);
React.useEffect(() => {
const onResize = () => setMobile(window.innerWidth < 768);
window.addEventListener('resize', onResize);
return () => window.removeEventListener('resize', onResize);
}, []);
const copy = window.CITELY_COPY[lang];
// Update the attribute so Pretendard hinting picks correctly.
React.useEffect(() => {
document.documentElement.setAttribute('lang', lang);
}, [lang]);
// Signature motion: IntersectionObserver on the answer-engine mock.
const [revealed, setRevealed] = React.useState(false);
React.useEffect(() => {
const mock = document.querySelector('.ae-mock');
if (!mock) return;
const io = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting && e.intersectionRatio > 0.2) setRevealed(true);
});
}, { threshold: [0, 0.2, 0.5, 1] });
io.observe(mock);
return () => io.disconnect();
}, []);
return (
{direction === 'structured' && !mobile && (
{Array.from({ length: 12 }).map((_, i) => (
))}
)}
);
}
// Mount
ReactDOM.createRoot(document.getElementById('root')).render();
// Standalone doesn't need the tweaks bridge — but support ?accent= for QA.
(function () {
const params = new URLSearchParams(window.location.search);
const a = params.get('accent');
if (a) document.documentElement.style.setProperty('--accent', a);
const p = params.get('paper');
if (p) document.documentElement.style.setProperty('--paper', p);
})();