/* SVG illustrations for individual products within a category */
/* Stand bases */
const StandBase = ({ y = 280, w = 80, type = "wood" }) => {
if (type === "wood") {
return (
);
}
if (type === "chrome") {
return (
<>
);
}
return null;
};
/* A small triangle flag attached to a pole */
const SmallFlag = ({ x, poleColor = "#7a5230", flagColor = "#0B2D5C", flagPattern = "il", side = "right", height = 200 }) => {
// pole from base up to top
const poleX = x;
const poleTop = 30;
const poleBottom = 285;
const flagW = 60;
const flagH = 38;
const dir = side === "right" ? 1 : -1;
return (
{/* pole */}
{/* finial */}
{/* flag */}
{flagPattern === "il" && (
)}
{flagPattern === "ge" && (
)}
{flagPattern === "brand" && (
)}
{flagPattern === "stripes" && (
{[0,1,2,3,4,5].map(i => (
))}
)}
);
};
/* Single tall pennant flag (with fringe) */
const PennantFlag = ({ x = 150, color = "#1F3A8A" }) => (
RUBIN INT.
{/* fringe */}
{Array.from({length: 16}).map((_, i) => (
))}
);
/* Wrapper to render product card scene with light cream background */
const ProductScene = ({ children }) => (
);
/* Predefined product visuals (variants for stand category) */
const Products = {
StandWoodTwoFlags: () => (
),
StandWoodPennantFringe: () => (
),
StandWoodThreeFlags: () => (
),
StandWoodSingleStripes: () => (
),
StandChromeTwo: () => (
),
StandChromeSingle: () => (
),
StandWoodThreeEmpty: () => (
),
StandWoodTwoFlagsB: () => (
),
StandChromeSlim: () => (
),
StandWoodLarge3Strip: () => (
),
};
Object.assign(window, { Products, ProductScene, SmallFlag, PennantFlag, StandBase });