// SVG illustrations — original geometric wand silhouettes + monogram + icons.
// All shapes are simple geometry colored by --product-tone / --gold.
function Monogram({ size = 28, stroke = 'var(--gold)' }) {
// DP monogram — two interlocking "D" arcs forming a P shape
return (
);
}
// Geometric wand silhouettes — minimal, gallery-style
function WandAura({ tone = 'var(--product-tone)', accent = 'var(--gold)' }) {
return (
);
}
function WandNova({ tone = 'var(--product-tone)', accent = 'var(--gold)' }) {
return (
);
}
function WandEmber({ tone = 'var(--product-tone)', accent = 'var(--gold)' }) {
return (
);
}
function SerumBottle({ tone = 'var(--product-tone)', accent = 'var(--gold)' }) {
return (
);
}
function ProductSilhouette({ id, ...props }) {
if (id === 'aura') return ;
if (id === 'nova') return ;
if (id === 'ember') return ;
if (id === 'serum') return ;
return null;
}
// Icons — simple line glyphs
const Icon = {
box: () => (
),
shield: () => (
),
lock: () => (
),
leaf: () => (
),
heart: () => (
),
truck: () => (
),
arrow: () => (
),
cart: () => (
),
chevronDown: () => (
),
drop: () => (
),
spark: () => (
),
};
Object.assign(window, { Monogram, ProductSilhouette, WandAura, WandNova, WandEmber, SerumBottle, Icon });