From 3f2101ad2756a4125a2dd7f3ea41aac6f4c6dd9b Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 11 Jun 2022 22:44:33 -0500
Subject: [PATCH] Add 404 page

---
 src/pages/404.astro | 62 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/pages/404.astro

diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 0000000..06fb4ec
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,62 @@
+---
+// import { getPathPartsFromAstroRequest } from '~/helpers/url.js'
+import { catchRedirectResponse } 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/
+
+---
+<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 M1 Pro or M1 Max 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="/">
+                    Search
+            </LinkButton>
+
+        </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>