const { useState, useEffect, useRef } = React; // ── Hero EP Widget ──────────────────────────────────────────── function HeroEpWidget() { const auth = typeof useAuth !== 'undefined' ? useAuth() : {}; const { user, hasPass, openModal } = auth; const [showPurchase, setShowPurchase] = useState(false); const unlocked = hasPass ? hasPass('transmission-vip') : false; const handleClick = () => { if (unlocked) { window.location.href = 'transmission.html'; return; } alert('Access passes go live tonight! Check back soon.'); }; return ( <>
{ e.currentTarget.style.transform = 'translateY(-2px)'; e.currentTarget.style.boxShadow = '0 8px 32px rgba(0,0,0,0.5)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'none'; e.currentTarget.style.boxShadow = 'none'; }} > Transmission
{unlocked ? 'Now Available' : 'New Release'}
Transmission EP
{unlocked ? 'Click to listen →' : 'Available Tonight — VIP Access'}
{showPurchase && typeof PassModal !== 'undefined' && setShowPurchase(false)} />} ); } // ── Hero ────────────────────────────────────────────────────── function Hero() { const [loaded, setLoaded] = useState(false); const [streamOpen, setStreamOpen] = useState(false); const streamRef = useRef(null); useEffect(() => { setTimeout(() => setLoaded(true), 100); }, []); // Close dropdown when clicking outside useEffect(() => { const handler = e => { if (streamRef.current && !streamRef.current.contains(e.target)) setStreamOpen(false); }; document.addEventListener('mousedown', handler); return () => document.removeEventListener('mousedown', handler); }, []); const streamLinks = [ { label: 'Spotify', href: 'https://open.spotify.com/artist/1QbliGbXD2XPwfszhDWpbj?si=lY3KzEnXQ-G1x0Ngekxf3w', color: '#1DB954', icon: }, { label: 'Apple Music', href: 'https://music.apple.com/us/artist/fondew/1805463033', color: '#FA253E', icon: }, ]; return (
{/* Background photo */}
{/* Dark overlay for contrast */}
{/* Content */}
{/* Logo */}
FonDeW
{/* Heading */}

Indie Fusion from the underground.

{/* CTAs */}
{streamOpen && ( )}
Watch Videos
{/* Partner-style tag */}
As heard on
{['Spotify', 'Apple Music', 'Tidal', 'Pandora'].map(p => ( {p} ))}
{/* Scroll cue */}
{/* EP Advertisement Widget — bottom right */}
); } // ── New Release ─────────────────────────────────────────────── const transmissionTracks = [ { num: '01', title: 'Platinum Frame' }, { num: '02', title: 'Finger Paint' }, { num: '03', title: 'Lullaby' }, { num: '04', title: 'Ocean Drive' }, { num: '05', title: 'Silhouette' }, ]; function NewRelease() { const ref = useReveal(); const [streamOpen, setStreamOpen] = useState(false); const streamRef = useRef(null); useEffect(() => { const handler = e => { if (streamRef.current && !streamRef.current.contains(e.target)) setStreamOpen(false); }; document.addEventListener('mousedown', handler); return () => document.removeEventListener('mousedown', handler); }, []); const streamLinks = [ { label: 'Spotify', href: 'https://open.spotify.com/artist/1QbliGbXD2XPwfszhDWpbj?si=lY3KzEnXQ-G1x0Ngekxf3w', color: '#1DB954', icon: }, { label: 'Apple Music', href: 'https://music.apple.com/us/artist/fondew/1805463033', color: '#FA253E', icon: }, ]; return (
{/* Left: Info */}
Coming Soon
EP · 2026

Transmission

A collection of live studio performances featuring Pugz — honest, unguarded, and captured in the moment.

{/* Track list */}
{transmissionTracks.map((t, i) => (
e.currentTarget.style.opacity = '0.7'} onMouseLeave={e => e.currentTarget.style.opacity = '1'} > {t.num} {t.title}
))}
{/* Streaming buttons */}
{/* VIP Access button — wired to pass purchase */}
{/* Right: Artwork */}
{/* Glow behind */}
{/* Album art — natural square shape */}
Transmission EP
); } // ── About ───────────────────────────────────────────────────── // ── Contact Popup ───────────────────────────────────────────── function ContactPopup({ onClose }) { const [form, setForm] = React.useState({ name: '', email: '', type: 'booking', message: '' }); const [sent, setSent] = React.useState(false); const overlayRef = React.useRef(null); const handleSubmit = e => { e.preventDefault(); fetch('https://formspree.io/f/mvzdvgoq', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify(form), }).then(r => r.ok ? setSent(true) : alert('Something went wrong.')) .catch(() => alert('Something went wrong.')); }; return ReactDOM.createPortal(
e.target === overlayRef.current && onClose()} style={{ position: 'fixed', inset: 0, zIndex: 1000, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 24, background: 'rgba(0,0,0,0.75)', backdropFilter: 'blur(8px)' }}>
{sent ? (
Message received.

We'll be in touch soon.

) : ( <>

Get in touch.

Booking, press, licensing, or just to say hi.

setForm({...form, name: e.target.value})} />
setForm({...form, email: e.target.value})} />