diff --git a/apps/status-page/messages/de.json b/apps/status-page/messages/de.json
new file mode 100644
index 000000000..2a3292bb9
--- /dev/null
+++ b/apps/status-page/messages/de.json
@@ -0,0 +1,131 @@
+{
+  "Y9HHck": "Authentifizieren",
+  "1QcGkA": "Geben Sie Ihre E-Mail-Adresse ein, um einen Magic Link für den Zugriff auf die Statusseite zu erhalten. Hinweis: Es werden nur E-Mails von genehmigten Domains akzeptiert.",
+  "wSZR47": "Absenden",
+  "txkW56": "Wird gesendet...",
+  "OrFVks": "Überprüfen Sie Ihren Posteingang!",
+  "n36zhX": "Greifen Sie auf die Statusseite zu, indem Sie auf den Link in der E-Mail klicken.",
+  "qIAQSi": "Geschützte Seite",
+  "lbw10C": "Geben Sie das Passwort ein, um auf die Statusseite zuzugreifen.",
+  "t262xH": "E-Mail und Weiterleitungs-URL sind erforderlich",
+  "DwevKz": "Bei der Anmeldung ist ein unerwarteter Fehler aufgetreten",
+  "Ppx673": "Berichte",
+  "JCMXwP": "Wartungen",
+  "I7B7SH": "Keine Wartungen gefunden",
+  "OSI607": "Keine Wartungen für diese Statusseite gefunden.",
+  "a9S/OH": "Wartung nicht gefunden",
+  "HSv9BP": "Die gesuchte Wartung existiert nicht.",
+  "VL1Y/1": "Bericht nicht gefunden",
+  "Ew1f8q": "Der gesuchte Bericht existiert nicht.",
+  "wkVkCX": "Erfolgreich abgemeldet",
+  "9qFG9F": "Abmeldung fehlgeschlagen",
+  "PV34S9": "Ungültiger Abonnement-Token",
+  "ar0fZ/": "Dieser Abonnement-Token ist nicht mehr gültig. Möglicherweise haben Sie sich bereits abgemeldet oder der Link ist abgelaufen.",
+  "orvpWh": "Zurück",
+  "K8kTfz": "Verwalten Sie Ihr Abonnement, um Updates zur Statusseite zu erhalten.",
+  "3JgeEq": "Abgemeldet am {date}",
+  "RXTZq5": "Abmeldung läuft...",
+  "cctOA4": "Abmelden",
+  "jHSHdV": "Sind Sie sicher, dass Sie sich von dieser Statusseite abmelden möchten? Sie erhalten dann keine Updates mehr.",
+  "47FYwb": "Abbrechen",
+  "awr0AJ": "Monitor nicht gefunden",
+  "CVsoUM": "Der gesuchte Monitor existiert nicht.",
+  "BRGcS0": "Globale Latenz",
+  "9vqdq3": "Regionale Latenz",
+  "fFOayY": "Regionen",
+  "u81G9+": "Verfügbarkeit",
+  "i2FBWn": "Prüfungen",
+  "G5Lt80": "Die aggregierte Latenz aller aktiven Regionen basierend auf verschiedenen Quantilen.",
+  "YV7rXP": "Latenz nach Region",
+  "6zzIEm": "Regionale Latenz pro p75-Quantil, sortiert nach langsamster Region. Vergleichen Sie bis zu 6 Regionen.",
+  "6pCzRs": "Gesamtverfügbarkeit",
+  "zL23+z": "Hauptwerte der Verfügbarkeit, transparent dargestellt.",
+  "gjBiyj": "Wird geladen...",
+  "/72cxa": "Ungültiger oder abgelaufener Link",
+  "R10mIw": "Dieser Abmelde-Link ist nicht mehr gültig. Möglicherweise haben Sie sich bereits abgemeldet.",
+  "yFi/8F": "Erfolgreich abgemeldet",
+  "CmelO7": "Sie erhalten keine E-Mail-Benachrichtigungen mehr von {pageName}.",
+  "JqiqNj": "Etwas ist schiefgelaufen",
+  "TnvU0H": "Bitte versuchen Sie es erneut oder kontaktieren Sie den Support, wenn das Problem weiterhin besteht.",
+  "uW0VWi": "Von Benachrichtigungen abmelden",
+  "deCYKO": "Sie sind dabei, {email} von den Status-Updates von {pageName} abzumelden.",
+  "5HvAzP": "Bereit, Updates für {email} zu empfangen!",
+  "ywcUO4": "Einen Moment — wir bestätigen Ihr Abonnement",
+  "0Azlrb": "Verwalten",
+  "cyR7Kh": "Zurück",
+  "2yCGR2": "Link in die Zwischenablage kopiert",
+  "u5aHb4": "Link kopieren",
+  "m5BctM": "Diagrammlegende",
+  "csFahs": "Relativ",
+  "oBoa2n": "Voreinstellungen",
+  "gdve5D": "Benutzerdefinierter Zeitraum",
+  "mOFG3K": "Start",
+  "3JVa6k": "Ende",
+  "79eRW1": "Bestätigung läuft...",
+  "dX7+Rv": "Bestätigt",
+  "m0fapd": "Bestätigung fehlgeschlagen",
+  "sy+pv5": "E-Mail",
+  "9Utk00": "Abonnement wird aktualisiert...",
+  "Eq5gCU": "Abonnement aktualisiert",
+  "qp+wDV": "Aktualisierung des Abonnements fehlgeschlagen",
+  "d/jCcy": "Bestimmte Komponenten abonnieren",
+  "FlVuUh": "Keine Komponenten zum Abonnieren",
+  "8aUjqQ": "Diese Statusseite hat keine Komponenten zum Abonnieren.",
+  "5sg7KC": "Passwort",
+  "IGY48m": "Wird abonniert...",
+  "Pgb3Xj": "Abonniert",
+  "WOH7Yj": "Abonnement fehlgeschlagen",
+  "L7z2/k": "Diese Seite hat keine Komponenten zum Abonnieren.",
+  "NOyDVq": "betrieben von",
+  "tzMNF3": "Status",
+  "ZvKSfJ": "Ereignisse",
+  "xJrRMG": "Monitore",
+  "tKMlOc": "Menü",
+  "krEziQ": "Kontakt aufnehmen",
+  "8kyEWd": "Ein Quantil stellt ein bestimmtes Perzentil in Ihrem Datensatz dar.",
+  "kd0Igx": "Zum Beispiel ist p50 das 50. Perzentil — der Punkt, unter dem 50 % der Daten liegen. Höhere Perzentile umfassen mehr Daten und heben den oberen Bereich hervor.",
+  "BQBZU+": "Alle Systeme betriebsbereit",
+  "b9fOA1": "Eingeschränkte Leistung",
+  "80EXUh": "Ausfall",
+  "dudqv/": "Wartung",
+  "u++vY3": "Keine Berichte gefunden",
+  "2HGztY": "Keine Berichte für diese Statusseite gefunden.",
+  "50SA6J": "Keine öffentlichen Monitore",
+  "FHrzf5": "Es wurden keine öffentlichen Monitore zu dieser Seite hinzugefügt.",
+  "2syGZB": "Bericht gelöst",
+  "heezSZ": "(in {duration})",
+  "lKJjwW": "({timeFromLast} früher)",
+  "W6nSYE": "Gelöst",
+  "1P6GMj": "Überwachung",
+  "7cv4Uf": "Identifiziert",
+  "/GKH/w": "Wird untersucht",
+  "VaZnIX": "(für {duration})",
+  "FDReLp": "Keine aktuellen Benachrichtigungen",
+  "qDj0JR": "In den letzten 7 Tagen gab es keine Berichte.",
+  "CYs0LF": "Ereignisverlauf anzeigen",
+  "kkpP2k": "heute",
+  "Dnob31": "Betriebsbereit",
+  "VQDmmK": "Eingeschränkt",
+  "JOZGPR": "Ausfall",
+  "3Vaz8F": "Status-Tracker",
+  "apbxET": "Tag {n} Status",
+  "GbVCQb": "Erneut klicken zum Lösen",
+  "myq2ZL": "Normal",
+  "KN7zKn": "Fehler",
+  "D3rOMr": "Keine Daten",
+  "2wsjxR": "laufend",
+  "jC7BY1": "über {duration}",
+  "uPb/gh": "Updates erhalten",
+  "sjzDbu": "Slack",
+  "q0qMyV": "RSS",
+  "9y9QQh": "JSON",
+  "waUHa4": "SSH",
+  "cVqFq/": "Erhalten Sie E-Mail-Benachrichtigungen, wenn ein Bericht erstellt oder gelöst wird",
+  "gczcC5": "Abonnieren",
+  "8OoV56": "RSS-Feed abrufen",
+  "Auj/Ki": "Atom-Feed abrufen",
+  "SyYroX": "JSON-Updates abrufen",
+  "PSqtlY": "Status über SSH abrufen",
+  "rptmhC": "Für Status-Updates in Slack fügen Sie den folgenden Text in einen beliebigen Kanal ein.",
+  "45YlLU": "Bestätigen Sie Ihre E-Mail-Adresse, um Updates zu erhalten, und schon sind Sie fertig."
+}
diff --git a/apps/status-page/messages/en.json b/apps/status-page/messages/en.json
new file mode 100644
index 000000000..afaf96d75
--- /dev/null
+++ b/apps/status-page/messages/en.json
@@ -0,0 +1,131 @@
+{
+  "Y9HHck": "Authenticate",
+  "1QcGkA": "Enter your email to receive a magic link for accessing the status page. Note: Only emails from approved domains are accepted.",
+  "wSZR47": "Submit",
+  "txkW56": "Submitting...",
+  "OrFVks": "Check your inbox!",
+  "n36zhX": "Access the status page by clicking the link in the email.",
+  "qIAQSi": "Protected Page",
+  "lbw10C": "Enter the password to access the status page.",
+  "t262xH": "Email and redirectTo are required",
+  "DwevKz": "An unexpected error occurred during sign in",
+  "Ppx673": "Reports",
+  "JCMXwP": "Maintenances",
+  "I7B7SH": "No maintenances found",
+  "OSI607": "No maintenances found for this status page.",
+  "a9S/OH": "Maintenance not found",
+  "HSv9BP": "The maintenance you are looking for does not exist.",
+  "VL1Y/1": "Report not found",
+  "Ew1f8q": "The report you are looking for does not exist.",
+  "wkVkCX": "Unsubscribed successfully",
+  "9qFG9F": "Failed to unsubscribe",
+  "PV34S9": "Invalid subscription token",
+  "ar0fZ/": "This subscription token is no longer valid. You may have already unsubscribed or the link has expired.",
+  "orvpWh": "Go back",
+  "K8kTfz": "Manage your subscription to receive updates on the status page.",
+  "3JgeEq": "Unsubscribed on {date}",
+  "RXTZq5": "Unsubscribing...",
+  "cctOA4": "Unsubscribe",
+  "jHSHdV": "Are you sure you want to unsubscribe from this status page? You will no longer receive updates.",
+  "47FYwb": "Cancel",
+  "awr0AJ": "Monitor not found",
+  "CVsoUM": "The monitor you are looking for does not exist.",
+  "BRGcS0": "Global Latency",
+  "9vqdq3": "Region Latency",
+  "fFOayY": "regions",
+  "u81G9+": "Uptime",
+  "i2FBWn": "checks",
+  "G5Lt80": "The aggregated latency from all active regions based on different quantiles.",
+  "YV7rXP": "Latency by Region",
+  "6zzIEm": "Region latency per p75 quantile, sorted by slowest region. Compare up to 6 regions.",
+  "6pCzRs": "Total Uptime",
+  "zL23+z": "Main values of uptime and availability, transparent.",
+  "gjBiyj": "Loading...",
+  "/72cxa": "Invalid or expired link",
+  "R10mIw": "This unsubscribe link is no longer valid. You may have already unsubscribed.",
+  "yFi/8F": "Successfully unsubscribed",
+  "CmelO7": "You will no longer receive email notifications from {pageName}.",
+  "JqiqNj": "Something went wrong",
+  "TnvU0H": "Please try again or contact support if the issue persists.",
+  "uW0VWi": "Unsubscribe from notifications",
+  "deCYKO": "You are about to unsubscribe {email} from {pageName} status updates.",
+  "5HvAzP": "All set to receive updates to {email}!",
+  "ywcUO4": "Hang tight - we're confirming your subscription",
+  "0Azlrb": "Manage",
+  "cyR7Kh": "Back",
+  "2yCGR2": "Link copied to clipboard",
+  "u5aHb4": "Copy Link",
+  "m5BctM": "Chart legend",
+  "csFahs": "Relative",
+  "oBoa2n": "Presets",
+  "gdve5D": "Custom Range",
+  "mOFG3K": "Start",
+  "3JVa6k": "End",
+  "79eRW1": "Confirming...",
+  "dX7+Rv": "Confirmed",
+  "m0fapd": "Failed to confirm",
+  "sy+pv5": "Email",
+  "9Utk00": "Updating subscription...",
+  "Eq5gCU": "Subscription updated",
+  "qp+wDV": "Failed to update subscription",
+  "d/jCcy": "Subscribe to specific components",
+  "FlVuUh": "No components to subscribe to",
+  "8aUjqQ": "This status page has no components to subscribe to.",
+  "5sg7KC": "Password",
+  "IGY48m": "Subscribing...",
+  "Pgb3Xj": "Subscribed",
+  "WOH7Yj": "Failed to subscribe",
+  "L7z2/k": "This page has no components to subscribe to.",
+  "NOyDVq": "powered by",
+  "tzMNF3": "Status",
+  "ZvKSfJ": "Events",
+  "xJrRMG": "Monitors",
+  "tKMlOc": "Menu",
+  "krEziQ": "Get in touch",
+  "8kyEWd": "A quantile represents a specific percentile in your dataset.",
+  "kd0Igx": "For example, p50 is the 50th percentile - the point below which 50% of data falls. Higher percentiles include more data and highlight the upper range.",
+  "BQBZU+": "All Systems Operational",
+  "b9fOA1": "Degraded Performance",
+  "80EXUh": "Downtime Performance",
+  "dudqv/": "Maintenance",
+  "u++vY3": "No reports found",
+  "2HGztY": "No reports found for this status page.",
+  "50SA6J": "No public monitors",
+  "FHrzf5": "No public monitors have been added to this page.",
+  "2syGZB": "Report resolved",
+  "heezSZ": "(in {duration})",
+  "lKJjwW": "({timeFromLast} earlier)",
+  "W6nSYE": "Resolved",
+  "1P6GMj": "Monitoring",
+  "7cv4Uf": "Identified",
+  "/GKH/w": "Investigating",
+  "VaZnIX": "(for {duration})",
+  "FDReLp": "No recent notifications",
+  "qDj0JR": "There have been no reports within the last 7 days.",
+  "CYs0LF": "View events history",
+  "kkpP2k": "today",
+  "Dnob31": "Operational",
+  "VQDmmK": "Degraded",
+  "JOZGPR": "Downtime",
+  "3Vaz8F": "Status tracker",
+  "apbxET": "Day {n} status",
+  "GbVCQb": "Click again to unpin",
+  "myq2ZL": "Normal",
+  "KN7zKn": "Error",
+  "D3rOMr": "No Data",
+  "2wsjxR": "ongoing",
+  "jC7BY1": "across {duration}",
+  "uPb/gh": "Get updates",
+  "sjzDbu": "Slack",
+  "q0qMyV": "RSS",
+  "9y9QQh": "JSON",
+  "waUHa4": "SSH",
+  "cVqFq/": "Get email notifications whenever a report has been created or resolved",
+  "gczcC5": "Subscribe",
+  "8OoV56": "Get the RSS feed",
+  "Auj/Ki": "Get the Atom feed",
+  "SyYroX": "Get the JSON updates",
+  "PSqtlY": "Get status via SSH",
+  "rptmhC": "For status updates in Slack, paste the text below into any channel.",
+  "45YlLU": "Validate your email to receive updates and you are all set."
+}
diff --git a/apps/status-page/messages/fr.json b/apps/status-page/messages/fr.json
new file mode 100644
index 000000000..f2afd6d09
--- /dev/null
+++ b/apps/status-page/messages/fr.json
@@ -0,0 +1,131 @@
+{
+  "Y9HHck": "S'authentifier",
+  "1QcGkA": "Entrez votre email pour recevoir un lien magique d'accès à la page de statut. Remarque : seuls les emails provenant de domaines approuvés sont acceptés.",
+  "wSZR47": "Envoyer",
+  "txkW56": "Envoi en cours...",
+  "OrFVks": "Vérifiez votre boîte de réception !",
+  "n36zhX": "Accédez à la page de statut en cliquant sur le lien dans l'email.",
+  "qIAQSi": "Page protégée",
+  "lbw10C": "Entrez le mot de passe pour accéder à la page de statut.",
+  "t262xH": "L'email et l'URL de redirection sont requis",
+  "DwevKz": "Une erreur inattendue s'est produite lors de la connexion",
+  "Ppx673": "Rapports",
+  "JCMXwP": "Maintenances",
+  "I7B7SH": "Aucune maintenance trouvée",
+  "OSI607": "Aucune maintenance trouvée pour cette page de statut.",
+  "a9S/OH": "Maintenance introuvable",
+  "HSv9BP": "La maintenance que vous recherchez n'existe pas.",
+  "VL1Y/1": "Rapport introuvable",
+  "Ew1f8q": "Le rapport que vous recherchez n'existe pas.",
+  "wkVkCX": "Désabonnement réussi",
+  "9qFG9F": "Échec du désabonnement",
+  "PV34S9": "Jeton d'abonnement invalide",
+  "ar0fZ/": "Ce jeton d'abonnement n'est plus valide. Vous vous êtes peut-être déjà désabonné ou le lien a expiré.",
+  "orvpWh": "Retour",
+  "K8kTfz": "Gérez votre abonnement pour recevoir les mises à jour de la page de statut.",
+  "3JgeEq": "Désabonné le {date}",
+  "RXTZq5": "Désabonnement en cours...",
+  "cctOA4": "Se désabonner",
+  "jHSHdV": "Êtes-vous sûr de vouloir vous désabonner de cette page de statut ? Vous ne recevrez plus de mises à jour.",
+  "47FYwb": "Annuler",
+  "awr0AJ": "Moniteur introuvable",
+  "CVsoUM": "Le moniteur que vous recherchez n'existe pas.",
+  "BRGcS0": "Latence globale",
+  "9vqdq3": "Latence par région",
+  "fFOayY": "régions",
+  "u81G9+": "Disponibilité",
+  "i2FBWn": "vérifications",
+  "G5Lt80": "La latence agrégée de toutes les régions actives basée sur différents quantiles.",
+  "YV7rXP": "Latence par région",
+  "6zzIEm": "Latence par région au quantile p75, triée par région la plus lente. Comparez jusqu'à 6 régions.",
+  "6pCzRs": "Disponibilité totale",
+  "zL23+z": "Valeurs principales de disponibilité, en toute transparence.",
+  "gjBiyj": "Chargement...",
+  "/72cxa": "Lien invalide ou expiré",
+  "R10mIw": "Ce lien de désabonnement n'est plus valide. Vous vous êtes peut-être déjà désabonné.",
+  "yFi/8F": "Désabonnement réussi",
+  "CmelO7": "Vous ne recevrez plus de notifications par email de {pageName}.",
+  "JqiqNj": "Une erreur est survenue",
+  "TnvU0H": "Veuillez réessayer ou contacter le support si le problème persiste.",
+  "uW0VWi": "Se désabonner des notifications",
+  "deCYKO": "Vous êtes sur le point de désabonner {email} des mises à jour de statut de {pageName}.",
+  "5HvAzP": "Prêt à recevoir les mises à jour pour {email} !",
+  "ywcUO4": "Patientez, nous confirmons votre abonnement",
+  "0Azlrb": "Gérer",
+  "cyR7Kh": "Retour",
+  "2yCGR2": "Lien copié dans le presse-papiers",
+  "u5aHb4": "Copier le lien",
+  "m5BctM": "Légende du graphique",
+  "csFahs": "Relatif",
+  "oBoa2n": "Préréglages",
+  "gdve5D": "Plage personnalisée",
+  "mOFG3K": "Début",
+  "3JVa6k": "Fin",
+  "79eRW1": "Confirmation en cours...",
+  "dX7+Rv": "Confirmé",
+  "m0fapd": "Échec de la confirmation",
+  "sy+pv5": "Email",
+  "9Utk00": "Mise à jour de l'abonnement...",
+  "Eq5gCU": "Abonnement mis à jour",
+  "qp+wDV": "Échec de la mise à jour de l'abonnement",
+  "d/jCcy": "S'abonner à des composants spécifiques",
+  "FlVuUh": "Aucun composant auquel s'abonner",
+  "8aUjqQ": "Cette page de statut n'a aucun composant auquel s'abonner.",
+  "5sg7KC": "Mot de passe",
+  "IGY48m": "Abonnement en cours...",
+  "Pgb3Xj": "Abonné",
+  "WOH7Yj": "Échec de l'abonnement",
+  "L7z2/k": "Cette page n'a aucun composant auquel s'abonner.",
+  "NOyDVq": "propulsé par",
+  "tzMNF3": "Statut",
+  "ZvKSfJ": "Événements",
+  "xJrRMG": "Moniteurs",
+  "tKMlOc": "Menu",
+  "krEziQ": "Nous contacter",
+  "8kyEWd": "Un quantile représente un percentile spécifique dans votre jeu de données.",
+  "kd0Igx": "Par exemple, p50 est le 50e percentile — le point en dessous duquel 50 % des données se situent. Les percentiles plus élevés incluent plus de données et mettent en évidence la plage supérieure.",
+  "BQBZU+": "Tous les systèmes sont opérationnels",
+  "b9fOA1": "Performances dégradées",
+  "80EXUh": "Performances en panne",
+  "dudqv/": "Maintenance",
+  "u++vY3": "Aucun rapport trouvé",
+  "2HGztY": "Aucun rapport trouvé pour cette page de statut.",
+  "50SA6J": "Aucun moniteur public",
+  "FHrzf5": "Aucun moniteur public n'a été ajouté à cette page.",
+  "2syGZB": "Rapport résolu",
+  "heezSZ": "(en {duration})",
+  "lKJjwW": "({timeFromLast} plus tôt)",
+  "W6nSYE": "Résolu",
+  "1P6GMj": "Surveillance",
+  "7cv4Uf": "Identifié",
+  "/GKH/w": "En cours d'investigation",
+  "VaZnIX": "(pendant {duration})",
+  "FDReLp": "Aucune notification récente",
+  "qDj0JR": "Aucun rapport au cours des 7 derniers jours.",
+  "CYs0LF": "Voir l'historique des événements",
+  "kkpP2k": "aujourd'hui",
+  "Dnob31": "Opérationnel",
+  "VQDmmK": "Dégradé",
+  "JOZGPR": "En panne",
+  "3Vaz8F": "Suivi de statut",
+  "apbxET": "Statut du jour {n}",
+  "GbVCQb": "Cliquez à nouveau pour désépingler",
+  "myq2ZL": "Normal",
+  "KN7zKn": "Erreur",
+  "D3rOMr": "Aucune donnée",
+  "2wsjxR": "en cours",
+  "jC7BY1": "sur {duration}",
+  "uPb/gh": "Recevoir les mises à jour",
+  "sjzDbu": "Slack",
+  "q0qMyV": "RSS",
+  "9y9QQh": "JSON",
+  "waUHa4": "SSH",
+  "cVqFq/": "Recevez des notifications par email à chaque création ou résolution d'un rapport",
+  "gczcC5": "S'abonner",
+  "8OoV56": "Obtenir le flux RSS",
+  "Auj/Ki": "Obtenir le flux Atom",
+  "SyYroX": "Obtenir les mises à jour JSON",
+  "PSqtlY": "Obtenir le statut via SSH",
+  "rptmhC": "Pour recevoir les mises à jour dans Slack, collez le texte ci-dessous dans n'importe quel canal.",
+  "45YlLU": "Validez votre email pour recevoir les mises à jour et le tour est joué."
+}
diff --git a/apps/status-page/next.config.ts b/apps/status-page/next.config.ts
index 9ff1620b6..f56632512 100644
--- a/apps/status-page/next.config.ts
+++ b/apps/status-page/next.config.ts
@@ -1,6 +1,22 @@
 import { withSentryConfig } from "@sentry/nextjs";
