/* Placeholder graphics — drawn with SVG so user can replace with real photos later.
Style: theatrical, dark, deliberate. Each placeholder telegraphs what it is for. */
const PlaceholderTag = ({ label }) => (
{label}
);
// Theatrical stage hero — dark navy theater with stage lights, performers as silhouettes
const HeroStagePlaceholder = ({ showTag = true }) => (
{/* Background */}
))}
{/* Big spots */}
))}
{/* Audience seats silhouette */}
{showTag &&
}
);
// Generic theater audience for venue band
const TheaterAudiencePlaceholder = () => (
{[...Array(count)].map((_, i) => (
);
})}
);
// Performer headshot polaroid placeholders — varying compositions
const PolaroidPlaceholder = ({ kind, label }) => {
// kinds: comedian, magician, audience, gameShow
const presets = {
comedian: { bg: '#16223f', accent: '#E0B656', figure: 'mic' },
magician: { bg: '#0e1738', accent: '#7DA8FF', figure: 'cards' },
audience: { bg: '#221033', accent: '#FFE89B', figure: 'crowd' },
gameShow: { bg: '#3a0c4f', accent: '#FF6BB5', figure: 'tune' },
hypnotist: { bg: '#1a0c3a', accent: '#C77CE2', figure: 'eye' },
};
const p = presets[kind] || presets.comedian;
return (
)}
{p.figure === 'cards' && (
{/* flying cards */}
{[
{ x: 90, y: 80, r: -25 }, { x: 320, y: 100, r: 20 },
{ x: 70, y: 180, r: 15 }, { x: 340, y: 200, r: -15 },
{ x: 270, y: 60, r: 35 },
].map((c, i) => (
{['♠','♥','♦','♣','A'][i]}
))}
)}
{p.figure === 'crowd' && (
))
)}
)}
{p.figure === 'tune' && (
NAME THAT
TUNE
)}
{p.figure === 'eye' && (
)}
{label &&
}
);
};
// Event poster placeholder — vertical card stylized by show type
const EventPosterPlaceholder = ({ style, title }) => {
const presets = {
'comedy-red': { bg: '#7A1818', bg2: '#3a0a0a', accent: '#FFE89B', label: 'COMEDY NIGHT WITH', name: title.replace('Comedy Night with ', '').replace(' Comedy Night', '') },
'comedy-amber': { bg: '#8a4413', bg2: '#3a1a05', accent: '#F2C14E', label: 'COMEDY NIGHT WITH', name: title.replace('Comedy Night with ', '').replace(' Comedy Night', '') },
'magic-navy': { bg: '#0F1F3D', bg2: '#070d1c', accent: '#D4A642', label: 'THE MAGIC OF', name: title.replace('The Magic of ', '') },
'hypnosis-purple': { bg: '#1a0a3a', bg2: '#0a0420', accent: '#7DA8FF', label: 'STARRING ERIK KELLER', name: 'HYPNOSIS\nUNLEASHED' },
'tune-neon': { bg: '#0a1240', bg2: '#040820', accent: '#FF6BB5', label: '', name: title },
'family-teal': { bg: '#0e3a3a', bg2: '#031a1a', accent: '#FFE89B', label: 'FAMILY SHOW', name: title.replace(' Family Show', '') },
};
const p = presets[style] || presets['comedy-red'];
return (
{p.label}
)}
{/* Headline / name */}
{style === 'tune-neon' ? (
NAME THAT
TUNE
Live!
) : style === 'hypnosis-purple' ? (
HYPNOSIS
UNLEASHED
) : (
12 ? 24 : 34} fontFamily="serif" fontWeight="800" fill="#FFE89B" letterSpacing="1">
{p.name.split(' ').slice(0, 2).map((w, i) => (
{w}
))}
)}
{/* Performer silhouette */}
)}
);
};
// Generic photo placeholder
const PhotoPlaceholder = ({ label, h = 220, accent = '#E0B656' }) => (
);
// WAND logo (drawn). Bold serif wordmark with "PRESENTS" tracking below
// WAND Presents logo — official white lockup (star-swirl mark + wordmark).
const WandLogo = ({ height = 48 }) => (
);
Object.assign(window, {
HeroStagePlaceholder, TheaterAudiencePlaceholder,
PolaroidPlaceholder, EventPosterPlaceholder, PhotoPlaceholder,
WandLogo, SparkleDecoration, PlaceholderTag,
});
);
// Sparkle accent
const SparkleDecoration = ({ size = 24, top, left, right, bottom, opacity = 1 }) => (
);
Object.assign(window, {
HeroStagePlaceholder, TheaterAudiencePlaceholder,
PolaroidPlaceholder, EventPosterPlaceholder, PhotoPlaceholder,
WandLogo, SparkleDecoration, PlaceholderTag,
});