/**
* Filigree — decorative art-nouveau line ornaments used throughout the design.
* Inline SVG so they inherit `currentColor` from their parent section.
*/
function HeroFlourish({ mirror = false }) {
return (
);
}
/**
* DividerFlourish — the section separator graphic (Untitled-4-15), a symmetric
* winged art-nouveau motif. Cream-filled SVG; the wrapping `.divider` controls
* size + spacing.
*/
function DividerFlourish() {
return (
);
}
function CornerFlourish() {
return (
);
}
/**
* SectionDivider — the art-nouveau divider flourish with a Tweakable layout:
* - "below-text" → compact, hugs the paragraph above it.
* - "section" → larger flourish with generous spacing, reads as a break
* between two sections.
*/
function SectionDivider({ variant = "below-text" }) {
return (
);
}
/**
* SectionFrame — corner/edge frame ornaments for full-bleed sections (hero) and
* the closing section (outro). Driven by the shared `frame` tweak:
* - "vine" → Untitled-4-04 corner sweep, top-left + bottom-right.
* - "corners" → Untitled-8-06 corner flourish, top-right + bottom-left.
* - "grapes" / "nouveau" → a full frame stretched over the hero image; on a
* non-image section (cornerOnly) these fall back to vine corners.
* - "none" → nothing.
* Colour is set by context: the hero filters it white/ink; the outro shows the
* cream base directly.
*/
const SECTION_FRAME_CORNERS = {
vine: { src: "assets/orn/frame-vine.svg", at: ["tl", "br"] },
corners: { src: "assets/orn/frame-corner-flip.svg", at: ["tl", "br"] }
};
function SectionFrame({ frame = "vine", cornerOnly = false }) {
if (!frame || frame === "none") return null;
if (!cornerOnly && (frame === "grapes" || frame === "nouveau")) {
const src =
frame === "grapes" ? "assets/frame-grapes-rot.svg" : "assets/frame-nouveau-rot.svg";
return ;
}
const fkey = SECTION_FRAME_CORNERS[frame] ? frame : "vine";
const def = SECTION_FRAME_CORNERS[fkey];
return (
<>
);
}
/**
* Flourish — a single tweakable decorative motif (the Untitled-8 / Art-Nouveau
* set), placed as a small accent. `name` matches the asset suffix
* (e.g. "m01" → assets/orn/fl-m01.svg). Height-sized so any aspect ratio works.
*/
function Flourish({ name, className = "" }) {
if (!name || name === "none") return null;
return (
);
}
if (typeof window !== "undefined") {
window.HeroFlourish = HeroFlourish;
window.DividerFlourish = DividerFlourish;
window.CornerFlourish = CornerFlourish;
window.SectionDivider = SectionDivider;
window.SectionFrame = SectionFrame;
window.Flourish = Flourish;
}
);
}
function CornerFlourish() {
return (
);
}
/**
* SectionDivider — the art-nouveau divider flourish with a Tweakable layout:
* - "below-text" → compact, hugs the paragraph above it.
* - "section" → larger flourish with generous spacing, reads as a break
* between two sections.
*/
function SectionDivider({ variant = "below-text" }) {
return (
);
}
if (typeof window !== "undefined") {
window.HeroFlourish = HeroFlourish;
window.DividerFlourish = DividerFlourish;
window.CornerFlourish = CornerFlourish;
window.SectionDivider = SectionDivider;
window.SectionFrame = SectionFrame;
window.Flourish = Flourish;
}