{{ collection:functional_templates blueprint:is="404_page" limit="1" }}
    {{ if no_results }}
        {{ title = "404" }}
        <section class="container-1 white-background">
            <div class="my-20 flex justify-center">
                <div class="flex max-w-(--breakpoint-md) flex-col">
                    <h1 class="mb-20">404 Page not found</h1>
                    <div class="flex flex-col gap-6.5 text-center">
                        <p class="text-brand-black">
                            This page does not exist.
                            {{ partial src="sets/button" text="Go Home" filled="true" this_link="/" align="center" }}
                        </p>
                    </div>
                </div>
            </div>
        </section>
    {{ else }}
        <div class="container-1">
            <h1 class="mt-20 text-center">{{ title }}</h1>
        </div>
        {{ partial src="sets/section" }}
    {{ /if }}
{{ /collection:functional_templates }}