---
// import { getPathPartsFromAstroRequest } from '~/helpers/url.js'
import { publicRuntimeConfig } from '~/helpers/public-runtime-config.mjs'
import {
    catchRedirectResponse,
    applyResponseDefaults
} from '~/helpers/astro/request.js'

import Layout from '../layouts/default.astro'
import LinkButton from '~/components/link-button.vue'

// Component Script:
// You can write any JavaScript/TypeScript that you'd like here.
// It will run during the build, but never in the browser.
// All variables are available to use in the HTML template below.

// Full Astro Component Syntax:
// https://docs.astro.build/core-concepts/astro-components/

const redirectResponse = await catchRedirectResponse( Astro )

if ( redirectResponse !== null ) {
  return redirectResponse
}

applyResponseDefaults( Astro )

// https://docs.astro.build/en/reference/api-reference/#astroresponse
Astro.response.status = 404
Astro.response.statusText = 'Not found'
---
<Layout
	headOptions={ {
        title: `Page is not compatible with Apple Silicon - Does It ARM`,
        description: `Check for Apple Silicon compatibility for any of your apps instantly before you buy an ${ publicRuntimeConfig.processorsVerbiage } Mac. `,
        // meta,
        // link,
        // structuredData: this.structuredData,

        // domain,
        // pathname: '/',
    } }
>

    <section class="container py-24">
        <div class="flex flex-col items-center gap-8">

            <h1 class="title text-3xl md:text-6xl font-hairline leading-tight text-center">
                🤷‍♀️ Page is not compatible with Apple Silicon
            </h1>
            <h2 class="subtitle md:text-xl text-center">
                Page not found
            </h2>

            <div class="flex flex-col items-center">
                Perhaps the archives are incomplete, the page moved, or was deleted.
            </div>

            <LinkButton
                href="/"
                label="Search"
            />

        </div>
    </section>

	<!--

	You can also use imported framework components directly in your markup!

	Note: by default, these components are NOT interactive on the client.
	The `:visible` directive tells Astro to make it interactive.

	See https://docs.astro.build/core-concepts/component-hydration/

	-->

</Layout>
