// Gorgeous SVG "photograph" scenes — soft, painterly, on-brand.
// Each scene is a full SVG with its own palette, figures, and light.
// Usage:
const Grain = ({ id = 'grain' }) => (
);
const Bokeh = ({ id = 'bokeh', color = '#F5D7C3' }) => (
);
// A mother holding a swaddled newborn, warm window light
const SceneNewbornHome = () => (
);
// Toddler in wildflower field, golden hour
const SceneToddlerField = () => (
);
// Mother + daughter forehead kiss, linen tones
const SceneMomKiss = () => (
);
// Family of 4-5 walking hand-in-hand, golden hour
const SceneFamilyWalk = () => (
);
// Peonies / spring floral mini
const SceneSpringFloral = () => (
);
const PeonyBloom = ({ size = 80, fill = '#F0D4C2' }) => {
const petals = 8;
return (
{Array.from({length: petals}).map((_, i) => {
const a = (i / petals) * Math.PI * 2;
const x = Math.cos(a) * size * 0.28;
const y = Math.sin(a) * size * 0.28;
return ;
})}
);
};
// Summer golden hour on a trail
const SceneSummerTrail = () => (
);
// Fall pumpkin patch
const SceneFallPumpkin = () => (
);
const Pumpkin = ({ x, y, s = 1, tone = '#E8904A' }) => (
);
// Holiday magic — twinkle lights, christmas tree
const SceneHoliday = () => (
);
// Abby portrait — studio warm
const SceneAbbyPortrait = () => (
);
// Abby on location — laughing, more casual
const SceneAbbyLaugh = () => (
);
// Behind the scenes — camera + notebook flat lay
const SceneBehindTheScenes = () => (
);
// Her kids — tiny hand-holds cluster
const SceneHerKids = () => (
);
// Generic mama + baby window light (contact page hero imagery)
const SceneMamaBabyLinen = () => (
);
// Scene registry
const SCENES = {
newbornHome: SceneNewbornHome,
toddlerField: SceneToddlerField,
momKiss: SceneMomKiss,
familyWalk: SceneFamilyWalk,
springFloral: SceneSpringFloral,
summerTrail: SceneSummerTrail,
fallPumpkin: SceneFallPumpkin,
holiday: SceneHoliday,
abbyPortrait: SceneAbbyPortrait,
abbyLaugh: SceneAbbyLaugh,
behindTheScenes: SceneBehindTheScenes,
herKids: SceneHerKids,
mamaBabyLinen: SceneMamaBabyLinen,
};
// Photo wrapper — swap .ph placeholders for real scenes, keeps caption chip
const Photo = ({ scene, label, style, className = '', round = 16, aspect }) => {
const Scene = SCENES[scene] || SceneNewbornHome;
const s = {
position: 'relative',
overflow: 'hidden',
borderRadius: round,
...(aspect ? { aspectRatio: aspect } : {}),
...style,
};
return (
);
};
Object.assign(window, { Photo, SCENES });