Error & Maintenance Pages
Use error and maintenance page blocks to display user-friendly messages for 404, 500, and scheduled maintenance situations.
Default 404 Error Page
404
Something's missing.
Sorry, we can't find that page. You'll find lots to explore on the home page.
Back to HomepageBlade code
<x-fwb.blocks.marketing.error-404 />
Custom 404 Error Page
404
Page not found.
The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.
Go to DashboardBlade code
<x-fwb.blocks.marketing.error-404
title="Page not found."
description="The page you are looking for might have been removed, had its name changed, or is temporarily unavailable."
buttonText="Go to Dashboard"
buttonHref="/dashboard"
errorCode="404"
/>
Default 500 Error Page
500
Internal Server Error.
We are already working to solve the problem. Please try again later.
Blade code
<x-fwb.blocks.marketing.error-500 />
Custom 500 Error Page
500
Something went wrong.
Our team has been notified and we are working on a fix. Please try again in a few minutes.
Blade code
<x-fwb.blocks.marketing.error-500
title="Something went wrong."
description="Our team has been notified and we are working on a fix. Please try again in a few minutes."
errorCode="500"
/>
Default Maintenance Page
Under Maintenance
Our enterprise administrators are performing scheduled maintenance. Please check back soon.
Blade code
<x-fwb.blocks.marketing.maintenance />
Custom Maintenance Page
Scheduled Maintenance
We are performing upgrades to improve your experience. Service will resume at 6:00 AM UTC.
Blade code
<x-fwb.blocks.marketing.maintenance
title="Scheduled Maintenance"
description="We are performing upgrades to improve your experience. Service will resume at 6:00 AM UTC."
/>
Component Properties
Error404 x-fwb.blocks.marketing.error-404
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Something\'s missing.' |
Heading text displayed below the error code. |
| description | string | 'Sorry, we can\'t find that page...' |
Description text explaining the error to the user. |
| buttonText | string | 'Back to Homepage' |
Text displayed on the call-to-action button. |
| buttonHref | string | '#' |
URL the button links to. |
| errorCode | string | '404' |
The large error code number displayed prominently on the page. |
Error500 x-fwb.blocks.marketing.error-500
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Internal Server Error.' |
Heading text displayed below the error code. |
| description | string | 'We are already working to solve...' |
Description text explaining the error to the user. |
| errorCode | string | '500' |
The large error code number displayed prominently on the page. |
Maintenance x-fwb.blocks.marketing.maintenance
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Under Maintenance' |
Heading text displayed below the wrench icon. |
| description | string | 'Our enterprise administrators...' |
Description text explaining the maintenance period to the user. |