// Contact page — temple info, phones, email, contact form function ContactPage({ t }) { const lang = t.locale; const [form, setForm] = useState({ name: "", email: "", subject: "", message: "" }); const [sent, setSent] = useState(false); const labelsByLang = { th: { name: "ชื่อของท่าน", email: "อีเมล", subject: "หัวข้อ", message: "ข้อความ", send: "ส่งข้อความ", thanks: "ขอขอบพระคุณ ทางวัดจะติดต่อกลับโดยเร็วที่สุด" }, no: { name: "Navn", email: "E-post", subject: "Emne", message: "Melding", send: "Send melding", thanks: "Takk for henvendelsen. Vi tar kontakt så snart vi kan." }, en: { name: "Your name", email: "Email", subject: "Subject", message: "Message", send: "Send message", thanks: "Thank you for your message. The temple will contact you as soon as possible." }, }; const copyByLang = { th: { intro: "ท่านสามารถติดต่อวัดได้ในเวลาเปิดทำการ หรือฝากข้อความผ่านแบบฟอร์มด้านล่าง", title: "ติดต่อวัดไทยนอร์เวย์", eyebrow: "ติดต่อ", address: "ที่อยู่", directions: "ดูเส้นทาง", phone: "โทรศัพท์", officeMain: "สำนักงานวัด (หลัก)", officeAlt: "สำนักงานวัด (สำรอง)", mobile: "มือถือ", mobileAlt: "มือถือ (สำรอง)", fax: "โทรสาร", faxNote: "โทรสาร", emailWebsite: "อีเมล / เว็บไซต์", general: "สอบถามทั่วไป", official: "เว็บไซต์ทางการ", follow: "ตามเรา", email: "อีเมล", website: "เว็บไซต์", mailSubject: "ติดต่อจากเว็บไซต์วัด", formEyebrow: "ส่งข้อความ", formTitle: "ฝากคำถามหรือข้อความถึงวัด", sentHint: "✓ เปิดแอปอีเมลให้แล้ว · กรุณากดส่งในแอปเพื่อส่งถึงวัด", formHint: "กดส่งแล้วแอปอีเมลจะเปิดขึ้นพร้อมข้อความ · ทางวัดตอบกลับภายใน ๒–๓ วันทำการ", hours: "เวลาทำการ", }, no: { intro: "Velkommen til å kontakte oss i åpningstiden, eller send oss en melding via skjemaet under.", title: "Kontakt Wat Thai Norge", eyebrow: "Kontakt", address: "Adresse", directions: "Veibeskrivelse", phone: "Telefon", officeMain: "Tempelkontor (hoved)", officeAlt: "Tempelkontor (alternativ)", mobile: "Mobil", mobileAlt: "Mobil (alternativ)", fax: "Telefaks", faxNote: "Faks", emailWebsite: "E-post / nettside", general: "Generelle henvendelser", official: "Offisiell nettside", follow: "Følg oss", email: "E-post", website: "Nettside", mailSubject: "Henvendelse fra tempelnettsiden", formEyebrow: "Send melding", formTitle: "Har du et spørsmål eller en hilsen til tempelet?", sentHint: "✓ E-postprogrammet åpnes · trykk send der for å fullføre", formHint: "Trykk send, så åpnes e-postprogrammet med meldingen · Tempelet svarer normalt innen 2-3 virkedager.", hours: "Åpningstider", }, en: { intro: "You are welcome to contact the temple during opening hours, or send us a message using the form below.", title: "Contact Wat Thai Norway", eyebrow: "Contact", address: "Address", directions: "Get directions", phone: "Phone", officeMain: "Temple office (main)", officeAlt: "Temple office (alternate)", mobile: "Mobile", mobileAlt: "Mobile (alternate)", fax: "Fax", faxNote: "Fax", emailWebsite: "Email / website", general: "General enquiries", official: "Official website", follow: "Follow us", email: "Email", website: "Website", mailSubject: "Message from the temple website", formEyebrow: "Send a message", formTitle: "Leave a question or message for the temple", sentHint: "✓ Your email app has opened · press send there to contact the temple", formHint: "Press send and your email app will open with the message · The temple normally replies within 2-3 business days.", hours: "Opening hours", }, }; const labels = labelsByLang[lang] || labelsByLang.th; const copy = copyByLang[lang] || copyByLang.th; const community = window.WTN_COMMUNITY || {}; const addressLines = (community.address && (community.address[lang] || community.address.en)) || ["Wat Thai Norway", "Trondheimsvegen 582", "2016 Frogner, Norway"]; const mapsUrl = community.maps || "https://www.google.com/maps/search/?api=1&query=Wat+Thai+Norway+Trondheimsvegen+582+2016+Frogner"; const phones = community.phones || { display: { office: "+47 63 82 01 03", officeAlt: "+47 63 82 01 30", mobile: "+47 91 74 66 85", mobileAlt: "+47 93 42 03 87" } }; return (
{/* Contact details */}
{copy.follow}
{[ { id: "f", label: "Facebook", href: (window.WTN_COMMUNITY || {}).facebook || "https://www.facebook.com/watthainorway" }, { id: "✉", label: "Messenger", href: (window.WTN_COMMUNITY || {}).messenger || "https://m.me/watthainorway" }, { id: "W", label: "WhatsApp", href: (window.WTN_COMMUNITY || {}).whatsapp || "https://wa.me/4791746685" }, { id: "▶", label: "YouTube", href: community.youtube || "https://www.youtube.com/@watthainorway" }, { id: "@", label: copy.email, href: "mailto:" + ((window.WTN_COMMUNITY || {}).email || "info@watthainorway.com") }, ].map((s) => ( {s.id} ))}

{lang === "th" ? "ข่าวสดมักประกาศบน Facebook ก่อน — ทัก Messenger หรือ WhatsApp ได้สะดวก" : lang === "no" ? "Nyheter kommer ofte først på Facebook — Messenger og WhatsApp er raskeste vei." : "News often appears on Facebook first — Messenger and WhatsApp are the quickest channels."}

{/* Form */}
{ e.preventDefault(); const to = "info@watthainorway.com"; const subject = encodeURIComponent(form.subject || copy.mailSubject); const body = encodeURIComponent(`${form.message}\n\n— ${form.name}${form.email ? " <" + form.email + ">" : ""}`); window.location.href = `mailto:${to}?subject=${subject}&body=${body}`; setSent(true); }} style={{ border: "1px solid var(--line)", padding: "48px", background: "var(--bg)" }} className="wn-pad-card" >
{copy.formEyebrow}

{copy.formTitle}

setForm({ ...form, name: v })} required /> setForm({ ...form, email: v })} required />
setForm({ ...form, subject: v })} />
setForm({ ...form, message: v })} multiline required />
{sent ? copy.sentHint : copy.formHint}
{/* Hours strip */}
{copy.hours}
{t.visit.hours.map((h, i) => (
{h.day}
{h.time}
))}
); } function ContactCard({ label, lines, action }) { return (
{label}
{lines.map((l, i) => { if (typeof l === "string") { return (
{l}
); } const content = (
{l.tel}
{l.note}
→
); const href = l.href || (/^\+?[\d\s]+$/.test(l.tel || "") ? "tel:" + l.tel.replace(/\s/g, "") : null); return href ? {content} :
{content}
; })} {action && ( {action.label} → )}
); } function Field({ label, value, onChange, type = "text", multiline = false, required = false }) { const Tag = multiline ? "textarea" : "input"; return ( ); } window.ContactPage = ContactPage;