// Home page — structured for clarity, trust, and accessibility function HomePage({ t, setPage, heroStyle }) { return (
); } // ─── Hero (dispatcher) ───────────────────────────────────────────── function HomeHero({ t, setPage, heroStyle = "cinematic" }) { return heroStyle === "editorial" ? : ; } // ─── Cinematic full-bleed hero ───────────────────────────────────── function HomeHeroCinematic({ t, setPage }) { const h = t.hero; const lang = t.locale; return (
{t.locale

{h.eyebrow}

{h.title}

{h.lede}

{h.ctaPrimary} {h.ctaSecondary} {h.ctaTertiary}
{h.meta.map(function (m, i) { return (
); })}
); } // ─── Editorial split hero (alternate) ────────────────────────────── function HomeHeroEditorial({ t, setPage }) { // We push the header negative-y by placing hero at top with translucent bg const h = t.hero; return (
{h.eyebrow}

{h.title}

{h.lede}

{h.meta.map((m, i) => (
{m}
))}
วัดไทยนอร์เวย์ — Wat Thai Norway {/* Frame ornament corner */}
☉ + ☽
{t.quickLinks.title}
); } // ─── Mobile-first action hub ─────────────────────────────────────── function HomeActionHub({ t, setPage }) { const hub = t.actionHub; const actionThemes = [ { bg: "var(--nordic-soft)", ink: "var(--nordic)", border: "rgba(49,90,115,0.20)", dot: "var(--nordic)" }, { bg: "var(--sakura-soft)", ink: "var(--sakura)", border: "rgba(185,111,127,0.24)", dot: "var(--sakura)" }, { bg: "var(--ink)", ink: "var(--bg)", border: "var(--ink)", dot: "var(--accent)" }, ]; return (
{hub.eyebrow} {hub.title}

{hub.body}

{hub.items.map((item, i) => { const theme = actionThemes[i] || actionThemes[0]; const dark = i === 2; return ( ); })}
); } // ─── Today's services band ───────────────────────────────────────── function HomeTodayBar({ t }) { return (
{t.quickLinks.title}
{t.quickLinks.items.map((q, i) => (
{q.time}
{q.label}
{q.note}
))}
); } // ─── Welcome / about preview ─────────────────────────────────────── function HomeWelcome({ t }) { const w = t.welcome; return (
{w.eyebrow}

{w.title}

{w.body}

); } // ─── Events preview ───────────────────────────────────────────────── function HomeEvents({ t, setPage }) { const lang = t.locale; const items = window.EVENT_BANK.slice(0, 2); return (
{t.eventsSection.eyebrow} {t.eventsSection.title}
{items.map((e) => (
{e.dateNum}
{e.monthKey[lang]}
{e.weekday[lang]} · {e.time}
{e.moon && (
)}

{e.title[lang]}

{e.body[lang]}

{e.live && ( Live )} {t.calendar.legendCeremony}
))}
); } // ─── Temple life gallery (festivals + community) ─────────────────── function HomeLife({ t }) { const L = t.life; const [feature, ...rest] = L.items; const Tile = ({ item, minH }) => (
{item.caption}
{item.tag}
{item.caption}
); return (
{L.eyebrow} {L.title}

{L.body}

{/* Feature (portrait) + 3-up strip */}
{/* Tall feature */}
{/* Right cluster: one wide on top, two below */}
); } window.HomeLife = HomeLife; // ─── Official updates: curated highlights + Facebook page feed ───── function HomeUpdates({ t }) { const u = t.updates; const facebookFeeds = [ { label: u.feedMain, href: "https://www.facebook.com/watthainorway", src: "https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fwatthainorway&tabs=timeline&width=360&height=520&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false", }, { label: u.feedBergen, href: "https://www.facebook.com/profile.php?id=100064747836523", src: "https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100064747836523&tabs=timeline&width=360&height=520&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false", }, ]; return (
{u.eyebrow} {u.title}

{u.body}

{u.openFacebook} →
{u.items.map((item, i) => (
{item.title}
{item.tag}

{item.title}

{item.body}

))}
{facebookFeeds.map((feed) => (
{feed.label} Facebook
{u.openFacebook} →
))}

{u.facebookNote}

); } // ─── Livestream module ───────────────────────────────────────────── function HomeLivestream({ t }) { const nextEvent = window.EVENT_BANK[0]; return (
{t.locale {/* Play button overlay */}
Facebook
{t.livestream.eyebrow} {t.livestream.title}

{t.livestream.body}

{t.livestream.next}
{nextEvent.title[t.locale]}
{nextEvent.dateKey[t.locale]} · {nextEvent.time}
{t.livestream.watch}
); } // ─── Donate teaser (compact) ────────────────────────────────────── function HomeDonate({ t, setPage }) { return (
{t.donateSection.eyebrow}

