/* Sentosa Marketplace - Buyer Portal: MICE & Events S/No. 142 AI-assisted venue discovery and search (natural language, conversational filtering) S/No. 144a Native enquiry management (fallback where Salesforce CRM is not activated) Reply No. 4 Q27: Phase 1 purpose is enquiry generation, NOT real-time transactional booking. No live availability calendar. Live confirmation handled by the SDC MICE team. */ const MICE_SUGGESTIONS = [ "Beachfront gala dinner for 800 guests in December", "Conference for 500 delegates with 6 breakout rooms", "Outdoor product launch with staging for 1,200", ]; function MiceScreen({ onOpenVenue, onEnquiries }) { const [q, setQ] = React.useState(""); const [submitted, setSubmitted] = React.useState(""); const [thinking, setThinking] = React.useState(false); const [filters, setFilters] = React.useState([]); const run = (text) => { setQ(text); setThinking(true); setSubmitted(""); setTimeout(() => { setThinking(false); setSubmitted(text); setFilters(deriveFilters(text)); }, 700); }; function deriveFilters(text) { const t = text.toLowerCase(); const out = []; const capMatch = t.match(/(\d{2,5})\s*(guests|delegates|pax|people)?/); if (capMatch) out.push({ k: "Capacity", v: `${capMatch[1]}+ pax` }); if (/beach|waterfront|outdoor|lawn|open/.test(t)) out.push({ k: "Setting", v: "Outdoor / waterfront" }); if (/indoor|conference|breakout|ballroom/.test(t)) out.push({ k: "Setting", v: "Indoor" }); if (/gala|dinner|banquet/.test(t)) out.push({ k: "Format", v: "Gala dinner" }); if (/conference|summit|breakout/.test(t)) out.push({ k: "Format", v: "Conference" }); if (/launch|staging|stage/.test(t)) out.push({ k: "Format", v: "Product launch" }); if (/dec|december/.test(t)) out.push({ k: "Period", v: "December 2026" }); return out; } const cap = (() => { const m = submitted.match(/(\d{2,5})/); return m ? parseInt(m[1], 10) : 0; })(); const list = submitted ? window.VENUES.filter(v => v.cap >= cap * 0.7).sort((a, b) => Math.abs(a.cap - cap) - Math.abs(b.cap - cap)) : window.VENUES; return (
{/* Hero + AI search */}
MICE & Events · Phase 1

Find a Sentosa venue for your event

Describe the event in your own words. AI-assisted discovery interprets the brief, filters the island's venues, and captures your enquiry for the SDC MICE team.

setQ(e.target.value)} onKeyDown={e => e.key === "Enter" && q.trim() && run(q)} placeholder="e.g. beachfront gala dinner for 800 guests in December" aria-label="Describe your event" style={{ width: "100%", boxSizing: "border-box", height: 52, padding: "0 14px 0 44px", borderRadius: "var(--radius-md)", border: "1.5px solid #3a3a3a", background: "#262626", color: "#fff", fontSize: 15, fontFamily: "var(--font-sans)", outline: "none" }} />
q.trim() && run(q)} icon="search">Search
Try: {MICE_SUGGESTIONS.map(s => ( ))}
{/* Conversational filter read-back */} {thinking && ( Interpreting your brief… )} {!thinking && submitted && (
Read as: {submitted}
{filters.map((f, i) => ( {f.k}: {f.v} ))} {filters.length === 0 && No structured filters detected - showing all venues.}
Availability is confirmed by the SDC MICE team after enquiry - indicative pricing shown.
)}
{list.length} venues
My enquiries
{list.map(v => ( onOpenVenue(v)} style={{ overflow: "hidden", display: "flex", flexDirection: "column" }}> {v.cap.toLocaleString()} pax
{v.name}
{v.partner} · {v.layout}
{v.tags.map(t => {t})}
S${v.rate.toLocaleString()}
indicative / {v.unit}
onOpenVenue(v)}>Enquire
))}
); } function VenueScreen({ v, onBack, onEnquire }) { const bars = [["Theatre", 100], ["Banquet", 68], ["Cocktail", 88], ["Classroom", 44], ["U-shape", 22]]; return (
{[0, 1, 2, 3].map(i => ( ))}
{/* Floor plan */}

Floor plan

Main floor Breakout A Breakout B Foyer / F&B Load-in / staging access
{/* Capacity chart */}

Capacity by layout

{bars.map(([label, pct]) => (
{label}
{Math.round(v.cap * pct / 100).toLocaleString()}
))}
{/* Catering + AV */}

Catering & technical

{[["utensils-crossed", "Catering options", "In-house and approved external caterers. Halal-certified and vegetarian menus available."], ["speaker", "AV & technical", v.av], ["clock", "Lead time", `${v.lead} minimum notice`], ["accessibility", "Accessibility", "Step-free access, accessible washrooms, reserved seating zones."]].map(([ic, h, b]) => (
{b}
))}
{/* Enquiry panel */}
{v.partner}

{v.name}

{v.tags.map(t => {t})}
S${v.rate.toLocaleString()}
indicative rate per {v.unit} · excludes GST
CapacityUp to {v.cap.toLocaleString()} pax Layout{v.layout} Lead time{v.lead}
onEnquire(v)}>Submit enquiry
The SDC MICE team confirms availability and reverts with a formal offer.
); } function EnquiryFormScreen({ v, onBack, onSubmitted }) { const [f, setF] = React.useState({ event: "", pax: "", date: "", format: "Conference", budget: "", notes: "", name: "Priya Raman", role: "Head of Group Travel", email: "priya@wanderlust.com", phone: "+65 8123 4567", company: "Wanderlust Travel Pte Ltd" }); const set = (k) => (e) => setF(p => ({ ...p, [k]: e.target.value })); const ok = f.event.trim() && f.pax.trim() && f.date.trim(); return (

Submit an enquiry

For {v.name}. Your contact details and event requirements are captured here and routed to the SDC MICE team - managed natively in the platform.

Event requirements
Your contact details
{v.name}
{v.partner}
Submitting an enquiry does not reserve the venue. The SDC MICE team confirms availability and reverts with a formal offer.
ok && onSubmitted(f)}>Submit enquiry Cancel
); } function EnquirySubmittedScreen({ v, form, onEnquiries, onBack }) { return (

Enquiry submitted

Reference ENQ-10462 - routed to the SDC MICE team.

Enquiry summaryNew
{[["Venue", v.name], ["Event", form.event], ["Attendance", `${form.pax} pax`], ["Preferred dates", form.date], ["Format", form.format], ["Contact", `${form.name} · ${form.email}`]].map(([k, val]) => (
{k}{val}
))}
Enquiry data is retained and managed within the B2B platform. Where SDC activates the optional Salesforce CRM integration, the same enquiry is pushed as a lead.
Track my enquiries Back to venues
); } function EnquiriesScreen({ onBack, extra }) { const rows = (extra ? [extra] : []).concat(window.ENQUIRIES); const tone = { "Quote received": "success", "In discussion": "info", Confirmed: "success", New: "warning" }; return (

My enquiries

Every enquiry raised by your organisation, with its current status from the SDC MICE team.

{["Reference", "Venue", "Event", "Pax", "Dates", "Status", "Updated"].map((h, i) => ( ))} {rows.map(e => ( ))}
{h}
{e.ref} {e.venue} {e.event} {e.pax} {e.date} {e.status} {e.updated}
); } Object.assign(window, { MiceScreen, VenueScreen, EnquiryFormScreen, EnquirySubmittedScreen, EnquiriesScreen });