/* eslint-disable no-undef */ // Shared components for NoorKara function GemSvg({ color = '#6B1F2A', accent = '#E55A6E', cut = 'round', size = 220 }) { // Use defs/gradient for inner shimmer const id = React.useMemo(() => 'g' + Math.random().toString(36).slice(2, 9), []); const w = 200, h = 200, cx = 100, cy = 100; let outline, facets; if (cut === 'round') { outline = `M ${cx} 25 L 165 70 L 145 165 L 55 165 L 35 70 Z`; facets = [ `M ${cx} 25 L 100 80 L 165 70 Z`, `M ${cx} 25 L 100 80 L 35 70 Z`, `M 165 70 L 100 80 L 145 165 Z`, `M 35 70 L 100 80 L 55 165 Z`, `M 145 165 L 100 80 L 55 165 Z`, ]; } else if (cut === 'oval') { outline = `M ${cx} 20 L 160 60 L 170 100 L 160 140 L ${cx} 180 L 40 140 L 30 100 L 40 60 Z`; facets = [ `M ${cx} 20 L 100 100 L 160 60 Z`, `M ${cx} 20 L 100 100 L 40 60 Z`, `M 170 100 L 100 100 L 160 140 Z`, `M 30 100 L 100 100 L 40 140 Z`, `M ${cx} 180 L 100 100 L 160 140 Z`, `M ${cx} 180 L 100 100 L 40 140 Z`, `M 160 60 L 100 100 L 170 100 Z`, `M 40 60 L 100 100 L 30 100 Z`, ]; } else if (cut === 'cushion') { outline = `M 50 30 Q 30 30 30 50 L 30 150 Q 30 170 50 170 L 150 170 Q 170 170 170 150 L 170 50 Q 170 30 150 30 Z`; facets = [ `M 50 30 L 100 90 L 150 30 Z`, `M 30 50 L 100 90 L 50 30 Z`, `M 170 50 L 100 90 L 150 30 Z`, `M 30 150 L 100 90 L 30 50 Z`, `M 170 150 L 100 90 L 170 50 Z`, `M 50 170 L 100 90 L 30 150 Z`, `M 150 170 L 100 90 L 170 150 Z`, `M 50 170 L 100 90 L 150 170 Z`, ]; } else if (cut === 'pear') { outline = `M ${cx} 20 Q 60 50 50 100 Q 50 170 ${cx} 180 Q 150 170 150 100 Q 140 50 ${cx} 20 Z`; facets = [ `M ${cx} 20 L 100 110 L 50 100 Z`, `M ${cx} 20 L 100 110 L 150 100 Z`, `M 50 100 L 100 110 L 100 180 Z`, `M 150 100 L 100 110 L 100 180 Z`, ]; } else if (cut === 'emerald') { outline = `M 60 30 L 140 30 L 170 60 L 170 140 L 140 170 L 60 170 L 30 140 L 30 60 Z`; facets = [ `M 60 30 L 80 60 L 140 30 Z`, `M 140 30 L 80 60 L 120 60 Z`, `M 140 30 L 170 60 L 120 60 Z`, `M 60 30 L 30 60 L 80 60 Z`, `M 30 60 L 80 60 L 80 140 L 30 140 Z`, `M 170 60 L 120 60 L 120 140 L 170 140 Z`, `M 80 140 L 60 170 L 140 170 L 120 140 Z`, `M 30 140 L 60 170 L 80 140 Z`, `M 170 140 L 140 170 L 120 140 Z`, `M 80 60 L 120 60 L 120 140 L 80 140 Z`, ]; } else { // marquise outline = `M 100 20 Q 170 100 100 180 Q 30 100 100 20 Z`; facets = [ `M 100 20 L 100 100 L 150 70 Z`, `M 100 20 L 100 100 L 50 70 Z`, `M 100 180 L 100 100 L 150 130 Z`, `M 100 180 L 100 100 L 50 130 Z`, ]; } return ( ); } // Pick a cut by gem id for stable variety function cutFor(id) { const map = { ruby: 'oval', emerald: 'emerald', 'blue-sapphire': 'cushion', 'yellow-sapphire': 'cushion', pearl: 'round', coral: 'oval', hessonite: 'cushion', 'cats-eye': 'oval', amethyst: 'pear', topaz: 'pear', citrine: 'cushion', garnet: 'round', turquoise: 'oval', opal: 'pear', diamond: 'round', aquamarine: 'emerald', }; return map[id] || 'round'; } function Logo({ size = 28 }) { return ( NoorKara नूरकारा ); } function Nav({ active = 'home' }) { const [open, setOpen] = React.useState(false); React.useEffect(() => { document.body.style.overflow = open ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [open]); React.useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === 'Escape') setOpen(false); }; document.addEventListener('keydown', onKey); return () => document.removeEventListener('keydown', onKey); }, [open]); const links = [ { href: '/', label: 'Home', key: 'home' }, { href: 'shop', label: 'Shop', key: 'shop' }, { href: 'navaratna', label: 'Navaratna', key: 'navaratna' }, { href: 'guide', label: 'Guide', key: 'guide' }, { href: 'story', label: 'Our Story', key: 'story' }, { href: 'journal', label: 'Journal', key: 'journal' }, { href: 'contact', label: 'Contact', key: 'contact' }, ]; return ( <> Skip to content

); } function Footer() { return ( ); } function Marquee({ items }) { const list = [...items, ...items]; return (

{list.map((it, i) => ( {it.en} {it.hi} ))}

); } function GemPhoto({ gem, sizeAttr = '70%', className }) { const [errored, setErrored] = React.useState(false); if (errored) { return (

); } return ( {`${gem.name}

setErrored(true)} className={className || 'gem-photo'} style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} /> ); } function GemCard({ gem, onWishlist, wished, onOpen }) { return (

onOpen?.(gem)}>

{gem.kind === 'precious' ? 'Precious' : 'Semi-precious'}

{gem.name} {gem.sanskrit}

{gem.carat} {gem.clarity} {gem.origin}

{gem.tag} · {gem.price}

); } function useWishlist() { const [w, setW] = React.useState(() => { try { return JSON.parse(localStorage.getItem('nk_wish') || '[]'); } catch { return []; } }); React.useEffect(() => { localStorage.setItem('nk_wish', JSON.stringify(w)); }, [w]); const toggle = (id) => setW((arr) => arr.includes(id) ? arr.filter(x => x !== id) : [...arr, id]); return [w, toggle]; } function Toast({ msg, onDone }) { React.useEffect(() => { if (!msg) return; const t = setTimeout(onDone, 2200); return () => clearTimeout(t); }, [msg, onDone]); if (!msg) return null; return

{msg}

; } // Persistent floating WhatsApp button — appears on every page on mobile, // reaches Poonam directly with optional pre-filled context. function FloatingWhatsApp({ context = 'general' }) { const messages = { general: "Hello Poonam, I'd like to know more about NoorKara gemstones.", shop: "Hello Poonam, I'm browsing the NoorKara collection — could you help me pick?", product: "Hello Poonam, I'd like to inquire about a gemstone I saw on NoorKara.", navaratna: "Hello Poonam, I'd like guidance on choosing my Navaratna gemstone.", guide: "Hello Poonam, I have a question about gemstone certification and grading.", story: "Hello Poonam, I read your story on NoorKara and would love to talk gems.", journal: "Hello Poonam, I'm enjoying the NoorKara journal — could we talk?", contact: "Hello Poonam, I'd like to get in touch about NoorKara.", wishlist: "Hello Poonam, I've added some pieces to my wishlist on NoorKara — could we discuss?", }; const msg = messages[context] || messages.general; const href = `https://wa.me/919818127988?text=${encodeURIComponent(msg)}`; return ( Chat ); } // expose to window Object.assign(window, { GemSvg, GemPhoto, cutFor, Logo, Nav, Footer, Marquee, GemCard, useWishlist, Toast, FloatingWhatsApp });