···66 return (
77 <Shell className="grid gap-8">
88 <HeaderPlay
99- title="Monitoring"
1010- description="Experience the performance of your application from the different continents."
99+ title="Is your endpoint fast?"
1010+ description="Check the performance of your website, API from the different continents."
1111 />
1212 <div className="mx-auto grid w-full max-w-xl gap-6">
1313 <CheckerForm />
+20
apps/web/src/app/play/page.tsx
···11+import type { Metadata } from "next";
12import Link from "next/link";
23import type { LucideIcon } from "lucide-react";
34import { Clock, FileCode, Gauge, Palette, PanelTop } from "lucide-react";
···78import { Shell } from "@/components/dashboard/shell";
89import { BackButton } from "@/components/layout/back-button";
910import { cn } from "@/lib/utils";
1111+import {
1212+ defaultMetadata,
1313+ ogMetadata,
1414+ twitterMetadata,
1515+} from "../shared-metadata";
1616+1717+export const metadata: Metadata = {
1818+ ...defaultMetadata,
1919+ title: "Free Tools ",
2020+ openGraph: {
2121+ ...ogMetadata,
2222+ title: "Free Tools | OpenStatus",
2323+ url: "https://www.openstatus.dev/play",
2424+ },
2525+ twitter: {
2626+ ...twitterMetadata,
2727+ title: "Free Tools | OpenStatus",
2828+ },
2929+};
10301131export default async function PlayPage() {
1232 return (
+11
apps/web/src/app/play/status/page.tsx
···11+import type { Metadata } from "next";
12import * as z from "zod";
2334import { BackButton } from "@/components/layout/back-button";
···910const searchParamsSchema = z.object({
1011 timezone: z.string().optional(),
1112});
1313+1414+export const metadata: Metadata = {
1515+ title: "Status Page Preview",
1616+ description: "Display your status page with real time data.",
1717+ openGraph: {
1818+ title: "Status Page Preview",
1919+ description: "Display your status page with real time data.",
2020+ url: "https://www.openstatus.dev/play/status",
2121+ },
2222+};
12231324export default async function PlayPage({
1425 searchParams,