// CONTACT — Majlis booking + enquiry form + details function ContactPage({ initialTab, productId }) { const { navigate } = useRouter(); const [tab, setTab] = useState(initialTab || 'majlis'); const [form, setForm] = useState({ name: '', email: '', phone: '', date: '', time: '', visitors: '2', interest: '', notes: '' }); const [submitted, setSubmitted] = useState(false); const update = (k, v) => setForm((f) => ({ ...f, [k]: v })); const referenced = productId ? PRODUCTS.find((p) => p.id === productId) : null; return (

Reach the Majlis.

Book a private viewing, ask after a piece, or begin a conversation with the studio. Replies within one working day.

{[ { id: 'majlis', label: 'Book a Viewing' }, { id: 'enquire', label: 'General Enquiry' }, { id: 'press', label: 'Press & Collaboration' }, ].map((t) => (
setTab(t.id)}>{t.label}
))}
{referenced && (
{referenced.name}
Referenced piece
{referenced.name}
)} {submitted ? (

Sent with care.

The studio will be in touch shortly{form.name ? `, ${form.name}` : ''}. For anything urgent, please use WhatsApp.

) : (
{ e.preventDefault(); setSubmitted(true); }}> {tab === 'majlis' && ( <>
Preferred date
update('date', e.target.value)} />
Preferred time
{['10:00','11:30','13:00','15:00','16:30','18:00'].map((t) => ( ))}
Visitors
{['1','2','3','4+'].map((n) => ( ))}
Interest
{COLLECTIONS.map((c) => ( ))}
)}
Your name
update('name', e.target.value)} placeholder="Full name" />
Email
update('email', e.target.value)} placeholder="you@example.com" />
Phone / WhatsApp
update('phone', e.target.value)} placeholder="+971 …" />
{tab === 'majlis' ? 'Anything for us' : 'Your message'}