.

5 files changed, 25 insertions, 79 deletions

diff --git a/src/components/card-v4.svelte b/src/components/card-v4.svelte
new file mode 100644
index 0000000..d067357
--- /dev/null
+++ b/src/components/card-v4.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+    export let title;
+    export let description;
+</script>
+
+<div class="card">
+	<div class="p-6">
+		<h3 class="mt-0">I have a dream</h3>
+		<p class="text-contrast-medium mt-3 mx-0 mb-4">
+			Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quia minus culpa commodi.
+		</p>
+		<div class="flex flex-wrap gap-3">
+			<a href="#0" class="btn btn--subtle">Learn more</a>
+			<a href="#0" class="btn btn--primary">Buy</a>
+		</div>
+	</div>
+</div>
+
+<style lang="postcss">
+	.card {
+		@apply flex flex-col bg-floor rounded-xl overflow-hidden;
+		box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05), 0 0.3px 0.4px hsla(230, 13%, 9%, 0.02),
+			0 0.9px 1.5px hsla(230, 13%, 9%, 0.045), 0 3.5px 6px hsla(230, 13%, 9%, 0.09);
+	}
+</style>
diff --git a/src/components/contact.svelte b/src/components/contact.svelte
deleted file mode 100644
index 9f5bb98..0000000
--- a/src/components/contact.svelte
+++ /dev/null
@@ -1,67 +0,0 @@
-<script context="module" lang="ts">
-	export type ContactModel = {
-		addressLines: Array<string>;
-		email?: string;
-		phone?: string;
-		phoneHours?: string;
-	};
-</script>
-
-<script lang="ts">
-	import LL from "$i18n/i18n-svelte";
-
-	export let model: ContactModel;
-
-	let visible = true;
-
-	$: if (!model.addressLines) {
-		visible = false;
-	} else {
-		visible = true;
-	}
-</script>
-
-<section class="contact relative z-1">
-	<div class="w-[calc(100%_-_2.5rem)] lg:w-[calc(100%_-_4rem)] mx-auto max-w-7xl">
-		<div class="mb-8 lg:mb-12">
-			<h1 class="text-center">{$LL.contact.title()}</h1>
-		</div>
-
-		<div class="grid grid-cols-12 gap-8 lg:gap-12">
-			<div class="col-span-12 lg:col-span-6">
-				<dl class="details-list details-list--rows">
-					{#if (model.addressLines?.length ?? 0) > 0}
-						<div class="details-list__item py-5 lg:py-8 lg:flex lg:justify-between">
-							<dt class="font-bold mb-1.5 lg:mb-2 lg:mb-0">{$LL.contact.addressTitle()}</dt>
-							<dd class="leading-snug lg:text-right">
-								{#each model.addressLines as line}
-									{line}<br />
-								{/each}
-							</dd>
-						</div>
-					{/if}
-					{#if model.email}
-						<div class="details-list__item py-5 lg:py-8 lg:flex lg:justify-between">
-							<dt class="font-bold mb-1.5 lg:mb-2 lg:mb-0">{$LL.contact.emailTitle()}</dt>
-							<dd>
-								<a href="mailto:webmaster@example.com">{model.email}</a>
-							</dd>
-						</div>
-					{/if}
-					{#if model.phone}
-						<div class="details-list__item py-5 lg:py-8 lg:flex lg:justify-between">
-							<dt class="font-bold mb-1.5 lg:mb-2 lg:mb-0">{$LL.contact.phoneTitle()}</dt>
-							<dd class="leading-snug lg:text-right">
-								<p><a href="tel:+44 7656 6455">{model.phone}</a></p>
-								{#if model.phoneHours}
-									<p class="text-contrast-medium">{model.phoneHours}</p>
-								{/if}
-							</dd>
-						</div>
-					{/if}
-				</dl>
-			</div>
-			<div class="rounded col-span-12 lg:col-span-6 lg:h-auto lg:pb-0" />
-		</div>
-	</div>
-</section>
diff --git a/src/components/description.svelte b/src/components/description.svelte
deleted file mode 100644
index e69de29..0000000
--- a/src/components/description.svelte
+++ /dev/null
diff --git a/src/components/header.svelte b/src/components/header.svelte
deleted file mode 100644
index 5789196..0000000
--- a/src/components/header.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { locale } from "$i18n/i18n-svelte";
-	import LocaleSwitcher from "./locale-switcher.svelte";
-</script>
-
-<header>
-	<a href="/{$locale}">
-		<h1>Auroraklinikken</h1>
-	</a>
-
-	<LocaleSwitcher />
-</header>
diff --git a/src/components/hero.svelte b/src/components/hero.svelte
deleted file mode 100644
index e69de29..0000000
--- a/src/components/hero.svelte
+++ /dev/null