// Sacred Roux logo — uses the actual logo PNG as the mark.
// Full mandala: assets/sacred-roux-logo.png
function SRLogoMark({ size = 56, style }) {
return (
);
}
function SRLogoLockup({ color = 'currentColor', orientation = 'horizontal', size = 'md' }) {
const scale = size === 'sm' ? 0.75 : size === 'lg' ? 1.25 : 1;
if (orientation === 'stacked') {
return (
Sacred Roux
Est · Cane River
);
}
return (
Sacred Roux
Est · Cane River
);
}
// Motifs abstracted from the logo, for page decoration
// Flower of Life rosette — infinite-repeat vesica lattice
function FlowerOfLife({ size = 300, rings = 3, stroke = 0.6, style }) {
const r = 20;
const circles = [{ x: 0, y: 0 }];
for (let ring = 1; ring <= rings; ring++) {
for (let i = 0; i < 6 * ring; i++) {
const angle = (i / (6 * ring)) * Math.PI * 2;
const dist = ring * r * Math.sqrt(3);
// actual hex lattice:
}
}
// proper hex packing for flower of life
const hex = [];
for (let q = -rings; q <= rings; q++) {
for (let rr = -rings; rr <= rings; rr++) {
if (Math.abs(q + rr) > rings) continue;
const x = r * (q + rr / 2) * Math.sqrt(3);
const y = r * rr * 1.5;
hex.push({ x, y });
}
}
const vb = (rings + 1) * r * 2;
return (
);
}
// Pot + spiral-steam silhouette — the central figure abstracted
function PotSpiral({ size = 200, style }) {
return (
);
}
// Vesica petal — the lens shape that builds flower-of-life
function Vesica({ size = 80, style }) {
return (
);
}
// Small ornament — three vesicas arranged as a trefoil (used as margin dividers)
function Trefoil({ size = 40, style }) {
return (
);
}
Object.assign(window, { SRLogoMark, SRLogoLockup, FlowerOfLife, PotSpiral, Vesica, Trefoil });