-
 import type { NextConfig } from "next";
+import createNextIntlPlugin from "next-intl/plugin";
+import { defaultLocale, locales } from "./src/i18n/config";
+
+const withNextIntl = createNextIntlPlugin({
+  requestConfig: "./src/i18n/request.ts",
+  experimental: {
+    srcPath: "./src",
+    extract: {
+      sourceLocale: defaultLocale,
+    },
+    messages: {
+      path: "./messages",
+      format: "json",
+      locales,
+    },
+  },
+});
 
 const nextConfig: NextConfig = {
   output: process.env.SELF_HOST === "true" ? "standalone" : undefined,
@@ -18,41 +34,6 @@ const nextConfig: NextConfig = {
       fullUrl: true,
     },
   },
-  async rewrites() {
-    return {
-      beforeFiles: [
-        {
-          source:
-            "/:path((?!api|assets|_next/static|_next/image|favicon.ico|sitemap.xml|robots.txt).*)",
-          has: [
-            {
-              type: "host",
-              value:
-                process.env.NODE_ENV === "production"
-                  ? "(?<subdomain>[^.]+).stpg.dev"
-                  : "(?<subdomain>[^.]+).localhost",
-            },
-          ],
-          missing: [
-            // Skip this rewrite when the request came via proxy from web app
-            {
-              type: "header",
-              key: "x-proxy",
-              value: "1",
-            },
-            {
-              type: "host",
-              value:
-                process.env.NODE_ENV === "production"
-                  ? "www.stpg.dev"
-                  : "localhost",
-            },
-          ],
-          destination: "/:subdomain/:path*",
-        },
-      ],
-    };
-  },
 };
 
 // For detailed options, refer to the official documentation:
@@ -79,4 +60,4 @@ const sentryConfig = {
   },
 };
 
-export default withSentryConfig(nextConfig, sentryConfig);
+export default withSentryConfig(withNextIntl(nextConfig), sentryConfig);
diff --git a/apps/status-page/package.json b/apps/status-page/package.json
index e95de070d..730850e87 100644
--- a/apps/status-page/package.json
+++ b/apps/status-page/package.json
@@ -53,6 +53,7 @@
     "lucide-react": "0.525.0",
     "next": "16.1.6",
     "next-auth": "5.0.0-beta.29",
+    "next-intl": "^4.8.3",
     "next-plausible": "3.12.5",
     "next-themes": "0.4.6",
     "nuqs": "2.8.5",
diff --git a/apps/status-page/src/app/(public)/client.tsx b/apps/status-page/src/app/(public)/client.tsx
index a11495dc4..175b55fdf 100644
--- a/apps/status-page/src/app/(public)/client.tsx
+++ b/apps/status-page/src/app/(public)/client.tsx
@@ -10,6 +10,7 @@ import {
   SectionTitle,
 } from "@/components/content/section";
 import { recomputeStyles } from "@/components/status-page/floating-button";
