// ===== Part 7: Pages 20-22 (승화) ===== const { useState: useState7, useEffect: useEffect7, useRef: useRef7 } = React; // ---------- Page 20 — Question Re-emergence ---------- function Page20Question({ next }) { const [rev, setRev] = useState7(0); useEffect7(() => { const timers = [ setTimeout(() => setRev(1), 900), setTimeout(() => setRev(2), 2600), setTimeout(() => setRev(3), 4400), ]; return () => timers.forEach(clearTimeout); }, []); return (
{/* paper texture — page 4 와 동일 */}
")`, mixBlendMode: 'multiply', opacity: 0.38, pointerEvents: 'none' }} /> {/* vignette — page 4 와 동일 */}
{/* page20_title 이미지로 문구 대체 */} = 2 ? 1 : 0, transform: rev >= 2 ? 'translateY(0) scale(1)' : 'translateY(16px) scale(0.98)', transition: 'opacity 2s ease, transform 2s ease', mixBlendMode: 'multiply', pointerEvents: 'none', userSelect: 'none' }} draggable="false" />
= 3 ? 0.85 : 0, transition: 'opacity 1.8s ease', }}> — 소중한 존재에게 한 마디 건네 보세요 —
{rev >= 3 && ( )}
); } // ---------- Page 21 — Letter writing ---------- function Page21Letter({ next, addLetter }) { const [text, setText] = useState7(""); const [sent, setSent] = useState7(false); const submit = () => { if (!text.trim()) return; addLetter(text.trim()); setSent(true); setTimeout(next, 2000); }; return (
{/* Hanji paper — image with letter-writing area on top */}
{/* Hanji background image */} {/* Writing area — POST CARD·書信 라벨 제거 */}
소중한 존재에게 전하고 싶은 말