// SVG illustrations for landing page
// Stadium scene - hero backdrop (1600x700)
const StadiumScene = () => (
);
// Team crest - parametric SVG. Pass `size` (in px) to override the default
// 80×90 CSS sizing when embedding in a smaller slot (e.g. the claim preview).
const Crest = ({ primary = "#2a6a3a", secondary = "#f4c040", initials = "FC", size }) => (
);
// Trophy SVG
const TrophyIllus = ({ tone = "gold" }) => {
const col = tone === "gold" ? "#f5c344" : tone === "silver" ? "#d8dde2" : "#d49064";
const dark = tone === "gold" ? "#a07a1a" : tone === "silver" ? "#8a9099" : "#8a4a24";
return (
);
};
// Player illustration for tactics board
const PlayerIllus = ({ num, isGk }) => {
const jersey = isGk ? "#f4c040" : "#ffffff";
const shorts = isGk ? "#111" : "#1a4a24";
const stroke = "#1a1a1a";
return (
);
};
Object.assign(window, { StadiumScene, Crest, TrophyIllus, PlayerIllus });