+import { StatusMonitorStatic } from "@/components/status-page/static/status-monitor-static";
 import {
   Status,
   StatusContent,
@@ -17,13 +18,12 @@ import {
   StatusHeader,
   StatusTitle,
 } from "@/components/status-page/status";
-import { StatusBanner } from "@/components/status-page/status-banner";
-import { StatusMonitor } from "@/components/status-page/status-monitor";
 import { ThemePalettePicker } from "@/components/themes/theme-palette-picker";
 import { ThemeSelect } from "@/components/themes/theme-select";
 import { monitors } from "@/data/monitors";
 import { useTRPC } from "@/lib/trpc/client";
 import { THEMES, THEME_KEYS } from "@openstatus/theme-store";
+import { StatusBanner } from "@openstatus/ui/components/blocks/status-banner";
 import { Button } from "@openstatus/ui/components/ui/button";
 import { Input } from "@openstatus/ui/components/ui/input";
 import { Separator } from "@openstatus/ui/components/ui/separator";
@@ -298,7 +298,7 @@ function ThemePlaygroundStatus({
         <StatusBanner status="success" />
         <StatusContent>
           {/* TODO: create mock data */}
-          <StatusMonitor
+          <StatusMonitorStatic
             status="success"
             data={uptimeData?.data || []}
             monitor={monitors[0]}
diff --git a/apps/status-page/src/app/(public)/layout.tsx b/apps/status-page/src/app/(public)/layout.tsx
index 176dd3e66..b91dd433c 100644
--- a/apps/status-page/src/app/(public)/layout.tsx
+++ b/apps/status-page/src/app/(public)/layout.tsx
@@ -10,6 +10,7 @@ import {
   SidebarProvider,
 } from "@openstatus/ui/components/ui/sidebar";
 import { Toaster } from "@openstatus/ui/components/ui/sonner";
+import { NextIntlClientProvider } from "next-intl";
 import PlausibleProvider from "next-plausible";
 import { Suspense } from "react";
 
@@ -21,6 +22,9 @@ export default async function Layout({
 }: {
   children: React.ReactNode;
 }) {
+  const locale = "en";
+  const messages = (await import(`../../../messages/${locale}.json`)).default;
+
   return (
     <PlausibleProvider domain="themes.openstatus.dev">
       <style
@@ -28,31 +32,34 @@ export default async function Layout({
         // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
         dangerouslySetInnerHTML={{ __html: generateThemeStyles() }}
       />
-      <ThemeProvider attribute="class" enableSystem disableTransitionOnChange>
-        <SidebarProvider
-          defaultOpen={true}
-          style={
-            {
-              "--sidebar-width": SIDEBAR_WIDTH,
-              "--sidebar-width-mobile": SIDEBAR_WIDTH_MOBILE,
-            } as React.CSSProperties
-          }
-        >
-          <SidebarInset className="relative">
-            <SidebarTrigger className="absolute top-2 right-2" />
-            <main className="mx-auto">{children}</main>
-            <footer className="flex items-center justify-center gap-4 p-4 text-center font-mono text-muted-foreground text-sm">
-              <p>
-                powered by <Link href="https://openstatus.dev">openstatus</Link>
-              </p>
-            </footer>
-          </SidebarInset>
-          <Suspense>
-            <ThemeSidebar />
-          </Suspense>
-        </SidebarProvider>
-        <Toaster richColors expand />
-      </ThemeProvider>
+      <NextIntlClientProvider locale={locale} messages={messages}>
+        <ThemeProvider attribute="class" enableSystem disableTransitionOnChange>
+          <SidebarProvider
+            defaultOpen={true}
+            style={
+              {
+                "--sidebar-width": SIDEBAR_WIDTH,
+                "--sidebar-width-mobile": SIDEBAR_WIDTH_MOBILE,
+              } as React.CSSProperties
+            }
+          >
+            <SidebarInset className="relative">
+              <SidebarTrigger className="absolute top-2 right-2" />
+              <main className="mx-auto">{children}</main>
+              <footer className="flex items-center justify-center gap-4 p-4 text-center font-mono text-muted-foreground text-sm">
+                <p>
+                  powered by{" "}
+                  <Link href="https://openstatus.dev">openstatus</Link>
+                </p>
+              </footer>
+            </SidebarInset>
+            <Suspense>
+              <ThemeSidebar />
+            </Suspense>
+          </SidebarProvider>
+          <Toaster richColors expand />
+        </ThemeProvider>
+      </NextIntlClientProvider>
     </PlausibleProvider>
   );
 }
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(auth)/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(auth)/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(auth)/login/_components/section-magic-link.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/_components/section-magic-link.tsx
similarity index 83%
rename from apps/status-page/src/app/(status-page)/[domain]/(auth)/login/_components/section-magic-link.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/_components/section-magic-link.tsx
index 8399f0dfc..6064b32d6 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(auth)/login/_components/section-magic-link.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/_components/section-magic-link.tsx
@@ -15,12 +15,14 @@ import { FormEmail, type FormValues } from "@/components/forms/form-email";
 import { generateServerActionPromise } from "@/lib/server-actions";
 import { Button } from "@openstatus/ui/components/ui/button";
 import { Inbox } from "lucide-react";
+import { useExtracted } from "next-intl";
 import { useParams } from "next/navigation";
 import { useState } from "react";
 import { flushSync } from "react-dom";
 import { signInWithResendAction } from "../actions";
 
 export function SectionMagicLink() {
+  const t = useExtracted();
   const { domain } = useParams<{ domain: string }>();
   const [state, setState] = useState<"idle" | "pending" | "success">("idle");
 
@@ -54,10 +56,11 @@ export function SectionMagicLink() {
   return (
     <Section className="m-auto w-full max-w-lg rounded-lg border bg-card p-4">
       <SectionHeader>
-        <SectionTitle>Authenticate</SectionTitle>
+        <SectionTitle>{t("Authenticate")}</SectionTitle>
         <SectionDescription>
-          Enter your email to receive a magic link for accessing the status
-          page. Note: Only emails from approved domains are accepted.
+          {t(
+            "Enter your email to receive a magic link for accessing the status page. Note: Only emails from approved domains are accepted.",
+          )}
         </SectionDescription>
       </SectionHeader>
       {state !== "success" ? (
@@ -68,7 +71,7 @@ export function SectionMagicLink() {
             form="email-form"
             disabled={state === "pending"}
           >
-            {state === "pending" ? "Submitting..." : "Submit"}
+            {state === "pending" ? t("Submitting...") : t("Submit")}
           </Button>
         </div>
       ) : (
@@ -79,12 +82,13 @@ export function SectionMagicLink() {
 }
 
 function SuccessState() {
+  const t = useExtracted();
   return (
     <EmptyStateContainer>
       <Inbox className="size-4 shrink-0" />
-      <EmptyStateTitle>Check your inbox!</EmptyStateTitle>
+      <EmptyStateTitle>{t("Check your inbox!")}</EmptyStateTitle>
       <EmptyStateDescription>
-        Access the status page by clicking the link in the email.
+        {t("Access the status page by clicking the link in the email.")}
       </EmptyStateDescription>
     </EmptyStateContainer>
   );
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(auth)/login/_components/section-password.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/_components/section-password.tsx
similarity index 90%
rename from apps/status-page/src/app/(status-page)/[domain]/(auth)/login/_components/section-password.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/_components/section-password.tsx
index bc8d574ae..94cf6196d 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(auth)/login/_components/section-password.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/_components/section-password.tsx
@@ -12,9 +12,11 @@ import { useTRPC } from "@/lib/trpc/client";
 import { Button } from "@openstatus/ui/components/ui/button";
 import { useCookieState } from "@openstatus/ui/hooks/use-cookie-state";
 import { useMutation } from "@tanstack/react-query";
+import { useExtracted } from "next-intl";
 import { useParams, useRouter, useSearchParams } from "next/navigation";
 
 export function SectionPassword() {
+  const t = useExtracted();
   const { domain } = useParams<{ domain: string }>();
   const searchParams = useSearchParams();
   const trpc = useTRPC();
@@ -27,9 +29,9 @@ export function SectionPassword() {
   return (
     <Section className="m-auto w-full max-w-lg rounded-lg border bg-card p-4">
       <SectionHeader>
-        <SectionTitle>Protected Page</SectionTitle>
+        <SectionTitle>{t("Protected Page")}</SectionTitle>
         <SectionDescription>
-          Enter the password to access the status page.
+          {t("Enter the password to access the status page.")}
         </SectionDescription>
       </SectionHeader>
       <div className="flex flex-col gap-2">
@@ -53,7 +55,7 @@ export function SectionPassword() {
           }}
         />
         <Button type="submit" form="password-form">
-          Submit
+          {t("Submit")}
         </Button>
       </div>
     </Section>
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(auth)/login/actions.ts b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/actions.ts
similarity index 86%
rename from apps/status-page/src/app/(status-page)/[domain]/(auth)/login/actions.ts
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/actions.ts
index 57c1e32c2..6f063b5c0 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(auth)/login/actions.ts
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/actions.ts
@@ -4,9 +4,11 @@ import { signIn } from "@/lib/auth";
 import { getQueryClient, trpc } from "@/lib/trpc/server";
 import { TRPCClientError } from "@trpc/client";
 import { AuthError } from "next-auth";
+import { getExtracted } from "next-intl/server";
 import { isRedirectError } from "next/dist/client/components/redirect-error";
 
 export async function signInWithResendAction(formData: FormData) {
+  const t = await getExtracted();
   try {
     const email = formData.get("email") as string;
     const redirectTo = formData.get("redirectTo") as string;
@@ -15,7 +17,7 @@ export async function signInWithResendAction(formData: FormData) {
     if (!email || !redirectTo) {
       return {
         success: false,
-        error: "Email and redirectTo are required",
+        error: t("Email and redirectTo are required"),
       };
     }
 
@@ -38,7 +40,7 @@ export async function signInWithResendAction(formData: FormData) {
       }
       return {
         success: false,
-        error: "An unexpected error occurred during sign in",
+        error: t("An unexpected error occurred during sign in"),
       };
     }
 
@@ -63,7 +65,7 @@ export async function signInWithResendAction(formData: FormData) {
 
     return {
       success: false,
-      error: "An unexpected error occurred during sign in",
+      error: t("An unexpected error occurred during sign in"),
     };
   }
 }
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(auth)/login/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/page.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(auth)/login/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(auth)/login/page.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/badge/route.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/badge/route.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/badge/route.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/badge/route.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/badge/v2/route.ts b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/badge/v2/route.ts
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/badge/v2/route.ts
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/badge/v2/route.ts
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(list)/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(list)/page.tsx
similarity index 94%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/events/(list)/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(list)/page.tsx
index 1b716087a..40bf66753 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(list)/page.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(list)/page.tsx
@@ -22,12 +22,14 @@ import {
   TabsTrigger,
 } from "@openstatus/ui/components/ui/tabs";
 import { useQuery } from "@tanstack/react-query";
+import { useExtracted } from "next-intl";
 import Link from "next/link";
 import { useParams } from "next/navigation";
 import { useQueryStates } from "nuqs";
 import { searchParamsParsers } from "./search-params";
 
 export default function Page() {
+  const t = useExtracted();
   const [{ tab }, setSearchParams] = useQueryStates(searchParamsParsers);
   const { domain } = useParams<{ domain: string }>();
   const trpc = useTRPC();
@@ -48,8 +50,8 @@ export default function Page() {
       className="gap-4"
     >
       <TabsList>
-        <TabsTrigger value="reports">Reports</TabsTrigger>
-        <TabsTrigger value="maintenances">Maintenances</TabsTrigger>
+        <TabsTrigger value="reports">{t("Reports")}</TabsTrigger>
+        <TabsTrigger value="maintenances">{t("Maintenances")}</TabsTrigger>
       </TabsList>
       <TabsContent value="reports">
         <StatusEventGroup>
@@ -147,8 +149,8 @@ export default function Page() {
             })
           ) : (
             <StatusBlankEvents
-              title="No maintenances found"
-              description="No maintenances found for this status page."
+              title={t("No maintenances found")}
+              description={t("No maintenances found for this status page.")}
             />
           )}
         </StatusEventGroup>
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(list)/search-params.ts b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(list)/search-params.ts
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/events/(list)/search-params.ts
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(list)/search-params.ts
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/maintenance/[id]/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/maintenance/[id]/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/maintenance/[id]/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/maintenance/[id]/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/maintenance/[id]/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/maintenance/[id]/page.tsx
similarity index 90%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/maintenance/[id]/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/maintenance/[id]/page.tsx
index 20cb72671..55dd272d9 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/maintenance/[id]/page.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/maintenance/[id]/page.tsx
@@ -16,9 +16,11 @@ import {
   StatusEventTimelineMaintenance,
   StatusEventTitle,
 } from "@/components/status-page/status-events";
+import { useExtracted } from "next-intl";
 import { useParams } from "next/navigation";
 
 export default function MaintenancePage() {
+  const t = useExtracted();
   const trpc = useTRPC();
   const { id, domain } = useParams<{ id: string; domain: string }>();
   const { data: maintenance } = useQuery(
@@ -31,8 +33,8 @@ export default function MaintenancePage() {
   if (!maintenance) {
     return (
       <StatusBlankEvents
-        title="Maintenance not found"
-        description="The maintenance you are looking for does not exist."
+        title={t("Maintenance not found")}
+        description={t("The maintenance you are looking for does not exist.")}
       />
     );
   }
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/report/[id]/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/report/[id]/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/report/[id]/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/report/[id]/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/report/[id]/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/report/[id]/page.tsx
similarity index 93%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/report/[id]/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/report/[id]/page.tsx
index 1cd49cd63..2d8c00b20 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/(view)/report/[id]/page.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/(view)/report/[id]/page.tsx
@@ -16,9 +16,11 @@ import {
 } from "@/components/status-page/status-events";
 import { useTRPC } from "@/lib/trpc/client";
 import { useQuery } from "@tanstack/react-query";
+import { useExtracted } from "next-intl";
 import { useParams } from "next/navigation";
 
 export default function ReportPage() {
+  const t = useExtracted();
   const trpc = useTRPC();
   const { id, domain } = useParams<{ id: string; domain: string }>();
   const { data: report } = useQuery(
@@ -28,8 +30,8 @@ export default function ReportPage() {
   if (!report) {
     return (
       <StatusBlankEvents
-        title="Report not found"
-        description="The report you are looking for does not exist."
+        title={t("Report not found")}
+        description={t("The report you are looking for does not exist.")}
       />
     );
   }
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/events/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/events/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/events/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/feed/[type]/route.ts b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/feed/[type]/route.ts
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/feed/[type]/route.ts
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/feed/[type]/route.ts
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/feed/json/route.ts b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/feed/json/route.ts
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/feed/json/route.ts
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/feed/json/route.ts
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/manage/[token]/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/manage/[token]/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/manage/[token]/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/manage/[token]/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/manage/[token]/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/manage/[token]/page.tsx
similarity index 77%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/manage/[token]/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/manage/[token]/page.tsx
index ba5cb1c3a..13df201ae 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(public)/manage/[token]/page.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/manage/[token]/page.tsx
@@ -33,10 +33,13 @@ import {
 import { Button } from "@openstatus/ui/components/ui/button";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { isTRPCClientError } from "@trpc/client";
+import { useExtracted, useLocale } from "next-intl";
 import { useParams } from "next/navigation";
 import { toast } from "sonner";
 
 export default function VerifyPage() {
+  const t = useExtracted();
+  const locale = useLocale();
   const trpc = useTRPC();
   const { token, domain } = useParams<{ token: string; domain: string }>();
   const { data: page } = useQuery(
@@ -55,13 +58,13 @@ export default function VerifyPage() {
     trpc.statusPage.unsubscribe.mutationOptions({
       onSuccess: () => {
         refetch();
-        toast.success("Unsubscribed successfully");
+        toast.success(t("Unsubscribed successfully"));
       },
       onError: (error) => {
         if (isTRPCClientError(error)) {
           toast.error(error.message);
         } else {
-          toast.error("Failed to unsubscribe");
+          toast.error(t("Failed to unsubscribe"));
         }
       },
     }),
@@ -71,12 +74,13 @@ export default function VerifyPage() {
     return (
       <StatusBlankContainer>
         <StatusBlankContent>
-          <StatusBlankTitle>Invalid subscription token</StatusBlankTitle>
+          <StatusBlankTitle>{t("Invalid subscription token")}</StatusBlankTitle>
           <StatusBlankDescription>
-            This subscription token is no longer valid. You may have already
-            unsubscribed or the link has expired.
+            {t(
+              "This subscription token is no longer valid. You may have already unsubscribed or the link has expired.",
+            )}
           </StatusBlankDescription>
-          <StatusBlankLink href="../">Go back</StatusBlankLink>
+          <StatusBlankLink href="../">{t("Go back")}</StatusBlankLink>
         </StatusBlankContent>
       </StatusBlankContainer>
     );
@@ -90,7 +94,9 @@ export default function VerifyPage() {
         <FormCardHeader>
           <FormCardTitle>{subscription.email}</FormCardTitle>
           <FormCardDescription>
-            Manage your subscription to receive updates on the status page.
+            {t(
+              "Manage your subscription to receive updates on the status page.",
+            )}
           </FormCardDescription>
         </FormCardHeader>
         <FormCardContent className="px-0">
@@ -115,12 +121,13 @@ export default function VerifyPage() {
           <FormCardFooterInfo>
             {subscription.unsubscribedAt ? (
               <span className="text-destructive">
-                Unsubscribed on{" "}
-                {Intl.DateTimeFormat("en-US", {
-                  year: "numeric",
-                  month: "long",
-                  day: "numeric",
-                }).format(subscription.unsubscribedAt)}
+                {t("Unsubscribed on {date}", {
+                  date: Intl.DateTimeFormat(locale, {
+                    year: "numeric",
+                    month: "long",
+                    day: "numeric",
+                  }).format(subscription.unsubscribedAt),
+                })}
               </span>
             ) : null}
           </FormCardFooterInfo>
@@ -137,26 +144,27 @@ export default function VerifyPage() {
                   }
                 >
                   {unsubscribeMutation.isPending
-                    ? "Unsubscribing..."
-                    : "Unsubscribe"}
+                    ? t("Unsubscribing...")
+                    : t("Unsubscribe")}
                 </Button>
               </AlertDialogTrigger>
               <AlertDialogContent>
                 <AlertDialogHeader>
-                  <AlertDialogTitle>Unsubscribe</AlertDialogTitle>
+                  <AlertDialogTitle>{t("Unsubscribe")}</AlertDialogTitle>
                   <AlertDialogDescription>
-                    Are you sure you want to unsubscribe from this status page?
-                    You will no longer receive updates.
+                    {t(
+                      "Are you sure you want to unsubscribe from this status page? You will no longer receive updates.",
+                    )}
                   </AlertDialogDescription>
                 </AlertDialogHeader>
                 <AlertDialogFooter>
-                  <AlertDialogCancel>Cancel</AlertDialogCancel>
+                  <AlertDialogCancel>{t("Cancel")}</AlertDialogCancel>
                   <AlertDialogAction
                     onClick={() =>
                       unsubscribeMutation.mutate({ token, domain })
                     }
                   >
-                    Unsubscribe
+                    {t("Unsubscribe")}
                   </AlertDialogAction>
                 </AlertDialogFooter>
               </AlertDialogContent>
@@ -172,8 +180,8 @@ export default function VerifyPage() {
               }
             >
               {manageSubscriptionMutation.isPending
-                ? "Submitting..."
-                : "Submit"}
+                ? t("Submitting...")
+                : t("Submit")}
             </Button>
           </div>
         </FormCardFooter>
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/manage/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/manage/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/manage/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/manage/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/monitors/[id]/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/monitors/[id]/page.tsx
similarity index 89%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/monitors/[id]/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/monitors/[id]/page.tsx
index 37b518c00..6e6fe4c35 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(public)/monitors/[id]/page.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/monitors/[id]/page.tsx
@@ -14,7 +14,6 @@ import {
   ChartLineRegions,
   ChartLineRegionsSkeleton,
 } from "@/components/chart/chart-line-regions";
-import { PopoverQuantile } from "@/components/popover/popover-quantile";
 import {
   Status,
   StatusContent,
@@ -47,12 +46,14 @@ import { useTRPC } from "@/lib/trpc/client";
 import { Badge } from "@openstatus/ui/components/ui/badge";
 import { useQuery } from "@tanstack/react-query";
 import { TrendingUp } from "lucide-react";
+import { useExtracted } from "next-intl";
 import { useParams } from "next/navigation";
 import { useQueryStates } from "nuqs";
 import { useMemo } from "react";
 import { searchParamsParsers } from "./search-params";
 
 export default function Page() {
+  const t = useExtracted();
   const [{ tab }, setSearchParams] = useQueryStates(searchParamsParsers);
   const trpc = useTRPC();
   const { id, domain } = useParams<{ id: string; domain: string }>();
@@ -205,8 +206,8 @@ export default function Page() {
   if (!isLoading && !monitor) {
     return (
       <StatusBlankMonitors
-        title="Monitor not found"
-        description="The monitor you are looking for does not exist."
+        title={t("Monitor not found")}
+        description={t("The monitor you are looking for does not exist.")}
       />
     );
   }
@@ -231,7 +232,7 @@ export default function Page() {
           <StatusMonitorTabsList className="grid grid-cols-3">
             <StatusMonitorTabsTrigger value="global">
               <StatusMonitorTabsTriggerLabel>
-                Global Latency
+                {t("Global Latency")}
               </StatusMonitorTabsTriggerLabel>
               {isLoading ? (
                 <StatusMonitorTabsTriggerValueSkeleton />
@@ -246,13 +247,13 @@ export default function Page() {
             </StatusMonitorTabsTrigger>
             <StatusMonitorTabsTrigger value="region">
               <StatusMonitorTabsTriggerLabel>
-                Region Latency
+                {t("Region Latency")}
               </StatusMonitorTabsTriggerLabel>
               {isLoading ? (
                 <StatusMonitorTabsTriggerValueSkeleton />
               ) : (
                 <StatusMonitorTabsTriggerValue>
-                  {tempMonitor?.regions.length} regions{" "}
+                  {tempMonitor?.regions.length} {t("regions")}{" "}
                   <Badge
                     variant="outline"
                     className="py-px font-mono text-[10px]"
@@ -264,7 +265,7 @@ export default function Page() {
             </StatusMonitorTabsTrigger>
             <StatusMonitorTabsTrigger value="uptime">
               <StatusMonitorTabsTriggerLabel>
-                Uptime
+                {t("Uptime")}
               </StatusMonitorTabsTriggerLabel>
               {isLoading ? (
                 <StatusMonitorTabsTriggerValueSkeleton />
@@ -272,7 +273,7 @@ export default function Page() {
                 <StatusMonitorTabsTriggerValue>
                   {uptimePercentage}{" "}
                   <Badge variant="outline" className="py-px text-[10px]">
-                    {totalChecks} checks
+                    {totalChecks} {t("checks")}
                   </Badge>
                 </StatusMonitorTabsTriggerValue>
               )}
@@ -281,10 +282,11 @@ export default function Page() {
           <StatusMonitorTabsContent value="global">
             <StatusChartContent>
               <StatusChartHeader>
-                <StatusChartTitle>Global Latency</StatusChartTitle>
+                <StatusChartTitle>{t("Global Latency")}</StatusChartTitle>
                 <StatusChartDescription>
-                  The aggregated latency from all active regions based on
-                  different <PopoverQuantile>quantiles</PopoverQuantile>.
+                  {t(
+                    "The aggregated latency from all active regions based on different quantiles.",
+                  )}
                 </StatusChartDescription>
               </StatusChartHeader>
               {isLoading ? (
@@ -304,15 +306,11 @@ export default function Page() {
           <StatusMonitorTabsContent value="region">
             <StatusChartContent>
               <StatusChartHeader>
-                <StatusChartTitle>Latency by Region</StatusChartTitle>
+                <StatusChartTitle>{t("Latency by Region")}</StatusChartTitle>
                 <StatusChartDescription>
-                  {/* TODO: we could add an information to p95 that it takes the highest selected global latency percentile */}
-                  Region latency per{" "}
-                  <code className="font-medium text-foreground">p75</code>{" "}
-                  <PopoverQuantile>quantile</PopoverQuantile>, sorted by slowest
-                  region. Compare up to{" "}
-                  <code className="font-medium text-foreground">6</code>{" "}
-                  regions.
+                  {t(
+                    "Region latency per p75 quantile, sorted by slowest region. Compare up to 6 regions.",
+                  )}
                 </StatusChartDescription>
               </StatusChartHeader>
               {isLoading ? (
@@ -329,9 +327,9 @@ export default function Page() {
           <StatusMonitorTabsContent value="uptime">
             <StatusChartContent>
               <StatusChartHeader>
-                <StatusChartTitle>Total Uptime</StatusChartTitle>
+                <StatusChartTitle>{t("Total Uptime")}</StatusChartTitle>
                 <StatusChartDescription>
-                  Main values of uptime and availability, transparent.
+                  {t("Main values of uptime and availability, transparent.")}
                 </StatusChartDescription>
               </StatusChartHeader>
               {isLoading ? (
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/monitors/[id]/search-params.ts b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/monitors/[id]/search-params.ts
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/monitors/[id]/search-params.ts
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/monitors/[id]/search-params.ts
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/monitors/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/monitors/page.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/monitors/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/monitors/page.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/page.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/page.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/unsubscribe/[token]/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/unsubscribe/[token]/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/unsubscribe/[token]/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/unsubscribe/[token]/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/unsubscribe/[token]/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/unsubscribe/[token]/page.tsx
similarity index 64%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/unsubscribe/[token]/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/unsubscribe/[token]/page.tsx
index a46eb4b3a..3a2fe2aa6 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(public)/unsubscribe/[token]/page.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/unsubscribe/[token]/page.tsx
@@ -10,9 +10,11 @@ import {
 import { useTRPC } from "@/lib/trpc/client";
 import { Button } from "@openstatus/ui/components/ui/button";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { useExtracted } from "next-intl";
 import { useParams } from "next/navigation";
 
 export default function UnsubscribePage() {
+  const t = useExtracted();
   const trpc = useTRPC();
   const { token, domain } = useParams<{ token: string; domain: string }>();
 
@@ -33,7 +35,7 @@ export default function UnsubscribePage() {
     return (
       <StatusBlankContainer>
         <StatusBlankContent>
-          <StatusBlankTitle>Loading...</StatusBlankTitle>
+          <StatusBlankTitle>{t("Loading...")}</StatusBlankTitle>
         </StatusBlankContent>
       </StatusBlankContainer>
     );
@@ -45,13 +47,14 @@ export default function UnsubscribePage() {
       <StatusBlankContainer>
         <StatusBlankContent>
           <StatusBlankTitle className="text-destructive">
-            Invalid or expired link
+            {t("Invalid or expired link")}
           </StatusBlankTitle>
           <StatusBlankDescription>
-            This unsubscribe link is no longer valid. You may have already
-            unsubscribed.
+            {t(
+              "This unsubscribe link is no longer valid. You may have already unsubscribed.",
+            )}
           </StatusBlankDescription>
-          <StatusBlankLink href="../">Go back</StatusBlankLink>
+          <StatusBlankLink href="../">{t("Go back")}</StatusBlankLink>
         </StatusBlankContent>
       </StatusBlankContainer>
     );
@@ -63,13 +66,15 @@ export default function UnsubscribePage() {
       <StatusBlankContainer>
         <StatusBlankContent>
           <StatusBlankTitle className="text-success">
-            Successfully unsubscribed
+            {t("Successfully unsubscribed")}
           </StatusBlankTitle>
           <StatusBlankDescription>
-            You will no longer receive email notifications from{" "}
-            {subscriberQuery.data.pageName}.
+            {t(
+              "You will no longer receive email notifications from {pageName}.",
+              { pageName: subscriberQuery.data.pageName },
+            )}
           </StatusBlankDescription>
-          <StatusBlankLink href="../">Go back</StatusBlankLink>
+          <StatusBlankLink href="../">{t("Go back")}</StatusBlankLink>
         </StatusBlankContent>
       </StatusBlankContainer>
     );
@@ -81,12 +86,12 @@ export default function UnsubscribePage() {
       <StatusBlankContainer>
         <StatusBlankContent>
           <StatusBlankTitle className="text-destructive">
-            {unsubscribeMutation.error?.message || "Something went wrong"}
+            {unsubscribeMutation.error?.message || t("Something went wrong")}
           </StatusBlankTitle>
           <StatusBlankDescription>
-            Please try again or contact support if the issue persists.
+            {t("Please try again or contact support if the issue persists.")}
           </StatusBlankDescription>
-          <StatusBlankLink href="../">Go back</StatusBlankLink>
+          <StatusBlankLink href="../">{t("Go back")}</StatusBlankLink>
         </StatusBlankContent>
       </StatusBlankContainer>
     );
@@ -96,25 +101,29 @@ export default function UnsubscribePage() {
   return (
     <StatusBlankContainer>
       <StatusBlankContent>
-        <StatusBlankTitle>Unsubscribe from notifications</StatusBlankTitle>
+        <StatusBlankTitle>
+          {t("Unsubscribe from notifications")}
+        </StatusBlankTitle>
         <StatusBlankDescription>
-          You are about to unsubscribe{" "}
-          <span className="font-semibold">
-            {subscriberQuery.data.maskedEmail}
-          </span>{" "}
-          from{" "}
-          <span className="font-semibold">{subscriberQuery.data.pageName}</span>{" "}
-          status updates.
+          {t(
+            "You are about to unsubscribe {email} from {pageName} status updates.",
+            {
+              email: subscriberQuery.data.maskedEmail ?? "",
+              pageName: subscriberQuery.data.pageName ?? "",
+            },
+          )}
         </StatusBlankDescription>
         <div className="flex justify-center gap-2">
-          <StatusBlankLink href="../">Cancel</StatusBlankLink>
+          <StatusBlankLink href="../">{t("Cancel")}</StatusBlankLink>
           <Button
             variant="destructive"
             size="sm"
             onClick={handleUnsubscribe}
             disabled={unsubscribeMutation.isPending}
           >
-            {unsubscribeMutation.isPending ? "Unsubscribing..." : "Unsubscribe"}
+            {unsubscribeMutation.isPending
+              ? t("Unsubscribing...")
+              : t("Unsubscribe")}
           </Button>
         </div>
       </StatusBlankContent>
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/verify/[token]/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/verify/[token]/layout.tsx
similarity index 100%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/verify/[token]/layout.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/verify/[token]/layout.tsx
diff --git a/apps/status-page/src/app/(status-page)/[domain]/(public)/verify/[token]/page.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/verify/[token]/page.tsx
similarity index 82%
rename from apps/status-page/src/app/(status-page)/[domain]/(public)/verify/[token]/page.tsx
rename to apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/verify/[token]/page.tsx
index aa5515d96..3df8f036d 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/(public)/verify/[token]/page.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/(public)/verify/[token]/page.tsx
@@ -9,10 +9,12 @@ import {
 import { useTRPC } from "@/lib/trpc/client";
 import { cn } from "@openstatus/ui/lib/utils";
 import { useMutation } from "@tanstack/react-query";
+import { useExtracted } from "next-intl";
 import { useParams } from "next/navigation";
 import { useEffect } from "react";
 
 export default function VerifyPage() {
+  const t = useExtracted();
   const trpc = useTRPC();
   const { token, domain } = useParams<{ token: string; domain: string }>();
   const verifyEmailMutation = useMutation(
@@ -25,10 +27,12 @@ export default function VerifyPage() {
   }, [domain, token]);
 
   const title = verifyEmailMutation.isSuccess
-    ? `All set to receive updates to ${verifyEmailMutation.data?.email}!`
+    ? t("All set to receive updates to {email}!", {
+        email: verifyEmailMutation.data?.email ?? "",
+      })
     : verifyEmailMutation.isError
-      ? verifyEmailMutation.error?.message || "Something went wrong"
-      : "Hang tight - we're confirming your subscription";
+      ? verifyEmailMutation.error?.message || t("Something went wrong")
+      : t("Hang tight - we're confirming your subscription");
 
   return (
     <StatusBlankContainer>
@@ -48,7 +52,7 @@ export default function VerifyPage() {
               verifyEmailMutation.isPending || !verifyEmailMutation.data
             }
           >
-            Go back
+            {t("Go back")}
           </StatusBlankLink>
           {verifyEmailMutation.isSuccess && (
             <StatusBlankLink
@@ -57,7 +61,7 @@ export default function VerifyPage() {
                 verifyEmailMutation.isPending || !verifyEmailMutation.data
               }
             >
-              Manage
+              {t("Manage")}
             </StatusBlankLink>
           )}
         </div>
diff --git a/apps/status-page/src/app/(status-page)/[domain]/[locale]/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/[locale]/layout.tsx
new file mode 100644
index 000000000..151bc44a4
--- /dev/null
+++ b/apps/status-page/src/app/(status-page)/[domain]/[locale]/layout.tsx
@@ -0,0 +1,30 @@
+import { DateFnsProvider } from "@/components/date-fns-provider";
+import { routing } from "@/i18n/routing";
+import { NextIntlClientProvider, hasLocale } from "next-intl";
+import { setRequestLocale } from "next-intl/server";
+import { notFound } from "next/navigation";
+
+export default async function LocaleLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: Promise<{ locale: string }>;
+}) {
+  const { locale } = await params;
+
+  if (!hasLocale(routing.locales, locale)) {
+    notFound();
+  }
+
+  setRequestLocale(locale);
+
+  const messages = (await import(`../../../../../messages/${locale}.json`))
+    .default;
+
+  return (
+    <NextIntlClientProvider locale={locale} messages={messages}>
+      <DateFnsProvider locale={locale}>{children}</DateFnsProvider>
+    </NextIntlClientProvider>
+  );
+}
diff --git a/apps/status-page/src/app/(status-page)/[domain]/layout.tsx b/apps/status-page/src/app/(status-page)/[domain]/layout.tsx
index 8b1585655..b52958cb1 100644
--- a/apps/status-page/src/app/(status-page)/[domain]/layout.tsx
+++ b/apps/status-page/src/app/(status-page)/[domain]/layout.tsx
@@ -17,7 +17,7 @@ import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { z } from "zod";
 
-export const schema = z.object({
+const schema = z.object({
   value: z.enum(["duration", "requests", "manual"]).prefault("duration"),
   type: z.enum(["absolute", "manual"]).prefault("absolute"),
   uptime: z.coerce.boolean().prefault(true),
diff --git a/apps/status-page/src/components/button/button-back.tsx b/apps/status-page/src/components/button/button-back.tsx
index 4829d7f77..826e2713e 100644
--- a/apps/status-page/src/components/button/button-back.tsx
+++ b/apps/status-page/src/components/button/button-back.tsx
@@ -3,6 +3,7 @@
 import { Button } from "@openstatus/ui/components/ui/button";
 import { cn } from "@openstatus/ui/lib/utils";
 import { ArrowLeft } from "lucide-react";
+import { useExtracted } from "next-intl";
 import Link from "next/link";
 
 export function ButtonBack({
@@ -10,6 +11,7 @@ export function ButtonBack({
   href = "/",
   ...props
 }: React.ComponentProps<typeof Button> & { href?: string }) {
+  const t = useExtracted();
   return (
     <Button
       variant="ghost"
@@ -20,7 +22,7 @@ export function ButtonBack({
     >
       <Link href={href}>
         <ArrowLeft />
-        Back
+        {t("Back")}
       </Link>
     </Button>
   );
diff --git a/apps/status-page/src/components/button/button-copy-link.tsx b/apps/status-page/src/components/button/button-copy-link.tsx
index 8235052ad..788f059bb 100644
--- a/apps/status-page/src/components/button/button-copy-link.tsx
+++ b/apps/status-page/src/components/button/button-copy-link.tsx
@@ -4,11 +4,13 @@ import { Button } from "@openstatus/ui/components/ui/button";
 import { useCopyToClipboard } from "@openstatus/ui/hooks/use-copy-to-clipboard";
 import { cn } from "@openstatus/ui/lib/utils";
 import { Check, Copy } from "lucide-react";
+import { useExtracted } from "next-intl";
 
 export function ButtonCopyLink({
   className,
   ...props
 }: React.ComponentProps<typeof Button>) {
+  const t = useExtracted();
   const { copy, isCopied } = useCopyToClipboard();
 
   return (
@@ -17,7 +19,7 @@ export function ButtonCopyLink({
       size="icon"
       onClick={() =>
         copy(window.location.href, {
-          successMessage: "Link copied to clipboard",
+          successMessage: t("Link copied to clipboard"),
           withToast: true,
         })
       }
@@ -25,7 +27,7 @@ export function ButtonCopyLink({
       {...props}
     >
       {isCopied ? <Check /> : <Copy />}
-      <span className="sr-only">Copy Link</span>
+      <span className="sr-only">{t("Copy Link")}</span>
     </Button>
   );
 }
diff --git a/apps/status-page/src/components/chart/chart-legend-badge.tsx b/apps/status-page/src/components/chart/chart-legend-badge.tsx
index 85fc72a6b..0907f4ba3 100644
--- a/apps/status-page/src/components/chart/chart-legend-badge.tsx
+++ b/apps/status-page/src/components/chart/chart-legend-badge.tsx
@@ -8,6 +8,7 @@ import {
   TooltipTrigger,
 } from "@openstatus/ui/components/ui/tooltip";
 import { cn } from "@openstatus/ui/lib/utils";
+import { useExtracted } from "next-intl";
 import * as React from "react";
 import type * as RechartsPrimitive from "recharts";
 import type { Payload } from "recharts/types/component/DefaultLegendContent";
@@ -34,6 +35,7 @@ export function ChartLegendBadge({
     annotation?: Record<string, string | number | undefined>;
     tooltip?: Record<string, string | undefined>;
   }) {
+  const t = useExtracted();
   const { config } = useChart();
   const [focusedIndex, setFocusedIndex] = React.useState(0);
   const buttonRefs = React.useRef<(HTMLButtonElement | null)[]>([]);
@@ -72,7 +74,7 @@ export function ChartLegendBadge({
       )}
       onKeyDown={handleKeyDown}
       role="group"
-      aria-label="Chart legend"
+      aria-label={t("Chart legend")}
     >
       {filteredPayload.map((item, index) => {
         const key = `${nameKey || item.dataKey || "value"}`;
diff --git a/apps/status-page/src/components/content/timestamp-hover-card.tsx b/apps/status-page/src/components/content/timestamp-hover-card.tsx
index 8189df5b4..8d03025cf 100644
--- a/apps/status-page/src/components/content/timestamp-hover-card.tsx
+++ b/apps/status-page/src/components/content/timestamp-hover-card.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { UTCDate } from "@date-fns/utc";
 import {
   HoverCard,
@@ -13,6 +15,7 @@ import {
 import { format } from "date-fns";
 import { formatDistanceToNowStrict } from "date-fns";
 import { Check, Copy } from "lucide-react";
+import { useExtracted } from "next-intl";
 import { useEffect, useState } from "react";
 
 export function TimestampHoverCard({
@@ -31,6 +34,7 @@ export function TimestampHoverCard({
   alignOffset?: HoverCardContentProps["alignOffset"];
   sideOffset?: HoverCardContentProps["sideOffset"];
 }) {
+  const t = useExtracted();
   const [open, setOpen] = useState(false);
   const isTouch = useMediaQuery("(hover: none)");
   const [_, setRerender] = useState(0);
@@ -74,7 +78,7 @@ export function TimestampHoverCard({
             <Row value={utc} label="UTC" />
             {/* <Row value={date.toISOString()} label="ISO" /> */}
             {/* <Row value={String(date.getTime())} label="Timestamp" /> */}
-            <Row value={relative} label="Relative" />
+            <Row value={relative} label={t("Relative")} />
           </dl>
         </HoverCardContent>
       </HoverCardPortal>
diff --git a/apps/status-page/src/components/date-fns-provider.tsx b/apps/status-page/src/components/date-fns-provider.tsx
new file mode 100644
index 000000000..f769a92c1
--- /dev/null
+++ b/apps/status-page/src/components/date-fns-provider.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+import type { Locale } from "@/i18n/config";
+import { setDefaultOptions } from "date-fns";
+import { de, enUS, fr } from "date-fns/locale";
+
+const dateFnsLocales = { en: enUS, fr, de } as const;
+
+export function DateFnsProvider({
+  locale,
+  children,
+}: {
+  locale: Locale;
+  children: React.ReactNode;
+}) {
+  setDefaultOptions({ locale: dateFnsLocales[locale] });
+  return children;
+}
diff --git a/apps/status-page/src/components/date-picker.tsx b/apps/status-page/src/components/date-picker.tsx
index 8f4f09fc6..07e5c53b3 100644
--- a/apps/status-page/src/components/date-picker.tsx
+++ b/apps/status-page/src/components/date-picker.tsx
@@ -11,6 +11,7 @@ import { Input } from "@openstatus/ui/components/ui/input";
 import { Label } from "@openstatus/ui/components/ui/label";
 import { Separator } from "@openstatus/ui/components/ui/separator";
 import { endOfDay } from "date-fns";
+import { useExtracted } from "next-intl";
 
 type DatePickerProps = {
   range: DateRange;
@@ -19,6 +20,7 @@ type DatePickerProps = {
 };
 
 export function DatePicker({ range, onSelect, presets }: DatePickerProps) {
+  const t = useExtracted();
   const [today] = useState(new Date());
   const disableBefore = presets[presets.length - 1]?.values?.from;
 
@@ -29,7 +31,7 @@ export function DatePicker({ range, onSelect, presets }: DatePickerProps) {
           <div className="h-full">
             <div className="flex flex-col px-1">
               <div className="px-3 py-1 font-medium text-muted-foreground text-xs">
-                Presets
+                {t("Presets")}
               </div>
               {presets.map((preset) => {
                 const isSelected =
@@ -78,12 +80,12 @@ export function DatePicker({ range, onSelect, presets }: DatePickerProps) {
       <Separator />
       <div className="flex flex-col gap-2 px-3 py-4">
         <p className="px-1 font-medium text-muted-foreground text-xs">
-          Custom Range
+          {t("Custom Range")}
         </p>
         <div className="grid gap-2 sm:grid-cols-2">
           <div className="grid w-full gap-1.5">
             <Label htmlFor="from" className="px-1">
-              Start
+              {t("Start")}
             </Label>
             <Input
               type="datetime-local"
@@ -103,7 +105,7 @@ export function DatePicker({ range, onSelect, presets }: DatePickerProps) {
           </div>
           <div className="grid w-full gap-1.5">
             <Label htmlFor="to" className="px-1">
-              End
+              {t("End")}
             </Label>
             <Input
               type="datetime-local"
diff --git a/apps/status-page/src/components/forms/form-email.tsx b/apps/status-page/src/components/forms/form-email.tsx
index 31094caab..4d7f4b78f 100644
--- a/apps/status-page/src/components/forms/form-email.tsx
+++ b/apps/status-page/src/components/forms/form-email.tsx
@@ -10,6 +10,7 @@ import {
 } from "@openstatus/ui/components/ui/form";
 import { Input } from "@openstatus/ui/components/ui/input";
 import { isTRPCClientError } from "@trpc/client";
+import { useExtracted } from "next-intl";
 import { useTransition } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
@@ -27,6 +28,7 @@ export function FormEmail({
 }: Omit<React.ComponentProps<"form">, "onSubmit"> & {
   onSubmit: (values: FormValues) => Promise<void>;
 }) {
+  const t = useExtracted();
   const form = useForm<FormValues>({
     resolver: zodResolver(schema),
     defaultValues: {
@@ -42,8 +44,8 @@ export function FormEmail({
       try {
         const promise = onSubmit(values);
         toast.promise(promise, {
-          loading: "Confirming...",
-          success: "Confirmed",
+          loading: t("Confirming..."),
+          success: t("Confirmed"),
           error: (error) => {
             console.error(error);
             if (isTRPCClientError(error)) {
@@ -54,7 +56,7 @@ export function FormEmail({
               form.setError("email", { message: error.message });
               return error.message;
             }
-            return "Failed to confirm";
+            return t("Failed to confirm");
           },
         });
         await promise;
@@ -72,7 +74,7 @@ export function FormEmail({
           name="email"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Email</FormLabel>
+              <FormLabel>{t("Email")}</FormLabel>
               <FormControl>
                 <Input type="email" {...field} />
               </FormControl>
diff --git a/apps/status-page/src/components/forms/form-manage-subscription.tsx b/apps/status-page/src/components/forms/form-manage-subscription.tsx
index fc2e41b6c..185254539 100644
--- a/apps/status-page/src/components/forms/form-manage-subscription.tsx
+++ b/apps/status-page/src/components/forms/form-manage-subscription.tsx
@@ -18,6 +18,7 @@ import {
 import { Separator } from "@openstatus/ui/components/ui/separator";
 import { cn } from "@openstatus/ui/lib/utils";
 import { isTRPCClientError } from "@trpc/client";
+import { useExtracted } from "next-intl";
 import { useTransition } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
@@ -44,6 +45,7 @@ export function FormManageSubscription({
   page?: Page | null;
   defaultValues?: FormValues;
 }) {
+  const t = useExtracted();
   const form = useForm<FormValues>({
     resolver: zodResolver(schema),
     defaultValues: {
@@ -60,13 +62,13 @@ export function FormManageSubscription({
       try {
         const promise = onSubmit(values);
         toast.promise(promise, {
-          loading: "Updating subscription...",
-          success: "Subscription updated",
+          loading: t("Updating subscription..."),
+          success: t("Subscription updated"),
           error: (error) => {
             if (isTRPCClientError(error)) {
               return error.message;
             }
-            return "Failed to update subscription";
+            return t("Failed to update subscription");
           },
         });
         await promise;
@@ -96,7 +98,7 @@ export function FormManageSubscription({
                   }}
                 />
               </FormControl>
-              <FormLabel>Subscribe to specific components</FormLabel>
+              <FormLabel>{t("Subscribe to specific components")}</FormLabel>
             </FormItem>
           )}
         />
@@ -224,10 +226,10 @@ export function FormManageSubscription({
             ) : (
               <StatusBlankContainer className="px-4">
                 <StatusBlankTitle>
-                  No components to subscribe to
+                  {t("No components to subscribe to")}
                 </StatusBlankTitle>
                 <StatusBlankDescription>
-                  This status page has no components to subscribe to.
+                  {t("This status page has no components to subscribe to.")}
                 </StatusBlankDescription>
               </StatusBlankContainer>
             )}
diff --git a/apps/status-page/src/components/forms/form-password.tsx b/apps/status-page/src/components/forms/form-password.tsx
index 9d373481c..66dbd6527 100644
--- a/apps/status-page/src/components/forms/form-password.tsx
+++ b/apps/status-page/src/components/forms/form-password.tsx
@@ -10,6 +10,7 @@ import {
 } from "@openstatus/ui/components/ui/form";
 import { Input } from "@openstatus/ui/components/ui/input";
 import { isTRPCClientError } from "@trpc/client";
+import { useExtracted } from "next-intl";
 import { useTransition } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
@@ -27,6 +28,7 @@ export function FormPassword({
 }: Omit<React.ComponentProps<"form">, "onSubmit"> & {
   onSubmit: (values: FormValues) => Promise<void>;
 }) {
+  const t = useExtracted();
   const form = useForm<FormValues>({
     resolver: zodResolver(schema),
     defaultValues: {
@@ -42,14 +44,14 @@ export function FormPassword({
       try {
         const promise = onSubmit(values);
         toast.promise(promise, {
-          loading: "Confirming...",
-          success: "Confirmed",
+          loading: t("Confirming..."),
+          success: t("Confirmed"),
           error: (error) => {
             if (isTRPCClientError(error)) {
               form.setError("password", { message: error.message });
               return error.message;
             }
-            return "Failed to confirm";
+            return t("Failed to confirm");
           },
         });
         await promise;
@@ -67,7 +69,7 @@ export function FormPassword({
           name="password"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>Password</FormLabel>
+              <FormLabel>{t("Password")}</FormLabel>
               <FormControl>
                 <Input type="password" {...field} />
               </FormControl>
diff --git a/apps/status-page/src/components/forms/form-subscribe-email.tsx b/apps/status-page/src/components/forms/form-subscribe-email.tsx
index 0c78669d9..02e8c7ba7 100644
--- a/apps/status-page/src/components/forms/form-subscribe-email.tsx
+++ b/apps/status-page/src/components/forms/form-subscribe-email.tsx
@@ -19,6 +19,7 @@ import { Input } from "@openstatus/ui/components/ui/input";
 import { Separator } from "@openstatus/ui/components/ui/separator";
 import { cn } from "@openstatus/ui/lib/utils";
 import { isTRPCClientError } from "@trpc/client";
+import { useExtracted } from "next-intl";
 import { useTransition } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
@@ -44,6 +45,7 @@ export function FormSubscribeEmail({
   onSubmitCallback?: () => void;
   page?: Page | null;
 }) {
+  const t = useExtracted();
   const form = useForm<FormValues>({
     resolver: zodResolver(schema),
     defaultValues: {
@@ -61,13 +63,13 @@ export function FormSubscribeEmail({
       try {
         const promise = onSubmit(values);
         toast.promise(promise, {
-          loading: "Subscribing...",
-          success: "Subscribed",
+          loading: t("Subscribing..."),
+          success: t("Subscribed"),
           error: (error) => {
             if (isTRPCClientError(error)) {
               return error.message;
             }
-            return "Failed to subscribe";
+            return t("Failed to subscribe");
           },
         });
         await promise;
@@ -89,7 +91,7 @@ export function FormSubscribeEmail({
           name="email"
           render={({ field }) => (
             <FormItem className="px-2">
-              <FormLabel className="sr-only">Email</FormLabel>
+              <FormLabel className="sr-only">{t("Email")}</FormLabel>
               <FormControl>
                 <Input placeholder="subscribe@me.com" {...field} />
               </FormControl>
@@ -108,7 +110,7 @@ export function FormSubscribeEmail({
                   onCheckedChange={field.onChange}
                 />
               </FormControl>
-              <FormLabel>Subscribe to specific components</FormLabel>
+              <FormLabel>{t("Subscribe to specific components")}</FormLabel>
             </FormItem>
           )}
         />
@@ -242,10 +244,10 @@ export function FormSubscribeEmail({
               ) : (
                 <StatusBlankContainer>
                   <StatusBlankTitle>
-                    No components to subscribe to
+                    {t("No components to subscribe to")}
                   </StatusBlankTitle>
                   <StatusBlankDescription>
-                    This page has no components to subscribe to.
+                    {t("This page has no components to subscribe to.")}
                   </StatusBlankDescription>
                 </StatusBlankContainer>
               )}
diff --git a/apps/status-page/src/components/locale-switcher.tsx b/apps/status-page/src/components/locale-switcher.tsx
new file mode 100644
index 000000000..502ad1f3f
--- /dev/null
+++ b/apps/status-page/src/components/locale-switcher.tsx
@@ -0,0 +1,105 @@
+"use client";
+
+import { defaultLocale, localeTranslations, locales } from "@/i18n/config";
+import { cn } from "@/lib/utils";
+import { Button } from "@openstatus/ui/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@openstatus/ui/components/ui/dropdown-menu";
+import { Skeleton } from "@openstatus/ui/components/ui/skeleton";
+import { useLocale } from "next-intl";
+import { useParams, useRouter } from "next/navigation";
+import { useEffect, useState, useTransition } from "react";
+
+const DISABLE = true;
+
+export function LocaleSwitcher({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuTrigger>) {
+  const locale = useLocale();
+  const router = useRouter();
+  const params = useParams();
+  const [isPending, startTransition] = useTransition();
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  function onSelectLocale(nextLocale: string) {
+    startTransition(() => {
+      // Use the browser pathname — usePathname() returns the rewritten path
+      // which always includes the slug, even for hostname routing.
+      const browserPath = window.location.pathname;
+      const segments = browserPath.split("/");
+      const domain = params.domain as string;
+
+      // Pathname routing: slug is in the browser URL (e.g., /acme/fr/events)
+      // Hostname routing: slug is NOT in the browser URL (e.g., /fr/events)
+      const isPathnameRouting = segments.includes(domain);
+      const localeIndex = isPathnameRouting ? 2 : 1;
+      const hasLocaleSegment = (locales as readonly string[]).includes(
+        segments[localeIndex] as (typeof locales)[number],
+      );
+
+      // Pathname routing always keeps the locale segment (including default).
+      // Hostname routing omits the default locale from the URL.
+      const omitLocale = nextLocale === defaultLocale && !isPathnameRouting;
+
+      if (omitLocale) {
+        if (hasLocaleSegment) {
+          segments.splice(localeIndex, 1);
+        }
+      } else if (hasLocaleSegment) {
+        segments[localeIndex] = nextLocale;
+      } else {
+        segments.splice(localeIndex, 0, nextLocale);
+      }
+
+      router.replace(segments.join("/") || "/");
+    });
+  }
+
+  if (DISABLE) return null;
+
+  if (!mounted) {
+    return <Skeleton className={cn("size-9", className)} />;
+  }
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger className={cn(className)} asChild {...props}>
+        <Button
+          variant="ghost"
+          size="icon"
+          disabled={isPending}
+          className="font-mono uppercase"
+        >
+          {locale}
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end" alignOffset={-4}>
+        <DropdownMenuGroup>
+          {Object.entries(localeTranslations).map(([key, { name }]) => (
+            <DropdownMenuItem key={key} onClick={() => onSelectLocale(key)}>
+              {name}{" "}
+              <span
+                className={cn(
+                  "ml-auto font-mono uppercase",
+                  key === locale ? "text-foreground" : "text-muted-foreground",
+                )}
+              >
+                {key}
+              </span>
+            </DropdownMenuItem>
+          ))}
+        </DropdownMenuGroup>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}
diff --git a/apps/status-page/src/components/nav/footer.tsx b/apps/status-page/src/components/nav/footer.tsx
index 8f390ef7e..f12a60019 100644
--- a/apps/status-page/src/components/nav/footer.tsx
+++ b/apps/status-page/src/components/nav/footer.tsx
@@ -2,15 +2,18 @@
 
 import { Link } from "@/components/common/link";
 import { TimestampHoverCard } from "@/components/content/timestamp-hover-card";
+import { LocaleSwitcher } from "@/components/locale-switcher";
 import { ThemeDropdown } from "@/components/themes/theme-dropdown";
 import { useTRPC } from "@/lib/trpc/client";
 import { Skeleton } from "@openstatus/ui/components/ui/skeleton";
 import { useQuery } from "@tanstack/react-query";
 import { Clock } from "lucide-react";
+import { useExtracted } from "next-intl";
 import { useParams } from "next/navigation";
 import { useEffect, useState } from "react";
 
 export function Footer(props: React.ComponentProps<"footer">) {
+  const t = useExtracted();
   const { domain } = useParams<{ domain: string }>();
   const [isMounted, setIsMounted] = useState(false);
   const trpc = useTRPC();
@@ -31,7 +34,7 @@ export function Footer(props: React.ComponentProps<"footer">) {
         <div>
           {!page.whiteLabel ? (
             <p className="font-mono text-muted-foreground text-xs leading-none sm:text-sm">
-              powered by{" "}
+              {t("powered by")}{" "}
               <Link
                 href={`https://openstatus.dev?utm_medium=status-page&utm_source=${page.slug}`}
                 target="_blank"
@@ -42,12 +45,12 @@ export function Footer(props: React.ComponentProps<"footer">) {
             </p>
           ) : null}
         </div>
-        <div className="flex items-center gap-4">
+        <div className="flex items-center gap-2">
           <TimestampHoverCard
             date={new Date(dataUpdatedAt)}
             side="top"
             align="end"
-            className="flex items-center gap-1.5 text-muted-foreground/70"
+            className="mr-2 flex items-center gap-1.5 text-muted-foreground/70"
           >
             {isMounted ? (
               <>
@@ -58,6 +61,7 @@ export function Footer(props: React.ComponentProps<"footer">) {
               <Skeleton className="h-4 w-28" />
             )}
           </TimestampHoverCard>
+          <LocaleSwitcher />
           <ThemeDropdown />
         </div>
       </div>
diff --git a/apps/status-page/src/components/nav/header.tsx b/apps/status-page/src/components/nav/header.tsx
index fbcbbacef..2e40ed361 100644
--- a/apps/status-page/src/components/nav/header.tsx
+++ b/apps/status-page/src/components/nav/header.tsx
@@ -26,6 +26,7 @@ import { cn } from "@openstatus/ui/lib/utils";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { isTRPCClientError } from "@trpc/client";
 import { Menu, MessageCircleMore } from "lucide-react";
+import { useExtracted } from "next-intl";
 import NextLink from "next/link";
 import { useParams, usePathname } from "next/navigation";
 import { useState } from "react";
@@ -34,22 +35,26 @@ import { toast } from "sonner";
 type Page = RouterOutputs["statusPage"]["get"];
 
 function useNav() {
+  const t = useExtracted();
   const pathname = usePathname();
   const prefix = usePathnamePrefix();
 
   return [
     {
-      label: "Status",
+      key: "status",
+      label: t("Status"),
       href: `/${prefix}`,
       isActive: pathname === `/${prefix}`,
     },
     {
-      label: "Events",
+      key: "events",
+      label: t("Events"),
       href: `${prefix ? `/${prefix}` : ""}/events`,
       isActive: pathname.startsWith(`${prefix ? `/${prefix}` : ""}/events`),
     },
     {
-      label: "Monitors",
+      key: "monitors",
+      label: t("Monitors"),
       href: `${prefix ? `/${prefix}` : ""}/monitors`,
       isActive: pathname.startsWith(`${prefix ? `/${prefix}` : ""}/monitors`),
     },
@@ -72,11 +77,13 @@ function getStatusUpdateTypes(page: Page): StatusUpdateType[] {
 }
 
 export function Header(props: React.ComponentProps<"header">) {
+  const t = useExtracted();
   const trpc = useTRPC();
   const { domain } = useParams<{ domain: string }>();
   const { data: page } = useQuery({
     ...trpc.statusPage.get.queryOptions({ slug: domain }),
   });
+  const prefix = usePathnamePrefix();
 
   const sendPageSubscriptionMutation = useMutation(
     trpc.emailRouter.sendPageSubscriptionVerification.mutationOptions({}),
@@ -93,7 +100,7 @@ export function Header(props: React.ComponentProps<"header">) {
               if (isTRPCClientError(error)) {
                 toast.error(error.message);
               } else {
-                toast.error("Failed to subscribe");
+                toast.error(t("Failed to subscribe"));
               }
             },
           },
@@ -115,7 +122,7 @@ export function Header(props: React.ComponentProps<"header">) {
               asChild
             >
               <Link
-                href={page?.homepageUrl || "/"}
+                href={page?.homepageUrl || `/${prefix}`}
                 target={page?.homepageUrl ? "_blank" : undefined}
                 rel={page?.homepageUrl ? "noreferrer" : undefined}
               >
@@ -165,7 +172,7 @@ function NavDesktop({ className, ...props }: React.ComponentProps<"ul">) {
     <ul className={cn("flex flex-row gap-0.5", className)} {...props}>
       {nav.map((item) => {
         return (
-          <li key={item.label}>
+          <li key={item.key}>
             <Button
               variant={item.isActive ? "secondary" : "ghost"}
               className={cn(
@@ -188,6 +195,7 @@ function NavMobile({
   className,
   ...props
 }: React.ComponentProps<typeof Button>) {
+  const t = useExtracted();
   const [open, setOpen] = useState(false);
   const nav = useNav();
   return (
@@ -204,13 +212,13 @@ function NavMobile({
       </SheetTrigger>
       <SheetContent side="top">
         <SheetHeader className="border-b">
-          <SheetTitle>Menu</SheetTitle>
+          <SheetTitle>{t("Menu")}</SheetTitle>
         </SheetHeader>
         <div className="px-1 pb-4">
           <ul className="flex flex-col gap-1">
             {nav.map((item) => {
               return (
-                <li key={item.label} className="w-full">
+                <li key={item.key} className="w-full">
                   <Button
                     variant={item.isActive ? "secondary" : "ghost"}
                     onClick={() => setOpen(false)}
@@ -239,6 +247,7 @@ function GetInTouch({
   buttonType: "icon" | "text";
   link: string;
 }) {
+  const t = useExtracted();
   if (buttonType === "text") {
     return (
       <Button
@@ -250,7 +259,7 @@ function GetInTouch({
         {...props}
       >
         <a href={link} target="_blank" rel="noreferrer">
-          Get in touch
+          {t("Get in touch")}
         </a>
       </Button>
     );
@@ -273,7 +282,7 @@ function GetInTouch({
           </Button>
         </TooltipTrigger>
         <TooltipContent>
-          <p>Get in touch</p>
+          <p>{t("Get in touch")}</p>
         </TooltipContent>
       </Tooltip>
     </TooltipProvider>
diff --git a/apps/status-page/src/components/popover/popover-quantile.tsx b/apps/status-page/src/components/popover/popover-quantile.tsx
index 798d035fd..18645ff4c 100644
--- a/apps/status-page/src/components/popover/popover-quantile.tsx
+++ b/apps/status-page/src/components/popover/popover-quantile.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import {
   Popover,
   PopoverContent,
@@ -5,12 +7,14 @@ import {
 } from "@openstatus/ui/components/ui/popover";
 import { Separator } from "@openstatus/ui/components/ui/separator";
 import { cn } from "@openstatus/ui/lib/utils";
+import { useExtracted } from "next-intl";
 
 export function PopoverQuantile({
   children,
   className,
   ...props
 }: React.ComponentProps<typeof PopoverTrigger>) {
+  const t = useExtracted();
   return (
     <Popover>
       <PopoverTrigger
@@ -24,13 +28,13 @@ export function PopoverQuantile({
       </PopoverTrigger>
       <PopoverContent side="top" className="p-0 text-sm">
         <p className="px-3 py-2 font-medium">
-          A quantile represents a specific percentile in your dataset.
+          {t("A quantile represents a specific percentile in your dataset.")}
         </p>
         <Separator />
         <p className="px-3 py-2 text-muted-foreground">
-          For example, p50 is the 50th percentile - the point below which 50% of
-          data falls. Higher percentiles include more data and highlight the
-          upper range.
+          {t(
+            "For example, p50 is the 50th percentile - the point below which 50% of data falls. Higher percentiles include more data and highlight the upper range.",
+          )}
         </p>
       </PopoverContent>
     </Popover>
diff --git a/apps/status-page/src/components/status-page/messages.ts b/apps/status-page/src/components/status-page/messages.ts
deleted file mode 100644
index 071a4bd53..000000000
--- a/apps/status-page/src/components/status-page/messages.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-export const messages = {
-  long: {
-    success: "All Systems Operational",
-    degraded: "Degraded Performance",
-    error: "Downtime Performance",
-    info: "Maintenance",
-    empty: "No Data",
-  },
-  short: {
-    success: "Operational",
-    degraded: "Degraded",
-    error: "Downtime",
-    info: "Maintenance",
-    empty: "No Data",
-  },
-};
-
-export const requests = {
-  success: "Normal",
-  degraded: "Degraded",
-  error: "Error",
-  info: "Maintenance",
-  empty: "No Data",
-};
-
-export const status = {
-  resolved: "Resolved",
-  monitoring: "Monitoring",
-  identified: "Identified",
-  investigating: "Investigating",
-};
diff --git a/apps/status-page/src/components/status-page/static/status-monitor-static.tsx b/apps/status-page/src/components/status-page/static/status-monitor-static.tsx
new file mode 100644
index 000000000..f1a3a136b
--- /dev/null
+++ b/apps/status-page/src/components/status-page/static/status-monitor-static.tsx
@@ -0,0 +1,165 @@
+"use client";
+
+import type { RouterOutputs } from "@openstatus/api";
+import {
+  StatusBar,
+  StatusBarSkeleton,
+} from "@openstatus/ui/components/blocks/status-bar";
+import { Skeleton } from "@openstatus/ui/components/ui/skeleton";
+import { cn } from "@openstatus/ui/lib/utils";
+import { formatDistanceToNowStrict } from "date-fns";
+import {
+  AlertCircleIcon,
+  CheckIcon,
+  TriangleAlertIcon,
+  WrenchIcon,
+} from "lucide-react";
+import {
+  StatusMonitorDescription,
+  StatusMonitorTitle,
+  StatusMonitorUptime,
+  StatusMonitorUptimeSkeleton,
+} from "../status-monitor";
+
+type VariantType = "success" | "degraded" | "error" | "info";
+
+type Data = NonNullable<
+  RouterOutputs["statusPage"]["getUptime"]
+>[number]["data"];
+
+export function StatusMonitorStatic({
+  className,
+  status = "success",
+  showUptime = true,
+  data = [],
+  monitor,
+  uptime,
+  isLoading = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  status?: VariantType;
+  showUptime?: boolean;
+  uptime?: string;
+  monitor: {
+    name: string;
+    description?: string | null;
+  };
+  data?: Data;
+  isLoading?: boolean;
+}) {
+  return (
+    <div
+      data-slot="status-monitor"
+      data-variant={status}
+      className={cn("group/monitor flex flex-col gap-1", className)}
+      {...props}
+    >
+      <div className="flex flex-row items-center justify-between gap-4">
+        <div className="flex min-w-0 flex-row items-center gap-2">
+          <StatusMonitorTitle>{monitor.name}</StatusMonitorTitle>
+          <StatusMonitorDescription>
+            {monitor.description}
+          </StatusMonitorDescription>
+        </div>
+        <div className="flex flex-row items-center gap-2">
+          {showUptime ? (
+            <>
+              {isLoading ? (
+                <StatusMonitorUptimeSkeleton />
+              ) : (
+                <StatusMonitorUptime>{uptime}</StatusMonitorUptime>
+              )}
+              <StatusMonitorIconStatic />
+            </>
+          ) : (
+            <StatusMonitorStatusStatic />
+          )}
+        </div>
+      </div>
+      {isLoading ? <StatusBarSkeleton /> : <StatusBar data={data} />}
+      <StatusMonitorFooterStatic data={data} isLoading={isLoading} />
+    </div>
+  );
+}
+
+function StatusMonitorFooterStatic({
+  data,
+  isLoading,
+}: {
+  data: Data;
+  isLoading?: boolean;
+}) {
+  return (
+    <div className="flex flex-row items-center justify-between font-mono text-muted-foreground text-xs leading-none">
+      <div>
+        {isLoading ? (
+          <Skeleton className="h-3 w-18" />
+        ) : data.length > 0 ? (
+          formatDistanceToNowStrict(new Date(data[0].day), {
+            unit: "day",
+            addSuffix: true,
+          })
+        ) : (
+          "-"
+        )}
+      </div>
+      <div>today</div>
+    </div>
+  );
+}
+
+function StatusMonitorIconStatic({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      className={cn(
+        "flex size-[12.5px] items-center justify-center rounded-full bg-muted text-background [&>svg]:size-[9px]",
+        "group-data-[variant=success]/monitor:bg-success",
+        "group-data-[variant=degraded]/monitor:bg-warning",
+        "group-data-[variant=error]/monitor:bg-destructive",
+        "group-data-[variant=info]/monitor:bg-info",
+        className,
+      )}
+      {...props}
+    >
+      <CheckIcon className="hidden group-data-[variant=success]/monitor:block" />
+      <TriangleAlertIcon className="hidden group-data-[variant=degraded]/monitor:block" />
+      <AlertCircleIcon className="hidden group-data-[variant=error]/monitor:block" />
+      <WrenchIcon className="hidden group-data-[variant=info]/monitor:block" />
+    </div>
+  );
+}
+
+function StatusMonitorStatusStatic({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      className={cn(
+        "font-mono text-sm leading-none",
+        "group-data-[variant=success]/monitor:text-success",
+        "group-data-[variant=degraded]/monitor:text-warning",
+        "group-data-[variant=error]/monitor:text-destructive",
+        "group-data-[variant=info]/monitor:text-info",
+        className,
+      )}
+      {...props}
+    >
+      <span className="hidden group-data-[variant=success]/monitor:block">
+        Operational
+      </span>
+      <span className="hidden group-data-[variant=degraded]/monitor:block">
+        Degraded
+      </span>
+      <span className="hidden group-data-[variant=error]/monitor:block">
+        Downtime
+      </span>
+      <span className="hidden group-data-[variant=info]/monitor:block">
+        Maintenance
+      </span>
+    </div>
+  );
+}
diff --git a/apps/status-page/src/components/status-page/status-banner.tsx b/apps/status-page/src/components/status-page/status-banner.tsx
index ffce8171f..4fd66d12c 100644
--- a/apps/status-page/src/components/status-page/status-banner.tsx
+++ b/apps/status-page/src/components/status-page/status-banner.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import {
   Tabs,
   TabsContent,
@@ -11,7 +13,7 @@ import {
   TriangleAlertIcon,
   WrenchIcon,
 } from "lucide-react";
-import { messages } from "./messages";
+import { useExtracted } from "next-intl";
 import { StatusTimestamp } from "./status";
 
 export function StatusBanner({
@@ -70,19 +72,20 @@ export function StatusBannerMessage({
   className,
   ...props
 }: React.ComponentProps<"div">) {
+  const t = useExtracted();
   return (
     <div className={cn(className)} {...props}>
       <span className="hidden group-data-[status=success]/status-banner:block">
-        {messages.long.success}
+        {t("All Systems Operational")}
       </span>
       <span className="hidden group-data-[status=degraded]/status-banner:block">
-        {messages.long.degraded}
+        {t("Degraded Performance")}
       </span>
       <span className="hidden group-data-[status=error]/status-banner:block">
-        {messages.long.error}
+        {t("Downtime Performance")}
       </span>
       <span className="hidden group-data-[status=info]/status-banner:block">
-        {messages.long.info}
+        {t("Maintenance")}
       </span>
     </div>
   );
diff --git a/apps/status-page/src/components/status-page/status-blank.tsx b/apps/status-page/src/components/status-page/status-blank.tsx
index a7737a558..04bc59984 100644
--- a/apps/status-page/src/components/status-page/status-blank.tsx
+++ b/apps/status-page/src/components/status-page/status-blank.tsx
@@ -1,5 +1,8 @@
+"use client";
+
 import { Button } from "@openstatus/ui/components/ui/button";
 import { cn } from "@openstatus/ui/lib/utils";
+import { useExtracted } from "next-intl";
 import Link from "next/link";
 
 export function StatusBlankContainer({
@@ -215,13 +218,17 @@ export function StatusBlankOverlay({
 }
 
 export function StatusBlankEvents({
-  title = "No reports found",
-  description = "No reports found for this status page.",
+  title,
+  description,
   ...props
 }: React.ComponentProps<typeof StatusBlankContainer> & {
   title?: string;
   description?: string;
 }) {
+  const t = useExtracted();
+  const resolvedTitle = title ?? t("No reports found");
+  const resolvedDescription =
+    description ?? t("No reports found for this status page.");
   return (
     <StatusBlankContainer {...props}>
       <div className="relative mt-8 flex w-full flex-col items-center justify-center">
@@ -230,21 +237,25 @@ export function StatusBlankEvents({
         <StatusBlankReport />
       </div>
       <StatusBlankContent>
-        <StatusBlankTitle>{title}</StatusBlankTitle>
-        <StatusBlankDescription>{description}</StatusBlankDescription>
+        <StatusBlankTitle>{resolvedTitle}</StatusBlankTitle>
+        <StatusBlankDescription>{resolvedDescription}</StatusBlankDescription>
       </StatusBlankContent>
     </StatusBlankContainer>
   );
 }
 
 export function StatusBlankMonitors({
-  title = "No public monitors",
-  description = "No public monitors have been added to this page.",
+  title,
+  description,
   ...props
 }: React.ComponentProps<typeof StatusBlankContainer> & {
   title?: string;
   description?: string;
 }) {
+  const t = useExtracted();
+  const resolvedTitle = title ?? t("No public monitors");
+  const resolvedDescription =
+    description ?? t("No public monitors have been added to this page.");
   return (
     <StatusBlankContainer {...props}>
       <div className="relative mt-8 flex w-full flex-col items-center justify-center">
@@ -253,8 +264,8 @@ export function StatusBlankMonitors({
         <StatusBlankMonitor />
       </div>
       <StatusBlankContent>
-        <StatusBlankTitle>{title}</StatusBlankTitle>
-        <StatusBlankDescription>{description}</StatusBlankDescription>
+        <StatusBlankTitle>{resolvedTitle}</StatusBlankTitle>
+        <StatusBlankDescription>{resolvedDescription}</StatusBlankDescription>
       </StatusBlankContent>
     </StatusBlankContainer>
   );
diff --git a/apps/status-page/src/components/status-page/status-events.tsx b/apps/status-page/src/components/status-page/status-events.tsx
index 5ef261eb0..70d165af9 100644
--- a/apps/status-page/src/components/status-page/status-events.tsx
+++ b/apps/status-page/src/components/status-page/status-events.tsx
@@ -1,9 +1,13 @@
 import { ProcessMessage } from "@/components/content/process-message";
 import { TimestampHoverCard } from "@/components/content/timestamp-hover-card";
-import { usePathnamePrefix } from "@/hooks/use-pathname-prefix";
 import { formatDate, formatDateRange, formatDateTime } from "@/lib/formatter";
+import {
+  StatusEventTimelineDot,
+  StatusEventTimelineMessage,
+  StatusEventTimelineSeparator,
+  StatusEventTimelineTitle,
+} from "@openstatus/ui/components/blocks/status-events";
 import { Badge } from "@openstatus/ui/components/ui/badge";
-import { Separator } from "@openstatus/ui/components/ui/separator";
 import {
   Tooltip,
   TooltipContent,
@@ -13,7 +17,7 @@ import {
 import { cn } from "@openstatus/ui/lib/utils";
 import { formatDistanceStrict } from "date-fns";
 import { Check } from "lucide-react";
-import { status } from "./messages";
+import { useExtracted, useLocale } from "next-intl";
 
 export function StatusEventGroup({
   className,
@@ -80,6 +84,7 @@ export function StatusEventTitleCheck({
   children,
   ...props
 }: React.ComponentProps<"div">) {
+  const t = useExtracted();
   return (
     <div className={cn("flex items-center pl-1", className)} {...props}>
       <TooltipProvider>
@@ -90,7 +95,7 @@ export function StatusEventTitleCheck({
             </div>
           </TooltipTrigger>
           <TooltipContent>
-            <p>Report resolved</p>
+            <p>{t("Report resolved")}</p>
           </TooltipContent>
         </Tooltip>
       </TooltipProvider>
@@ -134,12 +139,13 @@ export function StatusEventDate({
 }: React.ComponentProps<"div"> & {
   date: Date;
 }) {
+  const locale = useLocale();
   const isFuture = date > new Date();
   const distance = formatDistanceStrict(date, new Date(), { addSuffix: true });
   return (
     <div className={cn("flex gap-2 lg:flex-col", className)} {...props}>
       <div className="font-medium text-foreground">
-        {formatDate(date, { month: "short" })}
+        {formatDate(date, { month: "short", locale })}
       </div>{" "}
       <Badge
         variant="secondary"
@@ -186,11 +192,10 @@ export function StatusEventTimelineReport({
   withDot?: boolean;
   maxUpdates?: number;
 }) {
-  const _prefix = usePathnamePrefix();
+  const t = useExtracted();
   const sortedUpdates = [...updates].sort(
     (a, b) => b.date.getTime() - a.date.getTime(),
   );
-  const _hasMoreUpdates = maxUpdates && sortedUpdates.length > maxUpdates;
   const displayedUpdates = maxUpdates
     ? sortedUpdates.slice(0, maxUpdates)
     : sortedUpdates;
@@ -209,12 +214,12 @@ export function StatusEventTimelineReport({
           const duration = formatDistanceStrict(startedAt, updateDate);
 
           if (duration !== "0 seconds" && update.status === "resolved") {
-            durationText = `(in ${duration})`;
+            durationText = t("(in {duration})", { duration });
           }
         } else {
           const lastUpdateDate = new Date(displayedUpdates[index - 1].date);
           const timeFromLast = formatDistanceStrict(updateDate, lastUpdateDate);
-          durationText = `(${timeFromLast} earlier)`;
+          durationText = t("({timeFromLast} earlier)", { timeFromLast });
         }
 
         return (
@@ -249,6 +254,15 @@ export function StatusEventTimelineReportUpdate({
   withDot?: boolean;
   isLast?: boolean;
 }) {
+  const locale = useLocale();
+  const t = useExtracted();
+  const statusLabels = {
+    resolved: t("Resolved"),
+    monitoring: t("Monitoring"),
+    identified: t("Identified"),
+    investigating: t("Investigating"),
+  } as const;
+
   return (
     <div data-variant={report.status} className="group">
       <div className="flex flex-row items-center justify-between gap-2">
@@ -263,11 +277,11 @@ export function StatusEventTimelineReportUpdate({
           ) : null}
           <div className={cn(isLast ? "mb-0" : "mb-2")}>
             <StatusEventTimelineTitle>
-              <span>{status[report.status]}</span>{" "}
+              <span>{statusLabels[report.status]}</span>{" "}
               <span className="text-muted-foreground/70">·</span>{" "}
               <span className="font-mono text-muted-foreground text-xs">
                 <TimestampHoverCard date={new Date(report.date)} asChild>
-                  <span>{formatDateTime(report.date)}</span>
+                  <span>{formatDateTime(report.date, locale)}</span>
                 </TimestampHoverCard>
               </span>{" "}
               {duration ? (
@@ -302,8 +316,10 @@ export function StatusEventTimelineMaintenance({
   };
   withDot?: boolean;
 }) {
+  const locale = useLocale();
+  const t = useExtracted();
   const duration = formatDistanceStrict(maintenance.from, maintenance.to);
-  const range = formatDateRange(maintenance.from, maintenance.to);
+  const range = formatDateRange(maintenance.from, maintenance.to, locale);
   // NOTE: because formatDateRange is sure to return a range, we can split it into two dates
   const [from, to] = range.split(" - ");
   return (
@@ -320,7 +336,7 @@ export function StatusEventTimelineMaintenance({
           {/* NOTE: is always last, no need for className="mb-2" */}
           <div>
             <StatusEventTimelineTitle>
-              <span>Maintenance</span>{" "}
+              <span>{t("Maintenance")}</span>{" "}
               <span className="text-muted-foreground/70">·</span>{" "}
               <span className="font-mono text-muted-foreground text-xs">
                 <TimestampHoverCard date={maintenance.from} asChild>
@@ -333,7 +349,7 @@ export function StatusEventTimelineMaintenance({
               </span>{" "}
               {duration ? (
                 <span className="font-mono text-muted-foreground/70 text-xs">
-                  (for {duration})
+                  {t("(for {duration})", { duration })}
                 </span>
               ) : null}
             </StatusEventTimelineTitle>
@@ -350,77 +366,3 @@ export function StatusEventTimelineMaintenance({
     </div>
   );
 }
-
-export function StatusEventTimelineTitle({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      className={cn("font-medium text-foreground text-sm", className)}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}
-
-export function StatusEventTimelineMessage({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      className={cn(
-        "py-1.5 font-mono text-muted-foreground text-sm",
-        className,
-      )}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-}
-
-export function StatusEventTimelineDot({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      className={cn(
-        "size-2.5 shrink-0 rounded-full bg-muted",
-        "group-data-[variant=resolved]:bg-success",
-        "group-data-[variant=monitoring]:bg-info",
-        "group-data-[variant=identified]:bg-warning",
-        "group-data-[variant=investigating]:bg-destructive",
-        "group-data-[variant=maintenance]:bg-info",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
-
-export function StatusEventTimelineSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>) {
-  return (
-    <Separator
-      orientation="vertical"
-      className={cn(
-        "mx-auto flex-1",
-        "group-data-[variant=resolved]:bg-success",
-        "group-data-[variant=monitoring]:bg-info",
-        "group-data-[variant=identified]:bg-warning",
-        "group-data-[variant=investigating]:bg-destructive",
-        "group-data-[variant=maintenance]:bg-info",
-        className,
-      )}
-      {...props}
-    />
-  );
-}
diff --git a/apps/status-page/src/components/status-page/status-feed.tsx b/apps/status-page/src/components/status-page/status-feed.tsx
index 77058abf8..874f1fb42 100644
--- a/apps/status-page/src/components/status-page/status-feed.tsx
+++ b/apps/status-page/src/components/status-page/status-feed.tsx
@@ -1,5 +1,6 @@
 "use client";
 import { usePathnamePrefix } from "@/hooks/use-pathname-prefix";
+import { useExtracted } from "next-intl";
 import Link from "next/link";
 import {
   StatusBlankContainer,
@@ -60,6 +61,7 @@ export function StatusFeed({
   showLinks?: boolean;
 }) {
   const prefix = usePathnamePrefix();
+  const t = useExtracted();
   const unifiedEvents: UnifiedEvent[] = [
     ...statusReports.map((report) => ({
       id: report.id,
@@ -87,12 +89,12 @@ export function StatusFeed({
           <StatusBlankReport />
         </div>
         <StatusBlankContent>
-          <StatusBlankTitle>No recent notifications</StatusBlankTitle>
+          <StatusBlankTitle>{t("No recent notifications")}</StatusBlankTitle>
           <StatusBlankDescription>
-            There have been no reports within the last 7 days.
+            {t("There have been no reports within the last 7 days.")}
           </StatusBlankDescription>
           <StatusBlankLink href={`${prefix ? `/${prefix}` : ""}/events`}>
-            View events history
+            {t("View events history")}
           </StatusBlankLink>
         </StatusBlankContent>
       </StatusBlankContainer>
@@ -179,7 +181,7 @@ export function StatusFeed({
         className="mx-auto"
         href={`${prefix ? `/${prefix}` : ""}/events`}
       >
-        View events history
+        {t("View events history")}
       </StatusBlankLink>
     </StatusEventGroup>
   );
diff --git a/apps/status-page/src/components/status-page/status-monitor.tsx b/apps/status-page/src/components/status-page/status-monitor.tsx
index cafc4d51d..e862249a2 100644
--- a/apps/status-page/src/components/status-page/status-monitor.tsx
+++ b/apps/status-page/src/components/status-page/status-monitor.tsx
@@ -18,6 +18,7 @@ import {
   TriangleAlertIcon,
   WrenchIcon,
 } from "lucide-react";
+import { useExtracted } from "next-intl";
 import { useState } from "react";
 import type { VariantType } from "./floating-button";
 import { StatusTracker, StatusTrackerSkeleton } from "./status-tracker";
@@ -164,6 +165,7 @@ export function StatusMonitorFooter({
   data: Data;
   isLoading?: boolean;
 }) {
+  const t = useExtracted();
   return (
     <div className="flex flex-row items-center justify-between font-mono text-muted-foreground text-xs leading-none">
       <div>
@@ -178,7 +180,7 @@ export function StatusMonitorFooter({
           "-"
         )}
       </div>
-      <div>today</div>
+      <div>{t("today")}</div>
     </div>
   );
 }
@@ -212,6 +214,7 @@ export function StatusMonitorStatus({
   className,
   ...props
 }: React.ComponentProps<"div">) {
+  const t = useExtracted();
   return (
     <div
       className={cn(
@@ -225,16 +228,16 @@ export function StatusMonitorStatus({
       {...props}
     >
       <span className="hidden group-data-[variant=success]/monitor:block">
-        Operational
+        {t("Operational")}
       </span>
       <span className="hidden group-data-[variant=degraded]/monitor:block">
-        Degraded
+        {t("Degraded")}
       </span>
       <span className="hidden group-data-[variant=error]/monitor:block">
-        Downtime
+        {t("Downtime")}
       </span>
       <span className="hidden group-data-[variant=info]/monitor:block">
-        Maintenance
+        {t("Maintenance")}
       </span>
     </div>
   );
diff --git a/apps/status-page/src/components/status-page/status-tracker.tsx b/apps/status-page/src/components/status-page/status-tracker.tsx
index 01883b9ab..c0662d757 100644
--- a/apps/status-page/src/components/status-page/status-tracker.tsx
+++ b/apps/status-page/src/components/status-page/status-tracker.tsx
@@ -14,9 +14,9 @@ import { Skeleton } from "@openstatus/ui/components/ui/skeleton";
 import { useMediaQuery } from "@openstatus/ui/hooks/use-media-query";
 import { cn } from "@openstatus/ui/lib/utils";
 import { formatDistanceStrict } from "date-fns";
+import { useExtracted, useLocale } from "next-intl";
 import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
-import { requests } from "./messages";
 import { chartConfig } from "./utils";
 
 type UptimeData = NonNullable<
@@ -32,6 +32,8 @@ type UptimeData = NonNullable<
 // TODO: widget type -> current status only | with status history
 
 export function StatusTracker({ data }: { data: UptimeData }) {
+  const t = useExtracted();
+  const locale = useLocale();
   const [pinnedIndex, setPinnedIndex] = useState<number | null>(null);
   const [focusedIndex, setFocusedIndex] = useState<number | null>(null);
   const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
@@ -214,7 +216,7 @@ export function StatusTracker({ data }: { data: UptimeData }) {
       className="flex h-[50px] w-full items-end"
       onKeyDown={handleKeyDown}
       role="toolbar"
-      aria-label="Status tracker"
+      aria-label={t("Status tracker")}
     >
       {data.map((item, index) => {
         const isPinned = pinnedIndex === index;
@@ -247,7 +249,7 @@ export function StatusTracker({ data }: { data: UptimeData }) {
                       : -1
                 }
                 role="button"
-                aria-label={`Day ${index + 1} status`}
+                aria-label={t("Day {n} status", { n: String(index + 1) })}
                 aria-pressed={isPinned}
               >
                 {/* Render processed bar segments from backend */}
@@ -276,7 +278,7 @@ export function StatusTracker({ data }: { data: UptimeData }) {
             >
               <div>
                 <div className="p-2 text-xs">
-                  {new Date(item.day).toLocaleDateString("default", {
+                  {new Date(item.day).toLocaleDateString(locale, {
                     day: "numeric",
                     month: "short",
                     year: "numeric",
@@ -342,7 +344,7 @@ export function StatusTracker({ data }: { data: UptimeData }) {
                   <>
                     <Separator />
                     <div className="flex cursor-pointer items-center p-2 text-muted-foreground text-xs">
-                      <span>Click again to unpin</span>
+                      <span>{t("Click again to unpin")}</span>
                       <Kbd>Esc</Kbd>
                     </div>
                   </>
@@ -375,6 +377,14 @@ function StatusTrackerContent({
   status: "success" | "degraded" | "error" | "info" | "empty";
   value: string;
 }) {
+  const t = useExtracted();
+  const requestLabels: Record<string, string> = {
+    success: t("Normal"),
+    degraded: t("Degraded"),
+    error: t("Error"),
+    info: t("Maintenance"),
+    empty: t("No Data"),
+  };
   return (
     <div className="flex items-baseline gap-4">
       <div className="flex items-center gap-2">
@@ -384,7 +394,7 @@ function StatusTrackerContent({
             backgroundColor: chartConfig[status].color,
           }}
         />
-        <div className="text-sm">{requests[status]}</div>
+        <div className="text-sm">{requestLabels[status]}</div>
       </div>
       <div className="ml-auto font-mono text-muted-foreground text-xs tracking-tight">
         {value}
@@ -404,6 +414,7 @@ function StatusTrackerEvent({
   to?: Date | null;
   status: "success" | "degraded" | "error" | "info" | "empty";
 }) {
+  const locale = useLocale();
   if (!from) return null;
 
   return (
@@ -423,25 +434,26 @@ function StatusTrackerEvent({
         </div>
       </div>
       <div className="mt-1 text-muted-foreground text-xs">
-        {formatDateRange(from, to ?? undefined)}{" "}
+        {formatDateRange(from, to ?? undefined, locale)}{" "}
         <span className="ml-1.5 font-mono text-muted-foreground/70">
-          {formatDuration({ from, to, name, status })}
+          <FormatDuration from={from} to={to} name={name} status={status} />
         </span>
       </div>
     </div>
   );
 }
 
-const formatDuration = ({
+function FormatDuration({
   from,
   to,
   name,
-}: React.ComponentProps<typeof StatusTrackerEvent>) => {
+}: React.ComponentProps<typeof StatusTrackerEvent>) {
+  const t = useExtracted();
   if (!from) return null;
-  if (!to) return "ongoing";
+  if (!to) return t("ongoing");
   const duration = formatDistanceStrict(from, to);
   const isMultipleIncidents = name.includes("Downtime (");
-  if (isMultipleIncidents) return `across ${duration}`;
+  if (isMultipleIncidents) return t("across {duration}", { duration });
   if (duration === "0 seconds") return null;
   return duration;
-};
+}
diff --git a/apps/status-page/src/components/status-page/status-updates.tsx b/apps/status-page/src/components/status-page/status-updates.tsx
index 67b59ab65..225d292a1 100644
--- a/apps/status-page/src/components/status-page/status-updates.tsx
+++ b/apps/status-page/src/components/status-page/status-updates.tsx
@@ -23,6 +23,7 @@ import {
 import { useCopyToClipboard } from "@openstatus/ui/hooks/use-copy-to-clipboard";
 import { cn } from "@openstatus/ui/lib/utils";
 import { Check, Copy, Inbox } from "lucide-react";
+import { useExtracted } from "next-intl";
 import { useState } from "react";
 
 export type StatusUpdateType = "email" | "rss" | "ssh" | "json" | "slack";
@@ -55,6 +56,7 @@ export function StatusUpdates({
   onSubscribe,
   ...props
 }: StatusUpdatesProps) {
+  const t = useExtracted();
   const [success, setSuccess] = useState(false);
 
   if (types.length === 0) return null;
@@ -68,26 +70,26 @@ export function StatusUpdates({
           className={cn(className)}
           {...props}
         >
-          Get updates
+          {t("Get updates")}
         </Button>
       </PopoverTrigger>
       <PopoverContent align="end" className="w-80 overflow-hidden p-0">
         <Tabs defaultValue={types[0]}>
           <TabsList className="w-full rounded-none border-b">
             {types.includes("email") ? (
-              <TabsTrigger value="email">Email</TabsTrigger>
+              <TabsTrigger value="email">{t("Email")}</TabsTrigger>
             ) : null}
             {types.includes("slack") ? (
-              <TabsTrigger value="slack">Slack</TabsTrigger>
+              <TabsTrigger value="slack">{t("Slack")}</TabsTrigger>
             ) : null}
             {types.includes("rss") ? (
-              <TabsTrigger value="rss">RSS</TabsTrigger>
+              <TabsTrigger value="rss">{t("RSS")}</TabsTrigger>
             ) : null}
             {types.includes("json") ? (
-              <TabsTrigger value="json">JSON</TabsTrigger>
+              <TabsTrigger value="json">{t("JSON")}</TabsTrigger>
             ) : null}
             {types.includes("ssh") ? (
-              <TabsTrigger value="ssh">SSH</TabsTrigger>
+              <TabsTrigger value="ssh">{t("SSH")}</TabsTrigger>
             ) : null}
           </TabsList>
           <TabsContent value="email" className="flex flex-col gap-2">
@@ -97,8 +99,9 @@ export function StatusUpdates({
               <>
                 <div className="flex flex-col gap-2">
                   <p className="px-2 text-sm">
-                    Get email notifications whenever a report has been created
-                    or resolved
+                    {t(
+                      "Get email notifications whenever a report has been created or resolved",
+                    )}
                   </p>
                   <FormSubscribeEmail
                     id="email-form"
@@ -112,7 +115,7 @@ export function StatusUpdates({
                 <Separator />
                 <div className="px-2 pb-2">
                   <Button className="w-full" type="submit" form="email-form">
-                    Subscribe
+                    {t("Subscribe")}
                   </Button>
                 </div>{" "}
               </>
@@ -120,7 +123,7 @@ export function StatusUpdates({
           </TabsContent>
           <TabsContent value="rss" className="flex flex-col gap-2">
             <div className="flex flex-col gap-2 px-2">
-              <p className="text-sm">Get the RSS feed</p>
+              <p className="text-sm">{t("Get the RSS feed")}</p>
               <CopyInputButton
                 className="w-full"
                 id="rss"
@@ -129,7 +132,7 @@ export function StatusUpdates({
             </div>
             <Separator />
             <div className="flex flex-col gap-2 px-2 pb-2">
-              <p className="text-sm">Get the Atom feed</p>
+              <p className="text-sm">{t("Get the Atom feed")}</p>
               <CopyInputButton
                 className="w-full"
                 id="atom"
@@ -139,7 +142,7 @@ export function StatusUpdates({
           </TabsContent>
           <TabsContent value="json" className="flex flex-col gap-2">
             <div className="flex flex-col gap-2 px-2 pb-2">
-              <p className="text-sm">Get the JSON updates</p>
+              <p className="text-sm">{t("Get the JSON updates")}</p>
               <CopyInputButton
                 className="w-full"
                 id="json"
@@ -149,7 +152,7 @@ export function StatusUpdates({
           </TabsContent>
           <TabsContent value="ssh" className="flex flex-col gap-2">
             <div className="flex flex-col gap-2 px-2 pb-2">
-              <p className="text-sm">Get status via SSH</p>
+              <p className="text-sm">{t("Get status via SSH")}</p>
               <CopyInputButton
                 className="w-full"
                 id="ssh"
@@ -160,8 +163,9 @@ export function StatusUpdates({
           <TabsContent value="slack" className="flex flex-col gap-2">
             <div className="flex flex-col gap-2 px-2 pb-2">
               <p className="text-sm">
-                For status updates in Slack, paste the text below into any
-                channel.
+                {t(
+                  "For status updates in Slack, paste the text below into any channel.",
+                )}
               </p>
               <CopyInputButton
                 className="w-full"
@@ -183,6 +187,7 @@ function CopyInputButton({
 }: React.ComponentProps<typeof Input> & {
   value: string;
 }) {
+  const t = useExtracted();
   const { copy, isCopied } = useCopyToClipboard();
   return (
     <div className="relative w-full">
@@ -191,7 +196,7 @@ function CopyInputButton({
         readOnly
         onClick={(e) => {
           copy(value, {
-            successMessage: "Link copied to clipboard",
+            successMessage: t("Link copied to clipboard"),
             withToast: true,
           });
           onClick?.(e);
@@ -203,25 +208,26 @@ function CopyInputButton({
         size="icon"
         onClick={() =>
           copy(value, {
-            successMessage: "Link copied to clipboard",
+            successMessage: t("Link copied to clipboard"),
           })
         }
         className="-translate-y-1/2 absolute top-1/2 right-2 size-6"
       >
         {isCopied ? <Check /> : <Copy />}
-        <span className="sr-only">Copy Link</span>
+        <span className="sr-only">{t("Copy Link")}</span>
       </Button>
     </div>
   );
 }
 
 function SuccessMessage() {
+  const t = useExtracted();
   return (
     <div className="flex flex-col items-center justify-center gap-1 p-3">
       <Inbox className="size-4 shrink-0" />
-      <p className="text-center font-medium">Check your inbox!</p>
+      <p className="text-center font-medium">{t("Check your inbox!")}</p>
       <p className="text-center text-muted-foreground text-sm">
-        Validate your email to receive updates and you are all set.
+        {t("Validate your email to receive updates and you are all set.")}
       </p>
     </div>
   );
diff --git a/apps/status-page/src/components/themes/theme-dropdown.tsx b/apps/status-page/src/components/themes/theme-dropdown.tsx
index a3ceb49a1..e957913ba 100644
--- a/apps/status-page/src/components/themes/theme-dropdown.tsx
+++ b/apps/status-page/src/components/themes/theme-dropdown.tsx
@@ -16,10 +16,11 @@ import { Laptop, Moon, Sun } from "lucide-react";
 import { useState } from "react";
 import { useEffect } from "react";
 
-function getThemeIcon(theme?: string | null) {
-  if (theme === "light") return <Sun className="h-4 w-4" />;
-  if (theme === "dark") return <Moon className="h-4 w-4" />;
-  if (theme === "system") return <Laptop className="h-4 w-4" />;
+function getThemeIcon(theme?: string | null, className?: string) {
+  if (theme === "light") return <Sun className={cn("h-4 w-4", className)} />;
+  if (theme === "dark") return <Moon className={cn("h-4 w-4", className)} />;
+  if (theme === "system")
+    return <Laptop className={cn("h-4 w-4", className)} />;
   return null;
 }
 
@@ -41,18 +42,26 @@ export function ThemeDropdown({
   return (
     <DropdownMenu>
       <DropdownMenuTrigger className={cn(className)} asChild {...props}>
-        <Button variant="outline" size="icon">
+        <Button variant="ghost" size="icon">
           {getThemeIcon(theme ?? "system")}
           <span className="sr-only">{theme ?? "system"}</span>
         </Button>
       </DropdownMenuTrigger>
-      <DropdownMenuContent align="end">
-        {["light", "dark", "system"].map((theme) => (
-          <DropdownMenuItem key={theme} onClick={() => setTheme(theme)}>
-            {getThemeIcon(theme)}
-            <span className="capitalize">{theme}</span>
-          </DropdownMenuItem>
-        ))}
+      <DropdownMenuContent align="end" alignOffset={-4}>
+        {["light", "dark", "system"].map((t) => {
+          const isActive = t === theme;
+          return (
+            <DropdownMenuItem key={t} onClick={() => setTheme(t)}>
+              <span className="capitalize">{t}</span>
+              <span className={cn("ml-auto")}>
+                {getThemeIcon(
+                  t,
+                  isActive ? "text-foreground" : "text-muted-foreground",
+                )}
+              </span>
+            </DropdownMenuItem>
+          );
+        })}
       </DropdownMenuContent>
     </DropdownMenu>
   );
diff --git a/apps/status-page/src/hooks/use-pathname-prefix.ts b/apps/status-page/src/hooks/use-pathname-prefix.ts
index 065fcd03b..a31c50f9a 100644
--- a/apps/status-page/src/hooks/use-pathname-prefix.ts
+++ b/apps/status-page/src/hooks/use-pathname-prefix.ts
@@ -1,7 +1,10 @@
 "use client";
 
+import { defaultLocale } from "@/i18n/config";
+import { resolvePathnamePrefix } from "@/lib/resolve-pathname-prefix";
 import { useTRPC } from "@/lib/trpc/client";
 import { useQuery } from "@tanstack/react-query";
+import { useLocale } from "next-intl";
 import { useParams } from "next/navigation";
 import { useEffect, useState } from "react";
 
@@ -11,26 +14,22 @@ export function usePathnamePrefix() {
   const { data: page } = useQuery({
     ...trpc.statusPage.get.queryOptions({ slug: domain }),
   });
+  const locale = useLocale();
   const [prefix, setPrefix] = useState("");
 
   useEffect(() => {
     if (typeof window !== "undefined") {
-      const hostnames = window.location.hostname.split(".");
-      const pathnames = window.location.pathname.split("/");
-      const isCustomDomain = window.location.hostname === page?.customDomain;
-
-      if (
-        isCustomDomain ||
-        (hostnames.length > 2 &&
-          hostnames[0] !== "www" &&
-          !window.location.hostname.endsWith(".vercel.app"))
-      ) {
-        setPrefix("");
-      } else {
-        setPrefix(pathnames[1] || "");
-      }
+      setPrefix(
+        resolvePathnamePrefix({
+          hostname: window.location.hostname,
+          pathname: window.location.pathname,
+          customDomain: page?.customDomain,
+          locale,
+          defaultLocale,
+        }),
+      );
     }
-  }, [page?.customDomain]);
+  }, [page?.customDomain, locale]);
 
   return prefix;
 }
diff --git a/apps/status-page/src/i18n/config.ts b/apps/status-page/src/i18n/config.ts
new file mode 100644
index 000000000..1c753b67c
--- /dev/null
+++ b/apps/status-page/src/i18n/config.ts
@@ -0,0 +1,26 @@
+export const locales = ["en", "fr", "de"] as const;
+
+export type Locale = (typeof locales)[number];
+
+export const defaultLocale: Locale = "en";
+
+export const localeTranslations: Record<
+  Locale,
+  {
+    name: string;
+    flag: string;
+  }
+> = {
+  en: {
+    name: "English",
+    flag: "🇺🇸",
+  },
+  fr: {
+    name: "Français",
+    flag: "🇫🇷",
+  },
+  de: {
+    name: "Deutsch",
+    flag: "🇩🇪",
+  },
+};
diff --git a/apps/status-page/src/i18n/request.ts b/apps/status-page/src/i18n/request.ts
new file mode 100644
index 000000000..b59fbdd40
--- /dev/null
+++ b/apps/status-page/src/i18n/request.ts
@@ -0,0 +1,15 @@
+import { getRequestConfig } from "next-intl/server";
+import { routing } from "./routing";
+
+export default getRequestConfig(async ({ requestLocale }) => {
+  let locale = await requestLocale;
+
+  if (!locale || !(routing.locales as readonly string[]).includes(locale)) {
+    locale = routing.defaultLocale;
+  }
+
+  return {
+    locale,
+    messages: (await import(`../../messages/${locale}.json`)).default,
+  };
+});
diff --git a/apps/status-page/src/i18n/routing.ts b/apps/status-page/src/i18n/routing.ts
new file mode 100644
index 000000000..be6bdc7c2
--- /dev/null
+++ b/apps/status-page/src/i18n/routing.ts
@@ -0,0 +1,8 @@
+import { defineRouting } from "next-intl/routing";
+import { defaultLocale, locales } from "./config";
+
+export const routing = defineRouting({
+  locales,
+  defaultLocale,
+  localePrefix: "as-needed",
+});
diff --git a/apps/status-page/src/lib/formatter.ts b/apps/status-page/src/lib/formatter.ts
index ec131fada..7ecfe2234 100644
--- a/apps/status-page/src/lib/formatter.ts
+++ b/apps/status-page/src/lib/formatter.ts
@@ -41,17 +41,21 @@ export function formatNumber(
 
 // TODO: think of supporting custom formats
 
-export function formatDate(date: Date, options?: Intl.DateTimeFormatOptions) {
-  return date.toLocaleDateString("en-US", {
+export function formatDate(
+  date: Date,
+  options?: Intl.DateTimeFormatOptions & { locale?: string },
+) {
+  const { locale, ...rest } = options ?? {};
+  return date.toLocaleDateString(locale, {
     year: "numeric",
     month: "long",
     day: "numeric",
-    ...options,
+    ...rest,
   });
 }
 
-export function formatDateTime(date: Date) {
-  return date.toLocaleDateString("en-US", {
+export function formatDateTime(date: Date, locale?: string) {
+  return date.toLocaleDateString(locale, {
     month: "long",
     day: "numeric",
     hour: "numeric",
@@ -59,40 +63,40 @@ export function formatDateTime(date: Date) {
   });
 }
 
-export function formatTime(date: Date) {
-  return date.toLocaleTimeString("en-US", {
+export function formatTime(date: Date, locale?: string) {
+  return date.toLocaleTimeString(locale, {
     hour: "numeric",
     minute: "numeric",
   });
 }
 
-export function formatDateRange(from?: Date, to?: Date) {
+export function formatDateRange(from?: Date, to?: Date, locale?: string) {
   const sameDay = from && to && isSameDay(from, to);
   const isFromStartDay = from && startOfDay(from).getTime() === from.getTime();
   const isToEndDay = to && endOfDay(to).getTime() === to.getTime();
 
   if (sameDay) {
     if (from.getTime() === to.getTime()) {
-      return formatDateTime(from);
+      return formatDateTime(from, locale);
     }
     if (from && to) {
-      return `${formatDateTime(from)} - ${formatTime(to)}`;
+      return `${formatDateTime(from, locale)} - ${formatTime(to, locale)}`;
     }
   }
 
   if (from && to) {
     if (isFromStartDay && isToEndDay) {
-      return `${formatDate(from)} - ${formatDate(to)}`;
+      return `${formatDate(from, { locale })} - ${formatDate(to, { locale })}`;
     }
-    return `${formatDateTime(from)} - ${formatDateTime(to)}`;
+    return `${formatDateTime(from, locale)} - ${formatDateTime(to, locale)}`;
   }
 
   if (to) {
-    return `Until ${formatDateTime(to)}`;
+    return `Until ${formatDateTime(to, locale)}`;
   }
 
   if (from) {
-    return `Since ${formatDateTime(from)}`;
+    return `Since ${formatDateTime(from, locale)}`;
   }
 
   return "All time";
diff --git a/apps/status-page/src/lib/resolve-pathname-prefix.test.ts b/apps/status-page/src/lib/resolve-pathname-prefix.test.ts
new file mode 100644
index 000000000..32231b9a1
--- /dev/null
+++ b/apps/status-page/src/lib/resolve-pathname-prefix.test.ts
@@ -0,0 +1,195 @@
+import { describe, expect, test } from "bun:test";
+import { resolvePathnamePrefix } from "./resolve-pathname-prefix";
+
+const defaultLocale = "en";
+
+describe("resolvePathnamePrefix", () => {
+  describe("hostname routing (subdomain)", () => {
+    test("acme.localhost:3000 + en → empty (default locale)", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "acme.localhost",
+          pathname: "/",
+          customDomain: undefined,
+          locale: "en",
+          defaultLocale,
+        }),
+      ).toBe("");
+    });
+
+    test("acme.localhost:3000 + fr → 'fr'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "acme.localhost",
+          pathname: "/",
+          customDomain: undefined,
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("fr");
+    });
+
+    test("acme.localhost:3000/events + fr → 'fr'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "acme.localhost",
+          pathname: "/events",
+          customDomain: undefined,
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("fr");
+    });
+  });
+
+  describe("custom domain routing", () => {
+    test("status.acme.com + en → empty (default locale)", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "status.acme.com",
+          pathname: "/",
+          customDomain: "status.acme.com",
+          locale: "en",
+          defaultLocale,
+        }),
+      ).toBe("");
+    });
+
+    test("status.acme.com + fr → 'fr'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "status.acme.com",
+          pathname: "/",
+          customDomain: "status.acme.com",
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("fr");
+    });
+
+    test("status.acme.com/monitors/1 + en → empty", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "status.acme.com",
+          pathname: "/monitors/1",
+          customDomain: "status.acme.com",
+          locale: "en",
+          defaultLocale,
+        }),
+      ).toBe("");
+    });
+  });
+
+  describe("pathname routing", () => {
+    test("localhost + /acme + en → 'acme/en'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "localhost",
+          pathname: "/acme",
+          customDomain: undefined,
+          locale: "en",
+          defaultLocale,
+        }),
+      ).toBe("acme/en");
+    });
+
+    test("localhost + /acme + fr → 'acme/fr'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "localhost",
+          pathname: "/acme",
+          customDomain: undefined,
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("acme/fr");
+    });
+
+    test("localhost + /acme/en/events + en → 'acme/en'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "localhost",
+          pathname: "/acme/en/events",
+          customDomain: undefined,
+          locale: "en",
+          defaultLocale,
+        }),
+      ).toBe("acme/en");
+    });
+
+    test("localhost + /acme/fr/monitors/123 + fr → 'acme/fr'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "localhost",
+          pathname: "/acme/fr/monitors/123",
+          customDomain: undefined,
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("acme/fr");
+    });
+
+    test("localhost + /status + en → 'status/en'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "localhost",
+          pathname: "/status",
+          customDomain: undefined,
+          locale: "en",
+          defaultLocale,
+        }),
+      ).toBe("status/en");
+    });
+
+    test("localhost + /status/fr/events + fr → 'status/fr'", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "localhost",
+          pathname: "/status/fr/events",
+          customDomain: undefined,
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("status/fr");
+    });
+  });
+
+  describe("edge cases", () => {
+    test("www subdomain is treated as pathname routing", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "www.openstatus.dev",
+          pathname: "/acme",
+          customDomain: undefined,
+          locale: "en",
+          defaultLocale,
+        }),
+      ).toBe("acme/en");
+    });
+
+    test("vercel.app preview is treated as pathname routing", () => {
+      expect(
+        resolvePathnamePrefix({
+          hostname: "my-app.vercel.app",
+          pathname: "/acme",
+          customDomain: undefined,
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("acme/fr");
+    });
+
+    test("no custom domain match falls through to hostname check", () => {
+      // hostname has 3+ segments but customDomain doesn't match
+      expect(
+        resolvePathnamePrefix({
+          hostname: "acme.openstatus.dev",
+          pathname: "/",
+          customDomain: "other.domain.com",
+          locale: "fr",
+          defaultLocale,
+        }),
+      ).toBe("fr");
+    });
+  });
+});
diff --git a/apps/status-page/src/lib/resolve-pathname-prefix.ts b/apps/status-page/src/lib/resolve-pathname-prefix.ts
new file mode 100644
index 000000000..31a7f6ca6
--- /dev/null
+++ b/apps/status-page/src/lib/resolve-pathname-prefix.ts
@@ -0,0 +1,41 @@
+/**
+ * Computes the prefix used for client-side navigation links.
+ *
+ * - Hostname routing (subdomain / custom domain): locale only (empty for default)
+ * - Pathname routing: always `{slug}/{locale}`
+ */
+export function resolvePathnamePrefix({
+  hostname,
+  pathname,
+  customDomain,
+  locale,
+  defaultLocale,
+}: {
+  hostname: string;
+  pathname: string;
+  customDomain: string | undefined;
+  locale: string;
+  defaultLocale: string;
+}): string {
+  const hostnames = hostname.split(".");
+  const isCustomDomain = customDomain ? hostname === customDomain : false;
+
+  // acme.localhost:3000 → ["acme", "localhost:3000"] (length 2, but is a subdomain)
+  // acme.stpg.dev → ["acme", "stpg", "dev"] (length 3+)
+  // localhost:3000 → ["localhost:3000"] (length 1, pathname routing)
+  const hasLocalhostSubdomain =
+    hostnames.length === 2 && /^localhost(:\d+)?$/.test(hostnames[1]);
+  const isSubdomain =
+    (hostnames.length > 2 || hasLocalhostSubdomain) &&
+    hostnames[0] !== "www" &&
+    !hostname.endsWith(".vercel.app");
+
+  if (isCustomDomain || isSubdomain) {
+    // Subdomain or custom domain — no slug prefix needed
+    return locale !== defaultLocale ? locale : "";
+  }
+
+  // Pathname routing — always {slug}/{locale}
+  const slug = pathname.split("/")[1] || "";
+  return `${slug}/${locale}`;
+}
diff --git a/apps/status-page/src/lib/resolve-route.test.ts b/apps/status-page/src/lib/resolve-route.test.ts
new file mode 100644
index 000000000..eb1b1bf39
--- /dev/null
+++ b/apps/status-page/src/lib/resolve-route.test.ts
@@ -0,0 +1,364 @@
+import { describe, expect, test } from "bun:test";
+import { resolveRoute } from "./resolve-route";
+
+describe("resolveRoute", () => {
+  describe("hostname routing (subdomain)", () => {
+    test("acme.localhost:3000/ → /acme/en (default locale)", () => {
+      const result = resolveRoute({
+        host: "acme.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en",
+      });
+    });
+
+    test("acme.localhost:3000/en → /acme/en", () => {
+      const result = resolveRoute({
+        host: "acme.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/en",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en",
+      });
+    });
+
+    test("acme.localhost:3000/fr → /acme/fr", () => {
+      const result = resolveRoute({
+        host: "acme.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/fr",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "acme",
+        locale: "fr",
+        rewritePath: "/acme/fr",
+      });
+    });
+
+    test("acme.localhost:3000/fr/events → /acme/fr/events", () => {
+      const result = resolveRoute({
+        host: "acme.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/fr/events",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "acme",
+        locale: "fr",
+        rewritePath: "/acme/fr/events",
+      });
+    });
+
+    test("acme.localhost:3000/events → /acme/en/events (no locale defaults to en)", () => {
+      const result = resolveRoute({
+        host: "acme.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/events",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en/events",
+      });
+    });
+
+    test("acme.localhost:3000/en/monitors/123 → /acme/en/monitors/123", () => {
+      const result = resolveRoute({
+        host: "acme.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/en/monitors/123",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en/monitors/123",
+      });
+    });
+  });
+
+  describe("pathname routing (path-based)", () => {
+    test("localhost:3000/acme/en → /acme/en", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/acme/en",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en",
+      });
+    });
+
+    test("localhost:3000/acme/fr → /acme/fr", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/acme/fr",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "acme",
+        locale: "fr",
+        rewritePath: "/acme/fr",
+      });
+    });
+
+    test("localhost:3000/acme → /acme/en (default locale inserted)", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/acme",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en",
+      });
+    });
+
+    test("localhost:3000/acme/en/events → /acme/en/events", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/acme/en/events",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en/events",
+      });
+    });
+
+    test("localhost:3000/acme/fr/monitors/123 → /acme/fr/monitors/123", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/acme/fr/monitors/123",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "acme",
+        locale: "fr",
+        rewritePath: "/acme/fr/monitors/123",
+      });
+    });
+
+    test("localhost:3000/acme/events → /acme/en/events (non-locale segment, default locale inserted)", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/acme/events",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "acme",
+        locale: "en",
+        rewritePath: "/acme/en/events",
+      });
+    });
+  });
+
+  // Seed page 1: slug "status", customDomain ""
+  describe('hostname routing — slug "status" (subdomain only, no custom domain)', () => {
+    test("status.localhost:3000/ → /status/en", () => {
+      const result = resolveRoute({
+        host: "status.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "en",
+        rewritePath: "/status/en",
+      });
+    });
+
+    test("status.localhost:3000/fr → /status/fr", () => {
+      const result = resolveRoute({
+        host: "status.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/fr",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "fr",
+        rewritePath: "/status/fr",
+      });
+    });
+
+    test("status.localhost:3000/events → /status/en/events (default locale)", () => {
+      const result = resolveRoute({
+        host: "status.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/events",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "en",
+        rewritePath: "/status/en/events",
+      });
+    });
+
+    test("status.localhost:3000/fr/monitors/1 → /status/fr/monitors/1", () => {
+      const result = resolveRoute({
+        host: "status.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/fr/monitors/1",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "fr",
+        rewritePath: "/status/fr/monitors/1",
+      });
+    });
+  });
+
+  describe('pathname routing — slug "status"', () => {
+    test("localhost:3000/status → /status/en", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/status",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "status",
+        locale: "en",
+        rewritePath: "/status/en",
+      });
+    });
+
+    test("localhost:3000/status/en → /status/en", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/status/en",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "status",
+        locale: "en",
+        rewritePath: "/status/en",
+      });
+    });
+
+    test("localhost:3000/status/fr/events → /status/fr/events", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/status/fr/events",
+      });
+      expect(result).toEqual({
+        type: "pathname",
+        prefix: "status",
+        locale: "fr",
+        rewritePath: "/status/fr/events",
+      });
+    });
+  });
+
+  // Seed page 2: slug "acme", customDomain "status.acme.com"
+  describe('custom domain routing — status.acme.com (slug "acme")', () => {
+    test("status.acme.com/ → /status.acme.com/en (custom domain as prefix)", () => {
+      const result = resolveRoute({
+        host: "status.acme.com",
+        urlHost: "localhost:3000",
+        pathname: "/",
+      });
+      // Custom domain detected via x-forwarded-host, hostname type
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "en",
+        rewritePath: "/status/en",
+      });
+    });
+
+    test("status.acme.com/fr → hostname routing with locale", () => {
+      const result = resolveRoute({
+        host: "status.acme.com",
+        urlHost: "localhost:3000",
+        pathname: "/fr",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "fr",
+        rewritePath: "/status/fr",
+      });
+    });
+
+    test("status.acme.com/en/events → hostname routing with path", () => {
+      const result = resolveRoute({
+        host: "status.acme.com",
+        urlHost: "localhost:3000",
+        pathname: "/en/events",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "en",
+        rewritePath: "/status/en/events",
+      });
+    });
+
+    test("status.acme.com/monitors/1 → defaults to en", () => {
+      const result = resolveRoute({
+        host: "status.acme.com",
+        urlHost: "localhost:3000",
+        pathname: "/monitors/1",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "status",
+        locale: "en",
+        rewritePath: "/status/en/monitors/1",
+      });
+    });
+  });
+
+  describe("edge cases", () => {
+    test("root path on localhost returns null (no page)", () => {
+      const result = resolveRoute({
+        host: "localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/",
+      });
+      expect(result).toBeNull();
+    });
+
+    test("case insensitive prefix", () => {
+      const result = resolveRoute({
+        host: "ACME.localhost:3000",
+        urlHost: "localhost:3000",
+        pathname: "/FR/events",
+      });
+      expect(result).toEqual({
+        type: "hostname",
+        prefix: "acme",
+        locale: "fr",
+        rewritePath: "/acme/fr/events",
+      });
+    });
+  });
+});
diff --git a/apps/status-page/src/lib/resolve-route.ts b/apps/status-page/src/lib/resolve-route.ts
new file mode 100644
index 000000000..8f368c4ff
--- /dev/null
+++ b/apps/status-page/src/lib/resolve-route.ts
@@ -0,0 +1,105 @@
+import { defaultLocale, locales } from "@/i18n/config";
+import { getValidSubdomain } from "./domain";
+
+export type RouteType = "hostname" | "pathname";
+
+export interface ResolvedRoute {
+  type: RouteType;
+  prefix: string;
+  locale: string;
+  /** The internal path to rewrite to: /{prefix}/{locale}/{rest} */
+  rewritePath: string;
+}
+
+/**
+ * Resolves the routing type, page slug, and locale from request context.
+ * Pure function — no side effects, no DB calls, no Next.js APIs.
+ */
+export function resolveRoute({
+  host,
+  urlHost,
+  pathname,
+}: {
+  /** x-forwarded-host header value */
+  host: string | null;
+  /** req.nextUrl.host */
+  urlHost: string;
+  /** req.nextUrl.pathname */
+  pathname: string;
+}): ResolvedRoute | null {
+  const hostnames = host?.split(/[.:]/) ?? urlHost.split(/[.:]/);
+  const pathnames = pathname.split("/");
+
+  // Prefer x-forwarded-host for custom-domain detection (behind reverse proxy/CDN,
+  // req.nextUrl.host may be an internal host, not the real custom domain)
+  const subdomain = getValidSubdomain(host ?? urlHost);
+
+  let prefix: string;
+  let type: RouteType;
+
+  if (
+    hostnames.length > 2 &&
+    hostnames[0] !== "www" &&
+    !urlHost.endsWith(".vercel.app")
+  ) {
+    prefix = hostnames[0].toLowerCase();
+    type = "hostname";
+  } else {
+    prefix = (pathnames[1] ?? "").toLowerCase();
+    type = "pathname";
+  }
+
+  if (subdomain !== null) {
+    prefix = subdomain.toLowerCase();
+  }
+
+  // Root path on non-hostname type — no page to resolve
+  if (pathname === "/" && type !== "hostname" && subdomain === null) {
+    return null;
+  }
+
+  // Resolve locale based on routing type
+  if (type === "hostname") {
+    const firstSegment = pathnames[1]?.toLowerCase();
+    const hasLocale = (locales as readonly string[]).includes(
+      firstSegment as (typeof locales)[number],
+    );
+    const locale = hasLocale ? firstSegment : defaultLocale;
+    const rest = (hasLocale ? pathnames.slice(2) : pathnames.slice(1))
+      .filter(Boolean)
+      .join("/");
+
+    return {
+      type,
+      prefix,
+      locale,
+      rewritePath: `/${prefix}/${locale}${rest ? `/${rest}` : ""}`,
+    };
+  }
+
+  // pathname type: locale is at index 2 (/{slug}/{locale}/...)
+  const localeSegment = pathnames[2]?.toLowerCase();
+  const hasLocale = (locales as readonly string[]).includes(
+    localeSegment as (typeof locales)[number],
+  );
+  const locale = hasLocale ? localeSegment : defaultLocale;
+
+  if (hasLocale) {
+    // Already has locale in path — rewrite path is the pathname as-is
+    return {
+      type,
+      prefix,
+      locale,
+      rewritePath: pathname,
+    };
+  }
+
+  // No locale in path — insert default locale after slug
+  const rest = pathnames.slice(2).filter(Boolean).join("/");
+  return {
+    type,
+    prefix,
+    locale,
+    rewritePath: `/${prefix}/${locale}${rest ? `/${rest}` : ""}`,
+  };
+}
diff --git a/apps/status-page/src/proxy.ts b/apps/status-page/src/proxy.ts
index 9fc6ca8a9..51f1b0d38 100644
--- a/apps/status-page/src/proxy.ts
+++ b/apps/status-page/src/proxy.ts
@@ -6,6 +6,7 @@ import { db, sql } from "@openstatus/db";
 import { page, selectPageSchema } from "@openstatus/db/src/schema";
 import { getValidSubdomain } from "./lib/domain";
 import { createProtectedCookieKey } from "./lib/protected";
+import { resolveRoute } from "./lib/resolve-route";
 
 export default auth(async (req) => {
   const url = req.nextUrl.clone();
@@ -14,43 +15,18 @@ export default auth(async (req) => {
   const headers = req.headers;
   const host = headers.get("x-forwarded-host");
 
-  let prefix = "";
-  let type: "hostname" | "pathname";
-
-  const hostnames = host?.split(/[.:]/) ?? url.host.split(/[.:]/);
-  const pathnames = url.pathname.split("/");
-
-  const subdomain = getValidSubdomain(url.host);
-  console.log({
-    hostnames,
-    pathnames,
+  const route = resolveRoute({
     host,
     urlHost: url.host,
-    subdomain,
+    pathname: url.pathname,
   });
 
-  if (
-    hostnames.length > 2 &&
-    hostnames[0] !== "www" &&
-    !url.host.endsWith(".vercel.app")
-  ) {
-    prefix = hostnames[0].toLowerCase();
-    type = "hostname";
-  } else {
-    prefix = pathnames[1].toLowerCase();
-    type = "pathname";
-  }
-
-  if (subdomain !== null) {
-    prefix = subdomain.toLowerCase();
-  }
-
-  console.log({ pathname: url.pathname, type, prefix, subdomain });
-
-  if (url.pathname === "/" && type !== "hostname" && subdomain === null) {
+  if (!route) {
     return response;
   }
 
+  const { type, prefix } = route;
+
   const query = await db
     .select()
     .from(page)
@@ -157,7 +133,10 @@ export default auth(async (req) => {
     host,
     expectedHost: `${_page.slug}.stpg.dev`,
   });
+
   if (_page.customDomain && host !== `${_page.slug}.stpg.dev`) {
+    const pathnames = url.pathname.split("/");
+    const subdomain = getValidSubdomain(url.host);
     if (pathnames.length > 2 && !subdomain) {
       const pathname = pathnames.slice(2).join("/");
       const rewriteUrl = new URL(`/${_page.slug}/${pathname}`, req.url);
@@ -166,16 +145,12 @@ export default auth(async (req) => {
     }
     if (_page.customDomain && subdomain) {
       console.log({ url: req.url });
-      // const vercelURL = process.env.VERCEL_URL || "www.stpg.dev";
-      // console.log({newUrl: vercelURL})
       if (pathnames.length > 2) {
         const pathname = pathnames.slice(1).join("/");
-
         const rewriteUrl = new URL(
           `${pathname}`,
           `https://${_page.slug}.stpg.dev`,
         );
-        console.log({ rewriteUrl });
         rewriteUrl.search = url.search;
         return NextResponse.rewrite(rewriteUrl);
       }
@@ -183,12 +158,10 @@ export default auth(async (req) => {
         `${url.pathname}`,
         `https://${_page.slug}.stpg.dev`,
       );
-      console.log({ rewriteUrl });
       rewriteUrl.search = url.search;
       return NextResponse.rewrite(rewriteUrl);
     }
     const rewriteUrl = new URL(`/${_page.slug}`, req.url);
-    console.log({ rewriteUrl });
     rewriteUrl.search = url.search;
     return NextResponse.rewrite(rewriteUrl);
   }
@@ -198,6 +171,15 @@ export default auth(async (req) => {
     rewriteUrl.search = url.search;
     return NextResponse.rewrite(rewriteUrl);
   }
+
+  // Rewrite to the resolved path when it differs from the incoming pathname
+  // (e.g. hostname routing or pathname routing without a locale segment)
+  if (route.rewritePath !== url.pathname) {
+    const rewriteUrl = new URL(route.rewritePath, req.url);
+    rewriteUrl.search = url.search;
+    return NextResponse.rewrite(rewriteUrl);
+  }
+
   return response;
 });
 
diff --git a/packages/db/src/seed.mts b/packages/db/src/seed.mts
index ad57c5c6a..ac88426e5 100644
--- a/packages/db/src/seed.mts
+++ b/packages/db/src/seed.mts
@@ -145,6 +145,21 @@ async function main() {
     .onConflictDoNothing()
     .run();
 
+  await db
+    .insert(page)
+    .values({
+      id: 2,
+      workspaceId: 1,
+      title: "Acme Inc.",
+      description: "Get informed about our services.",
+      icon: "https://www.openstatus.dev/favicon.ico",
+      slug: "acme",
+      customDomain: "status.acme.com",
+      published: true,
+    })
+    .onConflictDoNothing()
+    .run();
+
   await db
     .insert(user)
     .values({
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cdd089a55..dd499fea9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,7 +13,7 @@ importers:
         version: 1.8.3
       '@turbo/gen':
         specifier: 1.13.3
-        version: 1.13.3(@types/node@24.0.8)(typescript@5.9.3)
+        version: 1.13.3(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@24.0.8)(typescript@5.9.3)
       '@types/node':
         specifier: 24.0.8
         version: 24.0.8
@@ -178,7 +178,7 @@ importers:
         version: 1.2.7(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@sentry/nextjs':
         specifier: 10.31.0
-        version: 10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0)
+        version: 10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)))
       '@stripe/stripe-js':
         specifier: 2.1.6
         version: 2.1.6
@@ -226,7 +226,7 @@ importers:
         version: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       next-auth:
         specifier: 5.0.0-beta.29
-        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
+        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
       next-themes:
         specifier: 0.4.6
         version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -650,7 +650,7 @@ importers:
         version: 1.1.14(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@sentry/nextjs':
         specifier: 10.31.0
-        version: 10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0)
+        version: 10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)))
       '@stripe/stripe-js':
         specifier: 2.1.6
         version: 2.1.6
@@ -698,7 +698,10 @@ importers:
         version: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       next-auth:
         specifier: 5.0.0-beta.29
-        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
+        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
+      next-intl:
+        specifier: ^4.8.3
+        version: 4.8.3(@swc/helpers@0.5.17)(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(typescript@5.9.3)
       next-plausible:
         specifier: 3.12.5
         version: 3.12.5(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -876,7 +879,7 @@ importers:
         version: link:../../packages/utils
       '@sentry/nextjs':
         specifier: 10.31.0
-        version: 10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0)
+        version: 10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)))
       '@stripe/stripe-js':
         specifier: 2.1.6
         version: 2.1.6
@@ -954,7 +957,7 @@ importers:
         version: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       next-auth:
         specifier: 5.0.0-beta.29
-        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
+        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
       next-mdx-remote:
         specifier: 6.0.0
         version: 6.0.0(@types/react@19.2.2)(react@19.2.3)
@@ -1362,7 +1365,7 @@ importers:
         version: 0.31.4
       next-auth:
         specifier: 5.0.0-beta.29
-        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
+        version: 5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)
       typescript:
         specifier: 5.9.3
         version: 5.9.3
@@ -1918,7 +1921,7 @@ importers:
         version: 4.1.8
       tsup:
         specifier: 7.2.0
-        version: 7.2.0(postcss@8.5.6)(ts-node@10.9.2(@types/node@20.8.0)(typescript@5.9.3))(typescript@5.9.3)
+        version: 7.2.0(@swc/core@1.15.18(@swc/helpers@0.5.17))(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@20.8.0)(typescript@5.9.3))(typescript@5.9.3)
       typescript:
         specifier: 5.9.3
         version: 5.9.3
@@ -2212,7 +2215,7 @@ importers:
         version: 22.10.2
       tsup:
         specifier: 7.2.0
-        version: 7.2.0(postcss@8.5.6)(ts-node@10.9.2(@types/node@22.10.2)(typescript@5.9.3))(typescript@5.9.3)
+        version: 7.2.0(@swc/core@1.15.18(@swc/helpers@0.5.17))(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@22.10.2)(typescript@5.9.3))(typescript@5.9.3)
       typescript:
         specifier: 5.9.3
         version: 5.9.3
@@ -3396,6 +3399,21 @@ packages:
   '@fontsource-variable/inter@5.2.8':
     resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==}
 
+  '@formatjs/ecma402-abstract@3.1.1':
+    resolution: {integrity: sha512-jhZbTwda+2tcNrs4kKvxrPLPjx8QsBCLCUgrrJ/S+G9YrGHWLhAyFMMBHJBnBoOwuLHd7L14FgYudviKaxkO2Q==}
+
+  '@formatjs/fast-memoize@3.1.0':
+    resolution: {integrity: sha512-b5mvSWCI+XVKiz5WhnBCY3RJ4ZwfjAidU0yVlKa3d3MSgKmH1hC3tBGEAtYyN5mqL7N0G5x0BOUYyO8CEupWgg==}
+
+  '@formatjs/icu-messageformat-parser@3.5.1':
+    resolution: {integrity: sha512-sSDmSvmmoVQ92XqWb499KrIhv/vLisJU8ITFrx7T7NZHUmMY7EL9xgRowAosaljhqnj/5iufG24QrdzB6X3ItA==}
+
+  '@formatjs/icu-skeleton-parser@2.1.1':
+    resolution: {integrity: sha512-PSFABlcNefjI6yyk8f7nyX1DC7NHmq6WaCHZLySEXBrXuLOB2f935YsnzuPjlz+ibhb9yWTdPeVX1OVcj24w2Q==}
+
+  '@formatjs/intl-localematcher@0.8.1':
+    resolution: {integrity: sha512-xwEuwQFdtSq1UKtQnyTZWC+eHdv7Uygoa+H2k/9uzBVQjDyp9r20LNDNKedWXll7FssT3GRHvqsdJGYSUWqYFA==}
+
   '@google-cloud/tasks@4.0.1':
     resolution: {integrity: sha512-cluHSN52WgaNoDPVguxCeXZq4rTBHqJntXFB9aI9zG8n8MJukf6V0H7yoAXpKXQxyeXv4LRy108kAgLPgXP3yA==}
     engines: {node: '>=14.0.0'}
@@ -6265,6 +6283,9 @@ packages:
     resolution: {integrity: sha512-fNcaZbZKoZ2PvoW+KJHmk4au8ZukgWlb6qLK3k/SLkfsTggN3DO4PR57ch6cyl2WhwENNbw+iI+ss7fTRcPnOA==}
     engines: {node: '>=18'}
 
+  '@schummar/icu-type-parser@1.21.5':
+    resolution: {integrity: sha512-bXHSaW5jRTmke9Vd0h5P7BtWZG9Znqb8gSDxZnxaGSJnGwPLDPfS+3g0BKzeWqzgZPsIVZkM7m2tbo18cm5HBw==}
+
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
@@ -6661,12 +6682,87 @@ packages:
   '@stripe/stripe-js@2.1.6':
     resolution: {integrity: sha512-QSzqQIcowgap7a40f3a7oUR+59Xet/i8fp1EsnzzwxK5oPRQsCbbLQ4Cd6qM0y1pdZMonFnCrAWayWdE9Lr0iA==}
 
+  '@swc/core-darwin-arm64@1.15.18':
+    resolution: {integrity: sha512-+mIv7uBuSaywN3C9LNuWaX1jJJ3SKfiJuE6Lr3bd+/1Iv8oMU7oLBjYMluX1UrEPzwN2qCdY6Io0yVicABoCwQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@swc/core-darwin-x64@1.15.18':
+    resolution: {integrity: sha512-wZle0eaQhnzxWX5V/2kEOI6Z9vl/lTFEC6V4EWcn+5pDjhemCpQv9e/TDJ0GIoiClX8EDWRvuZwh+Z3dhL1NAg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@swc/core-linux-arm-gnueabihf@1.15.18':
+    resolution: {integrity: sha512-ao61HGXVqrJFHAcPtF4/DegmwEkVCo4HApnotLU8ognfmU8x589z7+tcf3hU+qBiU1WOXV5fQX6W9Nzs6hjxDw==}
+    engines: {node: '>=10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@swc/core-linux-arm64-gnu@1.15.18':
+    resolution: {integrity: sha512-3xnctOBLIq3kj8PxOCgPrGjBLP/kNOddr6f5gukYt/1IZxsITQaU9TDyjeX6jG+FiCIHjCuWuffsyQDL5Ew1bg==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-arm64-musl@1.15.18':
+    resolution: {integrity: sha512-0a+Lix+FSSHBSBOA0XznCcHo5/1nA6oLLjcnocvzXeqtdjnPb+SvchItHI+lfeiuj1sClYPDvPMLSLyXFaiIKw==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@swc/core-linux-x64-gnu@1.15.18':
+    resolution: {integrity: sha512-wG9J8vReUlpaHz4KOD/5UE1AUgirimU4UFT9oZmupUDEofxJKYb1mTA/DrMj0s78bkBiNI+7Fo2EgPuvOJfuAA==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-linux-x64-musl@1.15.18':
+    resolution: {integrity: sha512-4nwbVvCphKzicwNWRmvD5iBaZj8JYsRGa4xOxJmOyHlMDpsvvJ2OR2cODlvWyGFH6BYL1MfIAK3qph3hp0Az6g==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@swc/core-win32-arm64-msvc@1.15.18':
+    resolution: {integrity: sha512-zk0RYO+LjiBCat2RTMHzAWaMky0cra9loH4oRrLKLLNuL+jarxKLFDA8xTZWEkCPLjUTwlRN7d28eDLLMgtUcQ==}
+    engines: {node: '>=10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@swc/core-win32-ia32-msvc@1.15.18':
+    resolution: {integrity: sha512-yVuTrZ0RccD5+PEkpcLOBAuPbYBXS6rslENvIXfvJGXSdX5QGi1ehC4BjAMl5FkKLiam4kJECUI0l7Hq7T1vwg==}
+    engines: {node: '>=10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@swc/core-win32-x64-msvc@1.15.18':
+    resolution: {integrity: sha512-7NRmE4hmUQNCbYU3Hn9Tz57mK9Qq4c97ZS+YlamlK6qG9Fb5g/BB3gPDe0iLlJkns/sYv2VWSkm8c3NmbEGjbg==}
+    engines: {node: '>=10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@swc/core@1.15.18':
+    resolution: {integrity: sha512-z87aF9GphWp//fnkRsqvtY+inMVPgYW3zSlXH1kJFvRT5H/wiAn+G32qW5l3oEk63KSF1x3Ov0BfHCObAmT8RA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@swc/helpers': '>=0.5.17'
+    peerDependenciesMeta:
+      '@swc/helpers':
+        optional: true
+
+  '@swc/counter@0.1.3':
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+
   '@swc/helpers@0.5.15':
     resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
 
   '@swc/helpers@0.5.17':
     resolution: {integrity: sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==}
 
+  '@swc/types@0.1.25':
+    resolution: {integrity: sha512-iAoY/qRhNH8a/hBvm3zKj9qQ4oc2+3w1unPJa2XvTK3XjeLXtzcCingVPw/9e5mn1+0yPqxcBGp9Jf0pkfMb1g==}
+
   '@t3-oss/env-core@0.13.10':
     resolution: {integrity: sha512-NNFfdlJ+HmPHkLi2HKy7nwuat9SIYOxei9K10lO2YlcSObDILY7mHZNSHsieIM3A0/5OOzw/P/b+yLvPdaG52g==}
     peerDependencies:
@@ -8065,6 +8161,9 @@ packages:
   decimal.js-light@2.5.1:
     resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
 
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
   decode-named-character-reference@1.2.0:
     resolution: {integrity: sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==}
 
@@ -9042,6 +9141,9 @@ packages:
     resolution: {integrity: sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==}
     engines: {node: '>=0.10.0'}
 
+  icu-minify@4.8.3:
+    resolution: {integrity: sha512-65Av7FLosNk7bPbmQx5z5XG2Y3T2GFppcjiXh4z1idHeVgQxlDpAmkGoYI0eFzAvrOnjpWTL5FmPDhsdfRMPEA==}
+
   ieee754@1.2.1:
     resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
 
@@ -9088,6 +9190,9 @@ packages:
     resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
     engines: {node: '>=12'}
 
+  intl-messageformat@11.1.2:
+    resolution: {integrity: sha512-ucSrQmZGAxfiBHfBRXW/k7UC8MaGFlEj4Ry1tKiDcmgwQm1y3EDl40u+4VNHYomxJQMJi9NEI3riDRlth96jKg==}
+
   ip-address@10.0.1:
     resolution: {integrity: sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA==}
     engines: {node: '>= 12'}
@@ -9931,6 +10036,19 @@ packages:
       nodemailer:
         optional: true
 
+  next-intl-swc-plugin-extractor@4.8.3:
+    resolution: {integrity: sha512-YcaT+R9z69XkGhpDarVFWUprrCMbxgIQYPUaXoE6LGVnLjGdo8hu3gL6bramDVjNKViYY8a/pXPy7Bna0mXORg==}
+
+  next-intl@4.8.3:
+    resolution: {integrity: sha512-PvdBDWg+Leh7BR7GJUQbCDVVaBRn37GwDBWc9sv0rVQOJDQ5JU1rVzx9EEGuOGYo0DHAl70++9LQ7HxTawdL7w==}
+    peerDependencies:
+      next: ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   next-mdx-remote@6.0.0:
     resolution: {integrity: sha512-cJEpEZlgD6xGjB4jL8BnI8FaYdN9BzZM4NwadPe1YQr7pqoWjg9EBCMv3nXBkuHqMRfv2y33SzUsuyNh9LFAQQ==}
     engines: {node: '>=14', npm: '>=7'}
@@ -10372,6 +10490,9 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  po-parser@2.1.1:
+    resolution: {integrity: sha512-ECF4zHLbUItpUgE3OTtLKlPjeBN+fKEczj2zYjDfCGOzicNs0GK3Vg2IoAYwx7LH/XYw43fZQP6xnZ4TkNxSLQ==}
+
   postcss-load-config@4.0.2:
     resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
     engines: {node: '>= 14'}
@@ -11809,6 +11930,11 @@ packages:
     peerDependencies:
       react: '>=16.13'
 
+  use-intl@4.8.3:
+    resolution: {integrity: sha512-nLxlC/RH+le6g3amA508Itnn/00mE+J22ui21QhOWo5V9hCEC43+WtnRAITbJW0ztVZphev5X9gvOf2/Dk9PLA==}
+    peerDependencies:
+      react: ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0
+
   use-sidecar@1.1.3:
     resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
     engines: {node: '>=10'}
@@ -13764,6 +13890,33 @@ snapshots:
 
   '@fontsource-variable/inter@5.2.8': {}
 
+  '@formatjs/ecma402-abstract@3.1.1':
+    dependencies:
+      '@formatjs/fast-memoize': 3.1.0
+      '@formatjs/intl-localematcher': 0.8.1
+      decimal.js: 10.6.0
+      tslib: 2.8.1
+
+  '@formatjs/fast-memoize@3.1.0':
+    dependencies:
+      tslib: 2.8.1
+
+  '@formatjs/icu-messageformat-parser@3.5.1':
+    dependencies:
+      '@formatjs/ecma402-abstract': 3.1.1
+      '@formatjs/icu-skeleton-parser': 2.1.1
+      tslib: 2.8.1
+
+  '@formatjs/icu-skeleton-parser@2.1.1':
+    dependencies:
+      '@formatjs/ecma402-abstract': 3.1.1
+      tslib: 2.8.1
+
+  '@formatjs/intl-localematcher@0.8.1':
+    dependencies:
+      '@formatjs/fast-memoize': 3.1.0
+      tslib: 2.8.1
+
   '@google-cloud/tasks@4.0.1':
     dependencies:
       google-gax: 4.6.1
@@ -16622,6 +16775,8 @@ snapshots:
       type-fest: 4.41.0
       zod: 3.25.76
 
+  '@schummar/icu-type-parser@1.21.5': {}
+
   '@sec-ant/readable-stream@0.4.1': {}
 
   '@selderee/plugin-htmlparser2@0.11.0':
@@ -16722,7 +16877,7 @@ snapshots:
       '@sentry/types': 8.9.2
       '@sentry/utils': 8.9.2
 
-  '@sentry/nextjs@10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0)':
+  '@sentry/nextjs@10.31.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)))':
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/semantic-conventions': 1.38.0
@@ -16734,7 +16889,7 @@ snapshots:
       '@sentry/opentelemetry': 10.31.0(@opentelemetry/api@1.9.0)(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/semantic-conventions@1.38.0)
       '@sentry/react': 10.31.0(react@19.2.3)
       '@sentry/vercel-edge': 10.31.0
-      '@sentry/webpack-plugin': 4.6.1(webpack@5.103.0)
+      '@sentry/webpack-plugin': 4.6.1(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)))
       next: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       resolve: 1.22.8
       rollup: 4.53.3
@@ -16832,12 +16987,12 @@ snapshots:
       '@opentelemetry/resources': 2.2.0(@opentelemetry/api@1.9.0)
       '@sentry/core': 10.31.0
 
-  '@sentry/webpack-plugin@4.6.1(webpack@5.103.0)':
+  '@sentry/webpack-plugin@4.6.1(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)))':
     dependencies:
       '@sentry/bundler-plugin-core': 4.6.1
       unplugin: 1.0.1
       uuid: 9.0.1
-      webpack: 5.103.0
+      webpack: 5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17))
     transitivePeerDependencies:
       - encoding
       - supports-color
@@ -17226,6 +17381,55 @@ snapshots:
 
   '@stripe/stripe-js@2.1.6': {}
 
+  '@swc/core-darwin-arm64@1.15.18':
+    optional: true
+
+  '@swc/core-darwin-x64@1.15.18':
+    optional: true
+
+  '@swc/core-linux-arm-gnueabihf@1.15.18':
+    optional: true
+
+  '@swc/core-linux-arm64-gnu@1.15.18':
+    optional: true
+
+  '@swc/core-linux-arm64-musl@1.15.18':
+    optional: true
+
+  '@swc/core-linux-x64-gnu@1.15.18':
+    optional: true
+
+  '@swc/core-linux-x64-musl@1.15.18':
+    optional: true
+
+  '@swc/core-win32-arm64-msvc@1.15.18':
+    optional: true
+
+  '@swc/core-win32-ia32-msvc@1.15.18':
+    optional: true
+
+  '@swc/core-win32-x64-msvc@1.15.18':
+    optional: true
+
+  '@swc/core@1.15.18(@swc/helpers@0.5.17)':
+    dependencies:
+      '@swc/counter': 0.1.3
+      '@swc/types': 0.1.25
+    optionalDependencies:
+      '@swc/core-darwin-arm64': 1.15.18
+      '@swc/core-darwin-x64': 1.15.18
+      '@swc/core-linux-arm-gnueabihf': 1.15.18
+      '@swc/core-linux-arm64-gnu': 1.15.18
+      '@swc/core-linux-arm64-musl': 1.15.18
+      '@swc/core-linux-x64-gnu': 1.15.18
+      '@swc/core-linux-x64-musl': 1.15.18
+      '@swc/core-win32-arm64-msvc': 1.15.18
+      '@swc/core-win32-ia32-msvc': 1.15.18
+      '@swc/core-win32-x64-msvc': 1.15.18
+      '@swc/helpers': 0.5.17
+
+  '@swc/counter@0.1.3': {}
+
   '@swc/helpers@0.5.15':
     dependencies:
       tslib: 2.8.1
@@ -17234,6 +17438,10 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  '@swc/types@0.1.25':
+    dependencies:
+      '@swc/counter': 0.1.3
+
   '@t3-oss/env-core@0.13.10(typescript@5.9.3)(zod@4.1.13)':
     optionalDependencies:
       typescript: 5.9.3
@@ -17497,7 +17705,7 @@ snapshots:
 
   '@tsconfig/node16@1.0.4': {}
 
-  '@turbo/gen@1.13.3(@types/node@24.0.8)(typescript@5.9.3)':
+  '@turbo/gen@1.13.3(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@24.0.8)(typescript@5.9.3)':
     dependencies:
       '@turbo/workspaces': 1.13.3(@types/node@24.0.8)
       chalk: 2.4.2
@@ -17507,7 +17715,7 @@ snapshots:
       minimatch: 9.0.5
       node-plop: 0.26.3
       proxy-agent: 6.5.0
-      ts-node: 10.9.2(@types/node@24.0.8)(typescript@5.9.3)
+      ts-node: 10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@24.0.8)(typescript@5.9.3)
       update-check: 1.5.4
       validate-npm-package-name: 5.0.1
     transitivePeerDependencies:
@@ -18735,6 +18943,8 @@ snapshots:
 
   decimal.js-light@2.5.1: {}
 
+  decimal.js@10.6.0: {}
+
   decode-named-character-reference@1.2.0:
     dependencies:
       character-entities: 2.0.2
@@ -19935,6 +20145,10 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
+  icu-minify@4.8.3:
+    dependencies:
+      '@formatjs/icu-messageformat-parser': 3.5.1
+
   ieee754@1.2.1: {}
 
   ignore@5.3.2: {}
@@ -20004,6 +20218,13 @@ snapshots:
 
   internmap@2.0.3: {}
 
+  intl-messageformat@11.1.2:
+    dependencies:
+      '@formatjs/ecma402-abstract': 3.1.1
+      '@formatjs/fast-memoize': 3.1.0
+      '@formatjs/icu-messageformat-parser': 3.5.1
+      tslib: 2.8.1
+
   ip-address@10.0.1: {}
 
   ip-address@10.1.0: {}
@@ -21021,12 +21242,31 @@ snapshots:
 
   netmask@2.0.2: {}
 
-  next-auth@5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3):
+  next-auth@5.0.0-beta.29(next@16.1.6(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3):
     dependencies:
       '@auth/core': 0.40.0
       next: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       react: 19.2.3
 
+  next-intl-swc-plugin-extractor@4.8.3: {}
+
+  next-intl@4.8.3(@swc/helpers@0.5.17)(next@16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(typescript@5.9.3):
+    dependencies:
+      '@formatjs/intl-localematcher': 0.8.1
+      '@parcel/watcher': 2.5.1
+      '@swc/core': 1.15.18(@swc/helpers@0.5.17)
+      icu-minify: 4.8.3
+      negotiator: 1.0.0
+      next: 16.1.6(@babel/core@7.28.5)(@opentelemetry/api@1.9.0)(babel-plugin-macros@3.1.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      next-intl-swc-plugin-extractor: 4.8.3
+      po-parser: 2.1.1
+      react: 19.2.3
+      use-intl: 4.8.3(react@19.2.3)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@swc/helpers'
+
   next-mdx-remote@6.0.0(@types/react@19.2.2)(react@19.2.3):
     dependencies:
       '@babel/code-frame': 7.29.0
@@ -21539,21 +21779,23 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.2
 
-  postcss-load-config@4.0.2(postcss@8.5.6)(ts-node@10.9.2(@types/node@20.8.0)(typescript@5.9.3)):
+  po-parser@2.1.1: {}
+
+  postcss-load-config@4.0.2(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@20.8.0)(typescript@5.9.3)):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.8.1
     optionalDependencies:
       postcss: 8.5.6
-      ts-node: 10.9.2(@types/node@20.8.0)(typescript@5.9.3)
+      ts-node: 10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@20.8.0)(typescript@5.9.3)
 
-  postcss-load-config@4.0.2(postcss@8.5.6)(ts-node@10.9.2(@types/node@22.10.2)(typescript@5.9.3)):
+  postcss-load-config@4.0.2(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@22.10.2)(typescript@5.9.3)):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.8.1
     optionalDependencies:
       postcss: 8.5.6
-      ts-node: 10.9.2(@types/node@22.10.2)(typescript@5.9.3)
+      ts-node: 10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@22.10.2)(typescript@5.9.3)
 
   postcss-nested@6.2.0(postcss@8.4.38):
     dependencies:
@@ -22952,14 +23194,16 @@ snapshots:
       ansi-escapes: 7.2.0
       supports-hyperlinks: 4.4.0
 
-  terser-webpack-plugin@5.3.16(webpack@5.103.0):
+  terser-webpack-plugin@5.3.16(@swc/core@1.15.18(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17))):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.3.3
       serialize-javascript: 6.0.2
       terser: 5.44.1
-      webpack: 5.103.0
+      webpack: 5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17))
+    optionalDependencies:
+      '@swc/core': 1.15.18(@swc/helpers@0.5.17)
 
   terser@5.44.1:
     dependencies:
@@ -23050,7 +23294,7 @@ snapshots:
       '@ts-morph/common': 0.27.0
       code-block-writer: 13.0.3
 
-  ts-node@10.9.2(@types/node@20.8.0)(typescript@5.9.3):
+  ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@20.8.0)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.12
@@ -23067,9 +23311,11 @@ snapshots:
       typescript: 5.9.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
+    optionalDependencies:
+      '@swc/core': 1.15.18(@swc/helpers@0.5.17)
     optional: true
 
-  ts-node@10.9.2(@types/node@22.10.2)(typescript@5.9.3):
+  ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@22.10.2)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.12
@@ -23086,9 +23332,11 @@ snapshots:
       typescript: 5.9.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
+    optionalDependencies:
+      '@swc/core': 1.15.18(@swc/helpers@0.5.17)
     optional: true
 
-  ts-node@10.9.2(@types/node@24.0.8)(typescript@5.9.3):
+  ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@24.0.8)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.12
@@ -23105,6 +23353,8 @@ snapshots:
       typescript: 5.9.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
+    optionalDependencies:
+      '@swc/core': 1.15.18(@swc/helpers@0.5.17)
 
   tsconfck@3.1.6(typescript@5.9.3):
     optionalDependencies:
@@ -23120,7 +23370,7 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsup@7.2.0(postcss@8.5.6)(ts-node@10.9.2(@types/node@20.8.0)(typescript@5.9.3))(typescript@5.9.3):
+  tsup@7.2.0(@swc/core@1.15.18(@swc/helpers@0.5.17))(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@20.8.0)(typescript@5.9.3))(typescript@5.9.3):
     dependencies:
       bundle-require: 4.2.1(esbuild@0.18.20)
       cac: 6.7.14
@@ -23130,20 +23380,21 @@ snapshots:
       execa: 5.1.1
       globby: 11.1.0
       joycon: 3.1.1
-      postcss-load-config: 4.0.2(postcss@8.5.6)(ts-node@10.9.2(@types/node@20.8.0)(typescript@5.9.3))
+      postcss-load-config: 4.0.2(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@20.8.0)(typescript@5.9.3))
       resolve-from: 5.0.0
       rollup: 3.29.5
       source-map: 0.8.0-beta.0
       sucrase: 3.35.1
       tree-kill: 1.2.2
     optionalDependencies:
+      '@swc/core': 1.15.18(@swc/helpers@0.5.17)
       postcss: 8.5.6
       typescript: 5.9.3
     transitivePeerDependencies:
       - supports-color
       - ts-node
 
-  tsup@7.2.0(postcss@8.5.6)(ts-node@10.9.2(@types/node@22.10.2)(typescript@5.9.3))(typescript@5.9.3):
+  tsup@7.2.0(@swc/core@1.15.18(@swc/helpers@0.5.17))(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@22.10.2)(typescript@5.9.3))(typescript@5.9.3):
     dependencies:
       bundle-require: 4.2.1(esbuild@0.18.20)
       cac: 6.7.14
@@ -23153,13 +23404,14 @@ snapshots:
       execa: 5.1.1
       globby: 11.1.0
       joycon: 3.1.1
-      postcss-load-config: 4.0.2(postcss@8.5.6)(ts-node@10.9.2(@types/node@22.10.2)(typescript@5.9.3))
+      postcss-load-config: 4.0.2(postcss@8.5.6)(ts-node@10.9.2(@swc/core@1.15.18(@swc/helpers@0.5.17))(@types/node@22.10.2)(typescript@5.9.3))
       resolve-from: 5.0.0
       rollup: 3.29.5
       source-map: 0.8.0-beta.0
       sucrase: 3.35.1
       tree-kill: 1.2.2
     optionalDependencies:
+      '@swc/core': 1.15.18(@swc/helpers@0.5.17)
       postcss: 8.5.6
       typescript: 5.9.3
     transitivePeerDependencies:
@@ -23430,6 +23682,14 @@ snapshots:
       dequal: 2.0.3
       react: 19.2.3
 
+  use-intl@4.8.3(react@19.2.3):
+    dependencies:
+      '@formatjs/fast-memoize': 3.1.0
+      '@schummar/icu-type-parser': 1.21.5
+      icu-minify: 4.8.3
+      intl-messageformat: 11.1.2
+      react: 19.2.3
+
   use-sidecar@1.1.3(@types/react@19.2.2)(react@19.2.3):
     dependencies:
       detect-node-es: 1.1.0
@@ -23651,7 +23911,7 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
-  webpack@5.103.0:
+  webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)):
     dependencies:
       '@types/eslint-scope': 3.7.7
       '@types/estree': 1.0.8
@@ -23675,7 +23935,7 @@ snapshots:
       neo-async: 2.6.2
       schema-utils: 4.3.3
       tapable: 2.3.0
-      terser-webpack-plugin: 5.3.16(webpack@5.103.0)
+      terser-webpack-plugin: 5.3.16(@swc/core@1.15.18(@swc/helpers@0.5.17))(webpack@5.103.0(@swc/core@1.15.18(@swc/helpers@0.5.17)))
       watchpack: 2.4.4
       webpack-sources: 3.3.3
     transitivePeerDependencies: