function BuyButton({ painting }) { const [busy, setBusy] = useState(false); const [err, setErr] = useState(""); const disabled = !painting.available || !Number(painting.price); const go = async () => { if (disabled || busy) return; setBusy(true); setErr(""); try { await window.lf.startCheckout(painting.id); // browser is now redirecting to Stripe } catch (e) { console.error(e); setBusy(false); setErr((e && e.message) || "Could not start checkout. Please try again."); } }; return (
{err && (
{err}
)} {painting.available && (() => { const ship = (painting.shipping === undefined || painting.shipping === null || painting.shipping === "") ? 160 : Math.max(0, Number(painting.shipping) || 0); const shipLabel = ship === 0 ? "complimentary shipping" : `$${ship.toLocaleString()} insured shipping`; return (
Secure checkout via Stripe · ${(painting.price || 0).toLocaleString()} CAD + {shipLabel}
); })()}
); } function ArtworkPage({ id, navigate, addToCart, openArtwork }) { const p = window.PAINTINGS.find((x) => x.id === id); const [view, setView] = useState(0); // 0=detail painting, 1=framed, 2=close-up, 3=room, 4=corner const [qty] = useState(1); const [zoomed, setZoomed] = useState(false); // Per-artwork SEO + Schema.org VisualArtwork structured data so this page // ranks for the painting's title and surfaces a rich product card. if (p) { const heroImage = (p.images && p.images[0]) || "https://larissaart.com/assets/about/04.jpg"; const canonical = `https://larissaart.com/artwork?id=${encodeURIComponent(p.id)}`; const ttl = `${p.title} — Original Oil Painting by Larissa`; const desc = `${p.short || p.story || `Original oil painting "${p.title}" — ${p.dims}, ${p.medium}.`} Hand-signed, one of one, shipped worldwide.`; window.useSeo({ title: ttl, description: desc, canonical, image: heroImage, jsonLd: { "@context": "https://schema.org", "@type": "VisualArtwork", "name": p.title, "image": heroImage, "description": p.story || p.short || "", "artMedium": p.medium, "artworkSurface": "Canvas", "artform": "Painting", "width": p.dims, "dateCreated": String(p.year || ""), "creator": { "@type": "Person", "name": "Larissa Svinoukhova", "url": "https://larissaart.com/about", }, "offers": { "@type": "Offer", "url": canonical, "priceCurrency": "CAD", "price": String(p.price || 0), "availability": p.available === false ? "https://schema.org/SoldOut" : "https://schema.org/InStock", "itemCondition": "https://schema.org/NewCondition", }, }, }); } if (!p) return null; // 3 'shots': detail, framed, closeup const shots = [ { type: "main", label: "The Painting" }, { type: "framed", label: "Studio Frame" }, { type: "closeup", label: "Brushwork" }, ]; const others = window.PAINTINGS.filter((x) => x.id !== p.id).slice(0, 4); return (
{/* Breadcrumb */}
navigate("home")} style={{ cursor: "pointer" }}>Studio · navigate("gallery")} style={{ cursor: "pointer" }}>Gallery · {p.title}
{/* MAIN */}
{/* LEFT: Gallery viewer */}
setZoomed(true)} />
{shots.map((s, i) => ( ))}
{/* RIGHT: Sticky details */}
{p.category} · {p.year}

{p.title}

painted in the spring studio.
{[ ["Medium", p.medium], ["Dimensions", p.dims], ["Year", String(p.year)], ["Edition", "Original · 1 of 1"], ["Signed", "Front, lower right"], ].map(([k, v]) => (
{k}
{v}
))}
{p.available ? (
Price
${p.price.toLocaleString()}CAD
Insured shipping included worldwide
) : (
Status
Sold
This painting has found its home. Write to the studio if you'd like to commission something similar.
)}
{/* Story */} {(p.story || p.short) && (
The Story
{p.story && (

"{p.story}"

)} {p.short && p.short.trim() !== (p.story || "").trim() && (

{p.short}

)}
)} {/* Trust strip */}
{[ ["✓", "Signed Original — Not a Print"], ["✓", "Museum-Quality Packaging"], ["✓", "Hand-Crated in the Studio"], ["✓", "Painted in Highlands, Ontario"], ].map(([m, t]) => (
{t}
))}
{/* Shipping accordions */}

Ships from Highlands, Ontario within 5 business days. Crated by hand in archival materials. Canada: 5–10 business days. United States: 7–12 days. International: 10–18 days. We unframe for safer travel; framers in your city can be recommended on request.

Each painting is hand-signed on the front in oil. Hang away from direct sunlight and heat sources. Dust gently with a clean dry sable brush — never water or solvent.

You are warmly invited to visit the studio by appointment, May through October. Larissa also takes a small number of private commissions each year. Please write to hello@larissaart.com.
{/* SIGNATURE STRIP */}
Larissa

"This painting was made over four mornings in May, with the windows open. I hope it brings the smell of the lake into your home."

A note from the artist
{/* RELATED */}
More from the studio

You might also love.

navigate("gallery")}>View All
{others.map((o) => (
openArtwork(o.id)}>
{o.title}
${o.price.toLocaleString()} CAD
))}
{zoomed && setZoomed(false)} />}
); } function ShotViewer({ p, view, setView, onZoom }) { const hasImg = (i) => p.images && p.images[i]; if (view === 0) { return (
); } if (view === 1) { return (
Optional · Hand-finished gold leaf frame (sold separately)
); } if (view === 2) { // Brushwork — prefer a dedicated brushwork or close-up slot uploaded by // the admin; that image shows at its natural aspect. Otherwise zoom // into the main painting (~2.2×) so it reads as a real close-up of the // texture, not just a duplicate of "The Painting". const hasDistinct = hasImg(2) || hasImg(1); const idx = hasImg(2) ? 2 : hasImg(1) ? 1 : 0; const src = p.images && p.images[idx]; return (
{src ? ( hasDistinct ? ( ) : (
) ) : ( <>
)}
Brushwork — visible texture and palette
); } } function ShotThumb({ p, type }) { // Thumbnails share a fixed 4/5 box so the grid stays uniform. The main // and framed thumbs letterbox (no crop). The brushwork thumb zooms into // the painting so it reads as a close-up of the texture. const img = (i) => p.images && p.images[i]; if (type === "framed") { return ; } if (type === "closeup") { const hasDistinct = img(2) || img(1); const idx = img(2) ? 2 : img(1) ? 1 : 0; const src = img(idx); if (!src) return ; if (hasDistinct) { return ; } return (
); } return ; } function Accordion({ title, children }) { const [open, setOpen] = useState(false); return (
{children}
); } function ZoomOverlay({ p, onClose }) { return (
{p.images && p.images[0] ? ( {p.title} ) : (
)}
Click anywhere to close
); } window.ArtworkPage = ArtworkPage;