// Tiny inline icon set — pure SVG, no libraries.
const Icon = {
Arrow: ({size=18}) => (
),
ArrowUR: ({size=14}) => (
),
Plus: ({size=16}) => (
),
Minus: ({size=14}) => (
),
Close: ({size=18}) => (
),
Check: ({size=28}) => (
),
Heart: ({size=16, filled=false}) => (
),
Bag: ({size=20}) => (
),
Menu: ({size=22}) => (
),
Scissors: ({size=28}) => (
),
Leaf: ({size=28}) => (
),
Sparkle: ({size=28}) => (
),
Instagram: ({size=16}) => (
),
Tiktok: ({size=16}) => (
),
Whatsapp: ({size=18}) => (
),
Facebook: ({size=16}) => (
),
Pin: ({size=18}) => (
),
ChevL: ({size=16}) => , ChevR: ({size=16}) => ,
Clock: ({size=14}) => ,
Search: ({size=18}) => ,
Play: ({size=14}) => ,
Layers: ({size=14}) => ,
Comment: ({size=16}) => ,
};
// Stylized product bottle — drawn as SVG so all 4 products are visually consistent.
const Bottle = ({tone="wine", style=0}) => {
const palettes = {
wine: {body:"#4A0E1C", glow:"#6e1f31", cap:"#1a1411", label:"#F9F5F2", text:"#4A0E1C"},
cream: {body:"#F2ECE5", glow:"#FFFFFF", cap:"#4A0E1C", label:"#4A0E1C", text:"#F9F5F2"},
amber: {body:"#B8935A", glow:"#d6bf99", cap:"#1a1411", label:"#1a1411", text:"#B8935A"},
rose: {body:"#e9d3cf", glow:"#f6e6e2", cap:"#4A0E1C", label:"#4A0E1C", text:"#e9d3cf"},
};
const c = palettes[tone] || palettes.wine;
// Two silhouettes: 0 = tall tapered, 1 = short rounded
if (style === 1) {
return (
);
}
return (
);
};
window.Icon = Icon;
window.Bottle = Bottle;