// SameDay.jsx — same-day chocolate gifting (clean, light, FNP-style flow) const SD_BOX_DEFAULTS = [ { id: 'petite', name: 'Petite Bliss Box', count: '6 hand-rolled bites', price: 599, img: 'assets/truffles-board.jpg', tag: 'BESTSELLER' }, { id: 'queen', name: 'The Queen Box', count: '12 assorted \u00b7 velvet-lined', price: 1199, img: 'assets/box-assorted.jpg', tag: 'CLASSIC' }, { id: 'royal', name: 'Royal Almond Tray', count: '24 pieces \u00b7 gold seal', price: 1899, img: 'assets/duet-split.jpg', tag: 'PREMIUM' }, { id: 'duet', name: 'Cocoa Duet Bars', count: '3 loaded bars', price: 899, img: 'assets/bars-duo.jpg', tag: 'BARS' } ]; const SD_ADDON_DEFAULTS = [ { id: 'wrap', name: 'Velvet gift wrap', price: 99, desc: 'Burgundy silk, gold seal.' }, { id: 'monogram', name: 'Monogram on the lid', price: 199, desc: 'Foil-pressed initials.' }, { id: 'rose', name: 'Single rose, hand-tied', price: 149, desc: 'A real stem, in the box.' }, { id: 'card', name: 'Premium cotton card', price: 79, desc: 'Letter-pressed, deckle edge.' } ]; function sdMerge(defaults, cmsArr) { if (!Array.isArray(cmsArr) || cmsArr.length !== defaults.length) return defaults; return defaults.map((def, i) => { const ov = cmsArr[i] || {}; return { ...def, ...ov, price: ov.price !== undefined ? Number(ov.price) : def.price }; }); } const SD = { OCCASIONS: [ { key: 'thanks', label: 'Thank you', script: 'Couldn\u2019t have done it without you.' }, { key: 'congrats', label: 'Congratulations', script: 'Onward, upward, well-earned.' }, { key: 'birthday', label: 'Happy Birthday', script: 'Many, many more.' }, { key: 'welcome', label: 'Welcome', script: 'Glad to have you with us.' }, { key: 'sorry', label: 'Sorry', script: 'I owe you one.' }, { key: 'because', label: 'Just because', script: 'Thinking of you.' } ], get BOXES() { return sdMerge(SD_BOX_DEFAULTS, (window.BB_CONTENT || {}).sameDayBoxes); }, get ADDONS() { return sdMerge(SD_ADDON_DEFAULTS, (window.BB_CONTENT || {}).sameDayAddons); }, CITIES: ['Mumbai', 'Delhi NCR', 'Bengaluru', 'Hyderabad', 'Pune', 'Chennai', 'Kolkata', 'Ahmedabad', 'Jaipur'], SLOTS: [ { id: 'today-eve', when: 'Today', range: '5 PM \u2013 9 PM', fee: 0, tag: 'STANDARD', cutoffH: 16 }, { id: 'today-exp', when: 'Today', range: 'Within 3 hours', fee: 199, tag: 'EXPRESS', cutoffH: 18 }, { id: 'today-mid', when: 'Today', range: 'Midnight surprise', fee: 249, tag: 'MIDNIGHT', cutoffH: 22 }, { id: 'tom-am', when: 'Tomorrow', range: '8 AM \u2013 12 PM', fee: 0, tag: 'MORNING', cutoffH: 99 }, { id: 'tom-pm', when: 'Tomorrow', range: '4 PM \u2013 8 PM', fee: 0, tag: 'EVENING', cutoffH: 99 } ] }; // ---- pincode serviceability: same-day metros · next-day by air · not serviceable ---- const SD_SAME_DAY = { '400': 'Mumbai', '401': 'Mumbai', '410': 'Navi Mumbai', '110': 'Delhi NCR', '201': 'Noida & Ghaziabad', '122': 'Gurugram', '560': 'Bengaluru', '500': 'Hyderabad', '411': 'Pune', '600': 'Chennai', '700': 'Kolkata', '380': 'Ahmedabad', '302': 'Jaipur' }; // remote regions we don't deliver to yet (J&K, NE hills, islands) const SD_NO_SERVICE = ['190', '191', '192', '193', '194', '737', '738', '744', '796', '797', '798', '799']; function sdCheckPin(pin) { if (!/^\d{6}$/.test(pin)) return { status: 'invalid' }; const p3 = pin.slice(0, 3); if (SD_NO_SERVICE.includes(p3)) return { status: 'none' }; if (SD_SAME_DAY[p3]) return { status: 'same-day', city: SD_SAME_DAY[p3] }; return { status: 'next-day' }; } function SameDay() { const [occ, setOcc] = React.useState(SD.OCCASIONS[0]); const [note, setNote] = React.useState(''); const [hand, setHand] = React.useState(true); const [boxId, setBoxId] = React.useState('queen'); const [qty, setQty] = React.useState(1); const [addons, setAddons] = React.useState({ wrap: true, monogram: false, rose: false, card: false }); const [slotId, setSlotId] = React.useState('today-eve'); const [city, setCity] = React.useState(''); const [rName, setRName] = React.useState(''); const [rPhone, setRPhone] = React.useState(''); const [pincode, setPincode] = React.useState(''); const [pinResult, setPinResult] = React.useState(null); // null | { status, city? } const [addr, setAddr] = React.useState({ flat: '', street: '', area: '' }); const [geo, setGeo] = React.useState(null); // null | { state, lat?, lng? } const [done, setDone] = React.useState(false); const serviceable = !!pinResult && (pinResult.status === 'same-day' || pinResult.status === 'next-day'); const sameDayOk = !!pinResult && pinResult.status === 'same-day'; const canSend = serviceable && rName.trim() && addr.flat.trim(); const checkPin = (val) => { const r = sdCheckPin(val); setPinResult(r); if (r.status === 'same-day') setCity(r.city); }; const onPin = (e) => { const v = e.target.value.replace(/[^0-9]/g, '').slice(0, 6); setPincode(v); if (v.length === 6) checkPin(v); else setPinResult(null); }; const detect = () => { if (!navigator.geolocation) { setGeo({ state: 'unsupported' }); return; } setGeo({ state: 'locating' }); navigator.geolocation.getCurrentPosition( (pos) => setGeo({ state: 'ok', lat: pos.coords.latitude.toFixed(4), lng: pos.coords.longitude.toFixed(4) }), () => setGeo({ state: 'denied' }) ); }; const [now, setNow] = React.useState(new Date()); React.useEffect(() => { const t = setInterval(() => setNow(new Date()), 1000); return () => clearInterval(t); }, []); const pad = (n) => String(n).padStart(2, '0'); const currentHour = now.getHours() + now.getMinutes() / 60; // when serviceability changes, pre-select a sensible delivery window React.useEffect(() => { if (!pinResult) return; if (pinResult.status === 'same-day') { const firstToday = SD.SLOTS.find((s) => s.when === 'Today' && currentHour < s.cutoffH); setSlotId(firstToday ? firstToday.id : 'tom-am'); } else if (pinResult.status === 'next-day') { setSlotId('tom-am'); } }, [pinResult]); // eslint-disable-line const box = SD.BOXES.find((b) => b.id === boxId); const slot = SD.SLOTS.find((s) => s.id === slotId); const addonTotal = SD.ADDONS.filter((a) => addons[a.id]).reduce((s, a) => s + a.price, 0); const itemTotal = box.price * qty; const total = itemTotal + addonTotal + slot.fee; const message = note || occ.script; const cutoff = new Date(now); cutoff.setHours(16, 0, 0, 0); const inWindow = now < cutoff; const diffMs = Math.max(0, cutoff - now); const hh = Math.floor(diffMs / 3600000), mm = Math.floor((diffMs % 3600000) / 60000), ss = Math.floor((diffMs % 60000) / 1000); const [sending, setSending] = React.useState(false); const [sendErr, setSendErr] = React.useState(''); const send = async () => { setSending(true); setSendErr(''); try { const payload = { box: box.name, qty, addons, note: message, occasion: occ.label, noteStyle: hand ? 'handwritten' : 'printed', recipient: { name: rName, phone: rPhone }, pincode, address: addr, city, slot: { when: slot.when, range: slot.range, tag: slot.tag }, total, }; const res = await fetch('http://localhost:3001/api/order', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload), }); if (!res.ok) throw new Error('Server error'); setDone(true); setTimeout(() => setDone(false), 5000); } catch { setSendErr('Could not place order — please WhatsApp us directly.'); } finally { setSending(false); } }; return (
{/* heading */}
★ SAME-DAY GIFTING

Don't send flowers.
Send something they'll remember.

A velvet-lined box of dryfruit-loaded chocolates, ribbon-tied, on their desk before tea — with a handwritten note in your words.

HAND-DELIVERED· RIBBON-TIED· UNDER 4 HOURS
{/* LEFT — build the gift */}
{/* boxes */}
{SD.BOXES.map((b) => { const active = b.id === boxId; return ( ); })}
QUANTITY
{qty}
{/* note */}
{SD.OCCASIONS.map((o) => { const active = o.key === occ.key; return ( ); })}