Add more information about caches

messages/en-US.json

@@ -2908,6 +2908,7 @@
     "maintenancePageTimeTitle": "Estimated Completion Time (Optional)",
     "privateMaintenanceScreenTitle": "Private Placeholder Screen",
     "privateMaintenanceScreenMessage": "This domain is being used on a private resource. Please connect using the Pangolin client to access this resource.",
+    "privateMaintenanceScreenSteps": "Once connected, if you are still seeing this message your browser's DNS cache may still point to the old address. To fix this: fully close and reopen your browser, then navigate back to this page.",
     "maintenanceTime": "e.g., 2 hours, Nov 1 at 5:00 PM",
     "maintenanceEstimatedTimeDescription": "When you expect maintenance to be completed",
     "editDomain": "Edit Domain",

src/app/private-maintenance-screen/page.tsx

@@ -18,6 +18,7 @@ export default async function MaintenanceScreen() {
 
     let title = t("privateMaintenanceScreenTitle");
     let message = t("privateMaintenanceScreenMessage");
+    let steps = t("privateMaintenanceScreenSteps");
 
     return (
         <div className="min-h-screen flex items-center justify-center p-4">
@@ -25,7 +26,16 @@ export default async function MaintenanceScreen() {
                 <CardHeader>
                     <CardTitle>{title}</CardTitle>
                 </CardHeader>
-                <CardContent className="space-y-4">{message}</CardContent>
+                <CardContent className="space-y-4">
+                    <p>{message}</p>
+                    <p className="text-sm text-muted-foreground">{steps}</p>
+                    <a
+                        href="https://docs.pangolin.net/manage/dns-cache"
+                        className="text-sm text-primary hover:underline"
+                    >
+                        {t("learnMore")}
+                    </a>
+                </CardContent>
             </Card>
         </div>
     );