{/* Ambient floating particles */} {[...Array(8)].map((_, i) => (

))} {/* Ripple effect */} {ripple && (

)} {/* ZONE 1: Hero Identity */}

{state?.profile?.emoji ?? '🌟'}

{state?.profile?.name ?? 'Impact Maker'}

{state?.profile?.tagline ?? 'Healer · Coach · Polyglot · Parent'}

{/* ZONE 2: Multilingual Resonance Field */}

✨ Multilingual Resonance ✨

{/* Language soundwave visualizer */}

{[...Array(20)].map((_, i) => { const isActive = !!activeLang; const langColor = activeLang?.color ?? '#9B59B6'; const h = isActive ? 10 + Math.abs(Math.sin((pulseIdx + i) * 0.7)) * 35 : 8 + Math.abs(Math.sin(i * 0.5)) * 12; return (

); })}

{/* Language buttons */}

{(languages || []).map((lang) => { const isActive = (state?.activeLanguage ?? null) === lang.id; return ( ); })}

{/* Active language reveal */} {activeLang && (

{activeLang.phrase}

{activeLang.translation}

🗣️ {activeLang.script}

)}

{/* ZONE 3: Impact Constellation + Titanic Corner */}

{/* Impact Constellation */}

💫 Impact Constellation 💫

{(impactNodes || []).map((node) => { const isActive = (state?.activeNode ?? null) === node.id; return ( ); })}

{activeNodeData && (

{activeNodeData.quote}

)}

{/* Titanic Fun Facts for Son */}

🚢 Titanic Discovery Zone 🧊

{/* Progress dots */}

{(titanicFacts || []).map((_, i) => (

))}

{/* Current fact card */}

{/* Water animation at bottom */}

{currentFact?.emoji ?? '🚢'}

{currentFact?.fact ?? 'Tap to discover!'}

📅 {currentFact?.year ?? ''}

{/* Discover button */} {(revealed || []).length === (titanicFacts || []).length && (

🏆 Amazing! You discovered ALL the facts! ⭐

)}

{/* Bottom signature */}

MAKING POSITIVE IMPACT · EVERY DAY ✨

); }