// data.jsx — products, copy, SVG line-art
// ───────────────────────────────────────────────────────────────────
// LINE-ART SVGs (original, brand-aligned: faces, hands, organic blobs)
// Rendered subtly as watermarks, accents, dividers.
// ───────────────────────────────────────────────────────────────────
const ArtFace = ({ stroke = 'currentColor', className = '', sw = 1.4 }) =>
;
const ArtHand = ({ stroke = 'currentColor', className = '', sw = 1.4 }) =>
;
const ArtBlob = ({ stroke = 'currentColor', className = '', sw = 1.4 }) =>
;
const ArtThread = ({ stroke = 'currentColor', className = '', sw = 1.2 }) =>
;
// Brand logomark — original abstraction inspired by brief (figure embracing itself).
// Not a copy of any specific company's mark.
const LogoMark = ({ className = '', filled = 'var(--ink)', skin = 'var(--rose)' }) =>
;
// ───────────────────────────────────────────────────────────────────
// PRODUCT PLACEHOLDER — textured surface card (no AI-slop SVG art)
// Each card has a material color and a label so it's clearly placeholder.
// ───────────────────────────────────────────────────────────────────
const ProductPlaceholder = ({ tone = 'linen', label = 'product photo', ratio = '4/5', form = 'object' }) => {
const palettes = {
linen: { bg: '#EDE6DC', stripe: '#E2DACC', ink: '#6B5C46' },
blush: { bg: '#EAD3D0', stripe: '#DFC2BE', ink: '#7E4E48' },
clay: { bg: '#C6A99F', stripe: '#B89788', ink: '#3D2A24' },
ash: { bg: '#D8D4CF', stripe: '#CAC4BC', ink: '#3A3631' },
bone: { bg: '#F1ECE3', stripe: '#E6DECF', ink: '#5A4E3B' },
cocoa: { bg: '#8B6F65', stripe: '#7A5F55', ink: '#F1ECE3' },
sage: { bg: '#C4C8B8', stripe: '#B5BAA6', ink: '#3D4232' },
paper: { bg: '#F6F1E8', stripe: '#EDE6D8', ink: '#5A4E3B' }
};
const p = palettes[tone] || palettes.linen;
// Form: object (vessel-ish), bag (trapezoid), print (rect), textile (drape)
const Form = () => {
if (form === 'bag') {
return (
);
}
if (form === 'print') {
return (
);
}
if (form === 'textile') {
return (
);
}
// default: vessel/object silhouette
return (
);
};
return (
{/* fine stripes */}
{/* big form shape */}