import { cn } from "@/lib/utils";
/** Arch-shaped photo frame with a fine champagne-gold keyline. */
export function ArchImage({
src,
alt,
className,
imgClassName,
frame = true,
small = false,
}: {
src: string;
alt: string;
className?: string;
imgClassName?: string;
frame?: boolean;
small?: boolean;
}) {
return (
);
}
/** Faint oversized script monogram watermark for section backgrounds. */
export function MonogramWatermark({
className,
text = "ESj",
}: {
className?: string;
text?: string;
}) {
return (
{text}
);
}
/** Soft plant-leaf shadow layer. */
export function LeafShadow({ className }: { className?: string }) {
return ;
}
/** Circular badge with a fine line icon, in one of the four brand tones. */
const badgeTones = {
jungle: "bg-jungle text-ivory",
gold: "bg-gold text-jungle-deep",
terra: "bg-terra text-ivory",
charcoal: "bg-charcoal text-ivory",
} as const;
export function CircleBadge({
tone = "gold",
children,
className,
}: {
tone?: keyof typeof badgeTones;
children: React.ReactNode;
className?: string;
}) {
return (
{children}
);
}
/** Thin champagne-gold hairline divider with a centered diamond. */
export function GoldRule({ className }: { className?: string }) {
return (
);
}