/* global React */ /* ============================================================ Hand-drawn line-art illustrations for Roman & Yana All use currentColor so they tint with the surrounding palette ============================================================ */ /* ---- big floral sprig — for hero corners ---- */ const FloralSprig = ({ className, style }) => ( {/* main bending stem */} {/* secondary stems */} {/* leaves — almond shapes ----- */} {[ [56, 305, -38, 1], [70, 270, -45, 1.1], [80, 232, -50, 1.05], [60, 195, -110, 0.9], [40, 182, -130, 0.85], [98, 200, -30, 0.95], [88, 165, -55, 1.05], [115, 165, 30, 0.9], [138, 156, 45, 0.95], [105, 130, -120, 0.9], [82, 115, -150, 0.85], [60, 102, -160, 0.8], [128, 100, 50, 0.9], [148, 76, 35, 1], [170, 80, 55, 0.9], [185, 78, 70, 0.85], [155, 40, -10, 0.9], [148, 22, -20, 0.85], ].map(([x, y, r, s], i) => ( ))} {/* small flower buds */} {[[148, 60], [98, 138], [60, 215]].map(([x, y], i) => ( ))} {/* tiny berries */} {[[40, 178], [188, 80], [108, 200]].map(([x, y], i) => ( ))} ); /* ---- small bouquet — for invitation strip ends ---- */ const BouquetSprig = ({ className, style }) => ( {/* leaves */} {[[40, 130, -50, 1], [30, 116, -90, .9], [98, 138, 60, .95], [115, 142, 80, .85], [42, 92, -70, .9], [98, 70, 60, .9], [60, 50, -30, 1], [78, 40, 30, .95]].map(([x, y, r, s], i) => ( ))} {/* central flower */} {/* secondary buds */} {[[112, 60], [30, 90]].map(([x, y], i) => ( ))} ); /* ---- olive branch — long, horizontal ---- */ const OliveBranch = ({ className, style }) => ( {[[40, 50, -60], [70, 40, -70], [100, 36, -75], [130, 34, -80], [160, 34, -85], [195, 36, -88], [230, 40, 80], [260, 44, 75], [290, 50, 70], [50, 60, 70], [85, 56, 75], [120, 54, 80], [155, 52, 85], [195, 54, 92], [225, 60, 98], [275, 66, 102]].map(([x, y, r], i) => ( ))} {/* olives */} {[[160, 36], [200, 42], [232, 48]].map(([x, y], i) => ( ))} ); /* ---- candle with bow — for schedule icons ---- */ const CandleIcon = ({ size = 60 }) => ( {/* flame */} {/* wick */} {/* candle */} {/* base */} {/* bow */} ); /* ---- church / cathedral ---- */ const ChurchIcon = ({ size = 60 }) => ( {/* cross */} {/* central dome */} {/* side spires */} {/* arched door */} {/* window */} ); /* ---- champagne flutes clinking ---- */ const FlutesIcon = ({ size = 60 }) => ( {/* bubbles */} {/* left flute — coupe shape */} {/* right flute — taller narrow */} {/* clink sparkle */} ); /* ---- rings ---- */ const RingsIcon = ({ size = 60 }) => ( {/* sparkle on top of left ring */} ); /* ---- calendar / save the date ---- */ const CalendarIcon = ({ size = 60 }) => ( {/* date dots — 5 of 9 */} {[[20, 34], [30, 34], [40, 34], [50, 34], [20, 42], [30, 42], [40, 42], [50, 42], [20, 50], [30, 50]].map(([x, y], i) => ( ))} {/* day-of circle */} ); /* ---- dress / dress code ---- */ const DressIcon = ({ size = 56 }) => ( ); /* ---- small inline icons ---- */ const InlineIcon = { pin: () => ( ), arrow: () => ( ), check: () => ( ), x: () => ( ), music: () => ( ), insta: () => ( ), telegram: () => ( ), }; /* ---- squiggle path connector — connects two photos ---- */ const Squiggle = ({ className, style }) => ( ); /* ---- tiny line-heart ---- */ const HeartLine = ({ size = 18 }) => ( ); /* ---- ornamental short divider ---- */ const OrnamentDivider = ({ width = 220, color }) => ( {/* center diamond */} {/* tiny leaves on each end */} ); /* ---- ribbon flourish ---- */ const RibbonFlourish = ({ className, style }) => ( ); /* ---- big bouquet for donation section ---- */ const BigBouquet = ({ className, style }) => ( {/* stems gathered at bottom */} {/* binding */} {/* large center flower */} {/* secondary flowers */} {/* buds */} {[[40, 270], [240, 268], [110, 90], [180, 90], [80, 180], [200, 170]].map(([x, y], i) => ( ))} {/* leaves */} {[[90, 200, -50], [70, 230, -65], [110, 260, -80], [190, 200, 50], [210, 230, 65], [170, 260, 80], [140, 220, 0], [125, 180, -10], [155, 180, 10], [100, 150, -45], [180, 150, 45], [80, 110, -55], [200, 110, 55], [125, 130, -20], [155, 130, 20]].map(([x, y, r], i) => ( ))} ); /* ---- tall vase with mixed flowers ---- */ const VaseBouquet = ({ className, style }) => ( {[0, 36, 72, 108, 144, 180, 216, 252, 288, 324].map((a, i) => ( ))} {[0, 45, 90, 135, 180, 225, 270, 315].map((a, i) => ( ))} {[[160, 290, -50, 1], [200, 290, 50, 1], [148, 200, -70, .85], [220, 200, 60, .85], [130, 260, -85, .8], [240, 260, 80, .8], [200, 130, 40, .9]].map(([x, y, r, s], i) => ( ))} ); /* ---- hanging disco ball with sparkle ---- */ const DiscoBall = ({ className, style }) => ( ); /* ---- three candles with bows ---- */ const CandleTrio = ({ className, style }) => ( ); /* ---- wine bottle + glass on table ---- */ const WineAndGlass = ({ className, style }) => ( ); /* ---- hand holding a champagne coupe ---- */ const HandCoupe = ({ className, style }) => ( ); /* ---- champagne bottle popping ---- */ const ChampagnePop = ({ className, style }) => ( {[[120, 130], [134, 122], [148, 118], [164, 102], [156, 76]].map(([x, y], i) => ( ))} ); /* ---- small 4-point sparkle filler ---- */ const Sparkle = ({ size = 28, className, style }) => ( ); /* ---- wedding rings (sketchy, decorative) ---- */ const SketchRings = ({ className, style }) => ( ); /* ---- banquet table scene ---- */ const TableScene = ({ className, style }) => ( {[ { x: 130, top: 40, h: 290 }, { x: 196, top: 70, h: 260 }, { x: 560, top: 60, h: 270 }, { x: 626, top: 30, h: 300 }, ].map((c, i) => { const bowY = c.top + c.h * 0.55; return ( ); })} {[0, 60, 120, 180, 240, 300].map((a, i) => ( ))} {[[-50, 196], [50, 196], [-20, 120], [20, 120], [-10, 180], [10, 180]].map(([x, y], i) => ( ))} {[[-12, 180, -45], [12, 180, 45], [-26, 90, -55], [26, 90, 55], [-4, 200, -10], [4, 200, 10], [-22, 60, -70], [22, 60, 70]].map(([x, y, r], i) => ( ))} ); /* ---- dancing wedding figures ---- */ const DancingFigures = ({ className, style }) => { const Tux = ({ x, arm = 'down' }) => ( {arm === 'up' && ( )} ); const Lady = ({ x, arm = 'down' }) => ( {arm === 'up' ? ( ) : ( <> )} {arm === 'side' ? ( <> ) : ( <> )} ); return ( ); }; /* Make available to other Babel scripts */ Object.assign(window, { FloralSprig, BouquetSprig, OliveBranch, CandleIcon, ChurchIcon, FlutesIcon, RingsIcon, CalendarIcon, DressIcon, InlineIcon, Squiggle, HeartLine, OrnamentDivider, RibbonFlourish, BigBouquet, VaseBouquet, DiscoBall, CandleTrio, WineAndGlass, HandCoupe, ChampagnePop, Sparkle, SketchRings, DancingFigures, TableScene, });