import { Hero } from "../components/blocks/hero";
import { Layout } from "../components/layout/layout";

export default function FourOhFour() {
    return (
        <Layout>
            <Hero
                data={ {
                    color: "default",
                    headline: "404 – Page Not Found",
                    text: "Oops! It seems there's nothing here, how embarrassing.",
                    actions: [
                        {
                            label: "Return Home",
                            type: "button",
                            icon: true,
                            link: "/"
                        }
                    ]
                } }
            />
        </Layout>
    );
}
