+8 -1

apps/web/src/app/(content)/features/_components/hero.tsx

··· 15 15 )} 16 16 {...props} 17 17 > 18 18 - <h1 className="text-center font-cal text-5xl leading-tight">{title}</h1> 18 18 + <h1 19 19 + className={cn( 20 20 + "text-center font-cal text-5xl leading-tight", 21 21 + "bg-gradient-to-tl from-0% from-[hsl(var(--muted))] to-30% to-[hsl(var(--foreground))] bg-clip-text text-transparent" 22 22 + )} 23 23 + > 24 24 + {title} 25 25 + </h1> 19 26 <h2 className="mx-auto max-w-md text-center text-lg text-muted-foreground md:max-w-xl md:text-xl"> 20 27 {subTitle} 21 28 </h2>

+4 -6

apps/web/src/app/app/[workspaceSlug]/onboarding/page.tsx

··· 33 33 </Button> 34 34 } 35 35 /> 36 36 - <div className="grid h-full w-full gap-6 md:grid-cols-3 md:gap-8"> 37 37 - <div className="md:col-span-2"> 36 36 + <div className="flex flex-1 flex-col gap-6 md:grid md:grid-cols-3 md:gap-8"> 37 37 + <div className="flex flex-col md:col-span-2"> 38 38 <MonitorForm 39 39 notifications={allNotifications} 40 40 defaultSection="request" 41 41 - // FIXME: we are getting an https://react.dev/errors/482 error here! 42 42 - withTestButton={false} 43 41 /> 44 42 </div> 45 43 <div className="hidden h-full md:col-span-1 md:block"> ··· 62 60 </Button> 63 61 } 64 62 /> 65 65 - <div className="grid h-full w-full gap-6 md:grid-cols-3 md:gap-8"> 66 66 - <div className="md:col-span-2"> 63 63 + <div className="flex flex-1 flex-col gap-6 md:grid md:grid-cols-3 md:gap-8"> 64 64 + <div className="flex flex-col md:col-span-2"> 67 65 <StatusPageForm 68 66 {...{ workspaceSlug, allMonitors }} 69 67 nextUrl={`/app/${workspaceSlug}/status-pages`}

+7 -5

apps/web/src/app/sitemap.ts

··· 16 16 17 17 const routes = [ 18 18 "/", 19 19 - "/play", 20 20 - "/play/checker", 21 21 - "/oss-friends", 22 22 - "/pricing", 23 19 "/about", 20 20 + "/app/login", 24 21 "/blog", 25 22 "/changelog", 26 26 - "/app/login", 23 23 + "/features/status-page", 24 24 + "/features/monitoring", 25 25 + "/play", 26 26 + "/play/checker", 27 27 + "/pricing", 28 28 + "/oss-friends", 27 29 ].map((route) => ({ 28 30 url: addPathToBaseURL(route), 29 31 lastModified: new Date(),

+1 -1

apps/web/src/components/ping-response-analysis/response-detail-tabs.tsx

··· 11 11 import { ResponseTimingTable } from "./response-timing-table"; 12 12 import type { Timing } from "./utils"; 13 13 14 14 - export async function ResponseDetailTabs({ 14 14 + export function ResponseDetailTabs({ 15 15 timing, 16 16 headers, 17 17 status,

+8 -6

apps/web/src/config/pages.ts

··· 2 2 3 3 export type Page = { 4 4 title: string; 5 5 + subtitle?: string; 5 6 description: string; 6 7 href: string; 7 8 icon: ValidIcon; ··· 207 208 }, 208 209 ] as const satisfies readonly Page[]; 209 210 210 210 - type MarketingPageType = Page & { subtitle: string }; 211 211 + type MarketingPageType = Page; 211 212 212 213 export const marketingProductPagesConfig = [ 213 214 { 214 214 - subtitle: "Get insights of the latency of your API and website from all over the world.", 215 215 href: "/features/monitoring", 216 216 title: "Monitoring", 217 217 - description: 218 218 - "Monitor your API and website globablly.", 217 217 + subtitle: 218 218 + "Get insights of the latency of your API and website from all over the world.", 219 219 + description: "Monitor your API and website globally.", 219 220 segment: "features", 220 221 icon: "activity", 221 222 }, 222 223 { 223 223 - subtitle: "Easily report to your users with our public or private status page.", 224 224 href: "/features/status-page", 225 225 title: "Status Page", 226 226 + subtitle: 227 227 + "Easily report to your users with our public or private status page.", 226 228 description: "Create beautiful status pages within seconds.", 227 229 segment: "features", 228 230 icon: "panel-top", ··· 295 297 296 298 export function getPageBySegment( 297 299 segment: string | string[], 298 298 - currentPage: readonly Page[] = pagesConfig 300 300 + currentPage: readonly Page[] = pagesConfig, 299 301 ): Page | undefined { 300 302 if (typeof segment === "string") { 301 303 const page = currentPage.find((page) => page.segment === segment);