import Head from "next/head"; import Image from "next/image"; import Link from "next/link"; import { useRouter } from "next/router"; import { useTranslation } from "next-i18next"; import { serverSideTranslations } from "next-i18next/serverSideTranslations"; import type { GetServerSideProps } from "next"; import i18nConfig from "../../../next-i18next.config"; import { Calendar, MessageCircle, Gift, Lock, Mail, Facebook, ArrowRight, } from "lucide-react"; import { MessageTextIcon } from "@/components/expat/icons"; import FxCalculatorCard from "@/components/calculator"; import { type ExpatStory, type UpcomingEvent } from "@/lib/expatContent"; import { getUpcomingEvents, getExpatStories } from "@/lib/webflowEvents"; import { gmailComposeUrl } from "@/lib/gmail"; // yyyy-mm-dd -> yyyy.mm.dd const fmtDate = (iso: string) => iso.replaceAll("-", "."); type Props = { upcomingEvents: UpcomingEvent[]; expatStories: ExpatStory[] }; export default function ExpatPage({ upcomingEvents, expatStories }: Props) { const router = useRouter(); const { t, i18n } = useTranslation("expat"); const lang = i18n.language || router.locale || "en"; const isEn = lang === "en"; const nextEvent = upcomingEvents[0]; const latestStory = expatStories[0]; return (

{t("index.meta.title")} {/* Hero */}

{t("index.hero.badge")}

{t("index.hero.title")}

{t("index.hero.tagline")}

7,000+

{t("index.hero.statLabel")}

{/*

{t("index.hero.asOf")} {asOf ?? "—"}

*/}

{/* Explore */}

{t("index.explore.badge")}

{t("index.explore.title")}

{t("index.explore.subtitle")}

{/* Events & Community */}

{t("index.explore.events.title")}

{t("index.explore.events.desc")}

{t("index.explore.events.badge")} {fmtDate(nextEvent.date)}

{isEn ? nextEvent.title_en : nextEvent.title_mn}

{t("index.explore.events.details")}

{t("index.explore.events.cta")}

{/* Expat Stories */}

{t("index.explore.stories.title")}

{t("index.explore.stories.desc")}

{t("index.explore.stories.badge")} {fmtDate(latestStory.date)}

{isEn ? latestStory.title_en : latestStory.title_mn}

{t("index.explore.stories.details")}

{t("index.explore.stories.cta")}

{/* Expat Benefits */}

{t("index.explore.benefits.title")}

{t("index.explore.benefits.desc")}

{t("index.explore.benefits.comingSoon")}

{t("index.explore.benefits.comingSoon")}

{/* Send Money Home */}

{t("index.sendMoney.title")}

{t("index.sendMoney.desc")}

{t("index.sendMoney.cta")}

{/* Contact Us */}

{t("index.contact.title")}

{t("index.contact.subtitle")}

{t("index.contact.chatDesc")}

{t("index.contact.chatCta")}

{t("index.contact.emailDesc")}

{t("index.contact.emailCta")}

{t("index.contact.fbDesc")}

{t("index.contact.fbCta")}

); } export const getServerSideProps: GetServerSideProps = async ({ locale, }) => { const [upcomingEvents, expatStories] = await Promise.all([ getUpcomingEvents(), getExpatStories(), ]); return { props: { upcomingEvents, expatStories, ...(await serverSideTranslations( locale ?? "en", ["common", "expat"], i18nConfig, )), }, }; };