/* Stellar UFO — homepage hero. Cinematic full-bleed neon claw-machine photo * with parallax + text overlay (primary), plus two alternate treatments the * Tweaks panel can switch between (spotlight dome / split frame). */ const DSh = window.StellarUFODesignSystem_653f46; const HERO_PHOTO = (window.SUFO_BASE || "") + "assets/hero-clawmachine.jpg"; function useParallax(ref, factor = 0.4, scaleF = 0.0003) { useEffect(() => { let raf = 0; const el = ref.current; if (!el) return; if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; const onScroll = () => { if (raf) return; raf = requestAnimationFrame(() => { raf = 0; const y = window.scrollY; if (y > window.innerHeight * 1.1) return; el.style.transform = `translateY(${y * factor}px) scale(${1 + y * scaleF})`; }); }; window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, [ref, factor, scaleF]); } function HeroCue() { return (

SCROLL

); } function HeroStats() { const stats = [["5", "조합 가능 모듈"], ["A·B", "출점 포맷"], ["직영", "테스트 기반 검증"], ["조건 확인", "상담 기준"]]; return (

{stats.map(([n, l], i) => (

{n}

{l}

))}

); } function HeroCopy({ align = "left" }) { const { Button } = DSh; return (

Multi Platform Gacha Shop

오늘의 랜덤이
도착하는 곳

인형뽑기 · 가챠 · 캡슐토이 · 캐릭터 굿즈 · 포토부스 — 공간과 상권에 맞게 모듈을 조합하는 무인 플랫폼입니다.

운영 방식 보기

); } /* ---- Variant 1: full-bleed cinematic overlay (primary) ---- */ function HeroOverlay() { const photoRef = useRef(null); useParallax(photoRef, 0.32, 0.00028); return (

); } /* ---- Variant 2: spotlight dome (photo framed, floating in space) ---- */ function HeroSpotlight() { return (

); } /* ---- Variant 3: split (type left, framed photo right) ---- */ function HeroSplit() { const photoRef = useRef(null); useParallax(photoRef, 0.12, 0.0002); return (

LIVE

); } function Hero({ variant = "overlay" }) { if (variant === "spotlight") return ; if (variant === "split") return ; return ; } Object.assign(window, { Hero });

오늘의 랜덤이도착하는 곳

오늘의 랜덤이
도착하는 곳