/* Reusable SVG motifs distilled from the BSH logo. Geometric/abstract — silhouettes that echo the world. */ const Mountains = ({ className = "", color = "currentColor", snow = "rgba(255,255,255,0.9)" }) => ( ); const Wave = ({ className = "", color = "currentColor" }) => ( ); const CurlWave = ({ className = "", color = "currentColor", foam = "#F4EFE6" }) => ( // Big curling wave like the logo's — nautilus spiral with foam crest {/* outer wave body */} {/* foam crest layers */} {/* inner curl barrel */} {/* spray dots */} ); const Zeppelin = ({ className = "", color = "currentColor", accent = "rgba(255,255,255,0.25)" }) => ( {/* main envelope */} {/* highlight band */} {/* nose detail */} {/* tail fins */} {/* gondola */} {/* gondola windows */} ); const Sun = ({ className = "", color = "currentColor" }) => ( ); const Pines = ({ className = "", color = "currentColor" }) => ( {[20, 70, 130, 195, 260, 320, 385, 450, 510, 565].map((x, i) => { const h = 60 + ((i * 17) % 30); const w = 22; return ( ); })} ); const Compass = ({ className = "", color = "currentColor" }) => ( {[0, 45, 90, 135, 180, 225, 270, 315].map(a => { const rad = (a * Math.PI) / 180; const x1 = 50 + Math.cos(rad) * 40; const y1 = 50 + Math.sin(rad) * 40; const x2 = 50 + Math.cos(rad) * 47; const y2 = 50 + Math.sin(rad) * 47; return ; })} ); const Cloud = ({ className = "", color = "currentColor", opacity = 1 }) => ( ); const Surfboard = ({ className = "", color = "currentColor", stripe = "#F4EFE6" }) => ( // a longboard, side-on, with a center stripe and fin ); const Surfer = ({ className = "", color = "currentColor", board = "#F4EFE6" }) => ( // stylized surfer + board, in profile, riding {/* board */} {/* surfer body — crouched */} {/* head */} {/* arms outstretched */} {/* trailing legs/back */} ); const StarBurst = ({ className = "", color = "currentColor" }) => ( ); Object.assign(window, { Mountains, Wave, CurlWave, Zeppelin, Sun, Pines, Compass, Cloud, Surfer, Surfboard, StarBurst });