From ed13cf52d2e35cc08754d45a1c2683b142a93dcf Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Thu, 28 Sep 2023 11:59:51 +0200
Subject: [PATCH] fix: error page and contact us

---
 src/routes/+error.svelte           | 42 ++++++++++++++++++++++++++++++
 src/routes/contact-us/+page.svelte |  6 +++--
 2 files changed, 46 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/+error.svelte

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000000..d1ebcaa53a
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { FooterNav, MainFooter } from '$lib/components';
+	import { Main } from '$lib/layouts';
+	import DocsError from './docs/+error.svelte';
+
+	const isDocs = $page.url.pathname.startsWith('/docs');
+</script>
+
+{#if isDocs}
+	<DocsError />
+{:else}
+	<Main>
+		<div class="aw-big-padding-section">
+			<div class="aw-big-padding-section-level-2">
+				<div class="aw-container">
+					<div class="aw-hero" style="--hero-gap:1.25rem;">
+						<span class="aw-badges aw-eyebrow">{$page.status}</span>
+						<h1 class="aw-headline aw-u-color-text-primary">
+							{$page.error?.message ?? 'An error has occured'}
+						</h1>
+						{#if $page.status === 404}
+							<p class="aw-description">
+								Sorry, it seems that the page you are looking for does not exist. Feel free to use
+								our navigation menu or the button below to explore more of Appwrite's documentation.
+							</p>
+						{/if}
+						<a href="/" class="aw-button is-secondary u-cross-child-center u-margin-block-start-12">
+							<span>Back to homepage</span>
+						</a>
+					</div>
+				</div>
+			</div>
+			<div class="aw-big-padding-section-level-2 u-position-relative">
+				<div class="aw-container">
+					<FooterNav />
+					<MainFooter />
+				</div>
+			</div>
+		</div>
+	</Main>
+{/if}
diff --git a/src/routes/contact-us/+page.svelte b/src/routes/contact-us/+page.svelte
index 8d5b922d96..709d4576a0 100644
--- a/src/routes/contact-us/+page.svelte
+++ b/src/routes/contact-us/+page.svelte
@@ -206,7 +206,7 @@
 												type="text"
 												placeholder="Name"
 												aria-label="Name"
-												name="name"
+												bind:value={firstName}
 											/>
 										</li>
 										<li class="aw-form-item">
@@ -214,9 +214,9 @@
 												required
 												class="aw-input-text"
 												type="email"
-												name="email"
 												placeholder="Email address"
 												aria-label="Email address"
+												bind:value={email}
 											/>
 										</li>
 										<li class="aw-form-item is-column-span-2">
@@ -227,6 +227,7 @@
 												name="subject"
 												placeholder="Subject"
 												aria-label="Subject"
+												bind:value={subject}
 											/>
 										</li>
 										<li class="aw-form-item is-column-span-2">
@@ -236,6 +237,7 @@
 												class="aw-input-text"
 												placeholder="Your message"
 												aria-label="Message"
+												bind:value={message}
 											/>
 										</li>
 									</ul>