/* Indian art SVG components — mandala, marigold, paisley, peacock, toran, doors, ganesh icon */ const { useMemo } = React; /* MANDALA — radial decorative pattern */ function Mandala({ size = 200, color = "#c2185b", accent = "#ef8c1a", strokeW = 1.5, rings = 4 }) { const cx = size / 2, cy = size / 2; const petalGroups = [ { count: 8, r1: 18, r2: 36, fill: accent }, { count: 12, r1: 40, r2: 70, fill: color }, { count: 16, r1: 76, r2: 100, fill: accent }, { count: 24, r1: 104, r2: 124, fill: color }, ]; return ( {/* center */} {petalGroups.slice(0, rings).map((g, gi) => ( {Array.from({ length: g.count }).map((_, i) => { const a = (i / g.count) * Math.PI * 2; const x1 = cx + Math.cos(a) * g.r1; const y1 = cy + Math.sin(a) * g.r1; const x2 = cx + Math.cos(a) * g.r2; const y2 = cy + Math.sin(a) * g.r2; const mx = (x1 + x2) / 2 + Math.cos(a + Math.PI / 2) * 6; const my = (y1 + y2) / 2 + Math.sin(a + Math.PI / 2) * 6; const mx2 = (x1 + x2) / 2 - Math.cos(a + Math.PI / 2) * 6; const my2 = (y1 + y2) / 2 - Math.sin(a + Math.PI / 2) * 6; return ( ); })} {/* concentric ring */} ))} {/* outer ring */} ); } /* MARIGOLD FLOWER */ function Marigold({ size = 60, color = "#ef8c1a", center = "#d96e09" }) { const cx = size / 2, cy = size / 2; const petals = 14; return ( {Array.from({ length: petals }).map((_, i) => { const a = (i / petals) * Math.PI * 2; const x = cx + Math.cos(a) * (size * 0.32); const y = cy + Math.sin(a) * (size * 0.32); return ; })} {Array.from({ length: petals }).map((_, i) => { const a = ((i + 0.5) / petals) * Math.PI * 2; const x = cx + Math.cos(a) * (size * 0.22); const y = cy + Math.sin(a) * (size * 0.22); return ; })} ); } /* PAISLEY (Mango / Boota) */ function Paisley({ size = 80, color = "#c2185b", accent = "#ef8c1a" }) { return ( ); } /* PEACOCK FEATHER */ function PeacockFeather({ size = 80, tint = "#06727d" }) { return ( {/* barbs */} {Array.from({ length: 8 }).map((_, i) => { const t = i / 7; const x = 40 + Math.sin(t * 6) * (28 - t * 16); return null; })} ); } /* TORAN — door garland of leaves + marigolds */ function Toran({ width = 800 }) { const items = 18; return ( {Array.from({ length: items }).map((_, i) => { const t = i / (items - 1); const x = t * width; const y = 8 + 40 * Math.sin(t * Math.PI); const isFlower = i % 3 === 0; return ( {isFlower ? ( {Array.from({ length: 8 }).map((_, j) => { const a = (j / 8) * Math.PI * 2; return ; })} ) : ( )} ); })} ); } /* DOOR carved pattern (decorative for the welcome doors) */ function DoorPattern({ side = "left" }) { return ( {/* arch */} {/* center medallion */} {Array.from({ length: 12 }).map((_, i) => { const a = (i / 12) * Math.PI * 2; return ; })} ); } /* DIYA (oil lamp) */ function Diya({ size = 40 }) { return ( {/* flame */} ); } /* GANESH / OM placeholder icon for events */ function EventIcon({ name, color = "#c2185b" }) { const M = { haldi: ( ), mehendi: ( ), sangeet: ( ), wedding: ( ), reception: ( ), baraat: ( ), }; return ( {M[name] || M.wedding} ); } /* TRAVEL ICONS */ function TravelIcon({ kind }) { const stroke = "#9d0d4a"; if (kind === "plane") return ; if (kind === "train") return ; if (kind === "car") return ; if (kind === "hotel") return ; return null; } /* CHARACTERS (used in maze) — hand-drawn paper-cutout style, matching the reference card */ /* "ME" — stick figure holding a sparkling heart */ function MeChar({ size = 60 }) { const ink = "#1a0e2e"; return ( {/* head — slightly wobbly circle (hand drawn feel) */} {/* eyes */} {/* smile */} {/* cheek hint */} {/* body — body outline with arms */} {/* left arm reaching down */} {/* right arm reaching to heart */} {/* torso */} {/* sparkle rays around heart */} {/* heart */} {/* tiny highlight on heart */} ); } /* "YOU" — stick figure wearing a striped party hat */ function YouChar({ size = 60 }) { const ink = "#1a0e2e"; return ( {/* party hat */} {/* stripes */} {/* pompom */} {/* head — slightly wobbly */} {/* eyes */} {/* tiny shy smile */} {/* arms — one down at side, one slightly out */} {/* torso */} ); } /* MAP SVG — stylized city map background */ function MapArt() { return ( {/* river */} {/* main roads */} {/* park */} CITY PARK {/* temple */} TEMPLE {/* station */} RAILWAY STN {/* airport */} AIRPORT {/* street labels */} MG ROAD CIVIL LINES ); } /* =================================================================== TRADITIONAL ART OF INDIA — folk motifs from different states Each is a flat hand-drawn SVG, single-color palette, meant to be tinted via props. =================================================================== */ /* MADHUBANI (Bihar) — decorative fish with eye-petal patterns */ function MadhubaniFish({ size = 120, color = "#9d0d4a", accent = "#ef8c1a" }) { return ( {/* body */} {/* scales rows */} {[40, 60, 80].map((y, i) => ( {Array.from({ length: 8 }).map((_, j) => ( ))} ))} {/* eye */} {/* lashes */} {Array.from({ length: 6 }).map((_, i) => { const a = (i / 6) * Math.PI - Math.PI / 2; return ; })} {/* tail decoration */} {/* fins */} {/* accent dots */} ); } /* WARLI (Maharashtra) — circle of dancing stick figures */ function WarliDance({ size = 140, color = "#6b3a0a" }) { const cx = 100, cy = 100; const N = 8; const r = 60; return ( {/* center drum */} {/* dancers */} {Array.from({ length: N }).map((_, i) => { const a = (i / N) * Math.PI * 2 - Math.PI / 2; const x = cx + Math.cos(a) * r; const y = cy + Math.sin(a) * r; const nextA = ((i + 1) / N) * Math.PI * 2 - Math.PI / 2; const nx = cx + Math.cos(nextA) * r; const ny = cy + Math.sin(nextA) * r; return ( {/* two triangles for body */} {/* head */} {/* legs */} {/* arms joining next dancer */} ); })} {/* outer dots */} {Array.from({ length: 24 }).map((_, i) => { const a = (i / 24) * Math.PI * 2; return ; })} ); } /* KALAMKARI (Andhra/Telangana) — flowing flowering vine */ function KalamkariVine({ size = 160, color = "#06727d", accent = "#9d0d4a" }) { return ( {/* leaves */} {[ { x: 40, y: 118, r: 14, rot: -30 }, { x: 100, y: 80, r: 18, rot: 20 }, { x: 160, y: 42, r: 14, rot: 50 }, { x: 70, y: 110, r: 10, rot: -60 }, { x: 140, y: 60, r: 11, rot: 70 }, ].map((l, i) => ( ))} {/* flowers */} {[{ x: 60, y: 130 }, { x: 130, y: 65 }, { x: 180, y: 25 }].map((f, i) => ( {Array.from({ length: 6 }).map((_, j) => { const a = (j / 6) * Math.PI * 2; return ; })} ))} ); } /* GOND (Madhya Pradesh) — dotted decorative peacock */ function GondPeacock({ size = 140, color = "#4a7c3a", accent = "#ef8c1a" }) { return ( {/* body */} {/* neck */} {/* head */} {/* crown feathers */} {[-1, 0, 1].map((d, i) => ( ))} {[-1, 0, 1].map((d, i) => ( ))} {/* beak */} {/* eye */} {/* feathers tail */} {Array.from({ length: 7 }).map((_, i) => { const a = (-Math.PI / 1.8) + (i / 6) * (Math.PI / 1.2); const tx = 80 + Math.cos(a) * 90; const ty = 120 + Math.sin(a) * 90; return ( ); })} {/* signature gond dots all over body */} {Array.from({ length: 26 }).map((_, i) => { const a = (i / 26) * Math.PI * 2; return ; })} {/* legs */} ); } /* PHAD / RAJASTHANI — flat folk lotus medallion */ function PhadLotus({ size = 130, color = "#d7263d", accent = "#ef8c1a" }) { return ( {Array.from({ length: 8 }).map((_, i) => { const a = (i / 8) * Math.PI * 2; const x = 100 + Math.cos(a) * 50; const y = 100 + Math.sin(a) * 50; return ( ); })} ); } /* PATTACHITRA (Odisha) — tree-of-life decorative branch */ function PattachitraTree({ size = 140, color = "#9d0d4a", accent = "#ef8c1a", leaf = "#4a7c3a" }) { return ( {/* trunk */} {/* branches */} {/* leaves and blossoms */} {[ { x: 28, y: 110, c: leaf }, { x: 130, y: 90, c: leaf }, { x: 38, y: 60, c: accent }, { x: 126, y: 42, c: accent }, { x: 80, y: 26, c: color }, ].map((p, i) => ( ))} {/* small leaves */} {[[60, 100], [104, 78], [58, 70], [106, 56]].map(([x, y], i) => ( ))} {/* roots / base */} ); } /* KERALA mural — elephant silhouette with bells (very stylized) */ function KeralaElephant({ size = 150, color = "#06727d", accent = "#ef8c1a" }) { return ( {/* body */} {/* head */} {/* ear */} {/* trunk */} {/* tusk */} {/* eye */} {/* legs */} {[60, 100, 130, 170].map((x, i) => ( ))} {/* caparison band on back */} {/* bells */} {[55, 80, 105, 130, 155].map((x, i) => ( ))} ); } /* Pick a state-art component by key (used in event cards + section gallery) */ function StateArt({ kind, size, color, accent }) { const map = { madhubani: , warli: , kalamkari: , gond: , phad: , pattachitra: , kerala: , }; return map[kind] || null; } Object.assign(window, { Mandala, Marigold, Paisley, PeacockFeather, Toran, DoorPattern, Diya, EventIcon, TravelIcon, MeChar, YouChar, MapArt, MadhubaniFish, WarliDance, KalamkariVine, GondPeacock, PhadLotus, PattachitraTree, KeralaElephant, StateArt });