{t.donateSection.title}

{t.donateSection.emailCta}
); } // ─── Visit / map (compact) ───────────────────────────────────────── function HomeVisit({ t }) { return (
{t.visit.eyebrow}
Wat Thai Norge · Trondheimsvegen 582 · 2016 Frogner
); } // ─── Secondary actions: support + newsletter, intentionally low prominence ── function HomeSecondaryActions({ t, setPage }) { const [email, setEmail] = useState(""); const [submitted, setSubmitted] = useState(false); const lang = t.locale; return (
{t.donateSection.eyebrow}
{lang === "th" ? "ร่วมทำบุญกับวัด" : lang === "no" ? "Vil du støtte tempelet?" : "Would you like to support the temple?"}
{lang === "th" ? "ดูบัญชี วัตถุประสงค์ และวิธีขอใบเสร็จได้ที่หน้าทำบุญ" : lang === "no" ? "Se konto, formål og kvittering på gavesiden." : "See bank details, purposes and receipt information on the donation page."}
{ e.preventDefault(); if (!email) return; const subject = encodeURIComponent(lang === "th" ? "สมัครรับข่าวสารวัดไทยนอร์เวย์" : lang === "no" ? "Påmelding nyhetsbrev" : "Wat Thai Norway newsletter signup"); const body = encodeURIComponent((lang === "th" ? "ขอสมัครรับข่าวสารของวัด ที่อีเมล: " : lang === "no" ? "Jeg ønsker å motta nyhetsbrev. E-post: " : "Please add this email to the temple newsletter: ") + email); window.location.href = `mailto:info@watthainorway.com?subject=${subject}&body=${body}`; setSubmitted(true); }} style={{ border: "1px solid var(--line)", background: "var(--bg-deep)", padding: "20px 22px", display: "flex", alignItems: "center", justifyContent: "space-between", gap: "16px", flexWrap: "wrap" }} >
{t.newsletter.eyebrow}
{t.newsletter.title}
{submitted ? (lang === "th" ? "เปิดแอปอีเมลให้แล้ว กดส่งเพื่อยืนยัน" : lang === "no" ? "E-postprogrammet åpnes. Trykk send for å fullføre." : "Email app opened. Press send to confirm.") : t.newsletter.consent}
setEmail(e.target.value)} style={{ minWidth: 0, flex: 1, background: "var(--bg)", border: "1px solid var(--line)", borderRadius: "999px", outline: "none", fontFamily: "var(--font-body)", fontSize: "14px", color: "var(--ink)", padding: "12px 14px" }} />
); } function MapPanel() { return (
{/* River */} {/* Roads */} {/* Sub roads */} {/* Park */} {/* Buildings */} {/* Temple marker */}
Wat Thai Norge
Trondheimsvegen 582 · Frogner
{["+", "−"].map((s) => (
{s}
))}
N ↑
); } // ─── Newsletter ───────────────────────────────────────────────────── function HomeNewsletter({ t }) { const [email, setEmail] = useState(""); const [submitted, setSubmitted] = useState(false); const lang = t.locale; return (
{t.newsletter.eyebrow} {t.newsletter.title}

{t.newsletter.body}

{ e.preventDefault(); if (!email) return; const subject = encodeURIComponent(lang === "th" ? "สมัครรับข่าวสารวัดไทยนอร์เวย์" : lang === "no" ? "Påmelding nyhetsbrev" : "Wat Thai Norway newsletter signup"); const body = encodeURIComponent((lang === "th" ? "ขอสมัครรับข่าวสารของวัด ที่อีเมล: " : lang === "no" ? "Jeg ønsker å motta nyhetsbrev. E-post: " : "Please add this email to the temple newsletter: ") + email); window.location.href = `mailto:info@watthainorway.com?subject=${subject}&body=${body}`; setSubmitted(true); }} style={{ display: "flex", flexDirection: "column", gap: "16px" }} >
setEmail(e.target.value)} style={{ flex: 1, background: "transparent", border: "none", outline: "none", fontFamily: "var(--font-body)", fontSize: "18px", color: "var(--ink)", padding: "10px 0" }} />
{submitted ? "✓ " + (lang === "th" ? "เปิดแอปอีเมลให้แล้ว - กดส่งเพื่อยืนยันการสมัคร" : lang === "no" ? "E-postprogrammet åpnes - trykk send for å fullføre." : "Email app opened - press send to confirm.") : t.newsletter.consent}
); } window.HomePage = HomePage;