function Contact() { const { lang, t } = useLang(); const CONTACT_RECIPIENT = 'info@ofuq.tech'; const CONTACT_EMAIL_LINK = `mailto:${CONTACT_RECIPIENT}`; const [form, setForm] = React.useState(() => { try { const saved = localStorage.getItem('ofuq.contactDraft'); if (saved) return JSON.parse(saved); } catch (e) {} return { name: '', email: '', message: '' }; }); const [status, setStatus] = React.useState({ kind: 'idle', msg: '' }); const [sending, setSending] = React.useState(false); React.useEffect(() => { try { localStorage.setItem('ofuq.contactDraft', JSON.stringify(form)); } catch (e) {} }, [form]); const update = (k) => (e) => setForm(f => ({ ...f, [k]: e.target.value })); const submit = async (e) => { e.preventDefault(); if (!form.name.trim() || !form.email.trim() || !form.message.trim()) { setStatus({ kind: 'error', msg: t.contact.error }); return; } if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.email)) { setStatus({ kind: 'error', msg: t.contact.invalidEmail }); return; } setSending(true); setStatus({ kind: 'idle', msg: '' }); try { const response = await fetch(`https://formsubmit.co/ajax/${encodeURIComponent(CONTACT_RECIPIENT)}`, { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json', }, body: JSON.stringify({ name: form.name.trim(), email: form.email.trim(), message: form.message.trim(), _subject: `Website contact form - ${form.name.trim()}`, _replyto: form.email.trim(), _template: 'table', _captcha: 'false', }), }); const result = await response.json(); if (!response.ok || result.success !== 'true') throw new Error('Failed to submit form'); setStatus({ kind: 'success', msg: t.contact.success }); setSending(false); setForm({ name: '', email: '', message: '' }); try { localStorage.removeItem('ofuq.contactDraft'); } catch (e) {} } catch (error) { setSending(false); setStatus({ kind: 'error', msg: t.contact.sendFailed }); window.location.href = `${CONTACT_EMAIL_LINK}?subject=${encodeURIComponent('Website contact form')}&body=${encodeURIComponent( `Name: ${form.name.trim()}\nEmail: ${form.email.trim()}\n\n${form.message.trim()}`, )}`; } }; return (
— {t.contact.eyebrow}

{t.contact.title}

{t.contact.subtitle}

{/* info column */}
} label={t.contact.whatsappLabel} value="+966 58 116 4926" href={`https://wa.me/966581164926?text=${encodeURIComponent(t.contact.whatsappPrefill)}`} hue="#10B981" external /> } label={t.contact.emailLabel} value={CONTACT_RECIPIENT} href={CONTACT_EMAIL_LINK} hue="#3B82F6" /> } label={t.contact.websiteLabel} value="ofuq.tech" href="https://ofuq.tech" hue="#A855F7" /> } label={t.contact.productLabel} value="taboor.ofuq.tech" href="https://taboor.ofuq.tech" hue="#06B6D4" external /> {/* address-like card */}
{lang === 'ar' ? 'متاحون للعمل' : 'Available for work'}

{lang === 'ar' ? 'نتلقى مشاريع جديدة. شاركنا فكرتك وسنرد عليك بخطة مبدئية خلال يوم عمل.' : 'We are taking on new projects. Send us your idea and we will come back with an initial plan within one business day.'}

{/* form column */}