aboutsummaryrefslogtreecommitdiffstats
path: root/src/routes/launch/+page.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2022-09-24 13:34:37 -0700
committerAdam Soltys <[email protected]>2022-09-25 21:34:59 -0700
commit7bfd57b8b249fcf8ab87b52c8a4416d62f3cd1f6 (patch)
treeed85daeb18785e450fc4cb2e67066809cd0a1956 /src/routes/launch/+page.svelte
parente0e4441cfa2b20c3f5f0126a5cf8aeddaed269b6 (diff)
downloadcoinos-ui-7bfd57b8b249fcf8ab87b52c8a4416d62f3cd1f6.tar.gz
coinos-ui-7bfd57b8b249fcf8ab87b52c8a4416d62f3cd1f6.zip
wip
Diffstat (limited to 'src/routes/launch/+page.svelte')
-rw-r--r--src/routes/launch/+page.svelte42
1 files changed, 42 insertions, 0 deletions
diff --git a/src/routes/launch/+page.svelte b/src/routes/launch/+page.svelte
new file mode 100644
index 00000000..98d9dba6
--- /dev/null
+++ b/src/routes/launch/+page.svelte
@@ -0,0 +1,42 @@
+<script>
+ import { redirect } from "$lib/store";
+
+ export let data;
+ let { user } = data;
+ $: link = user ? '/launch/purchase' : '/register';
+ $redirect = '/launch/purchase';
+</script>
+<div class="mx-auto h-screen flex items-center justify-center px-8">
+ <div class="flex flex-col w-full bg-white rounded shadow-lg sm:w-3/4 md:w-1/2 lg:w-3/5">
+ <img src="/images/ticket.webp" />
+ <div class="flex flex-col w-full md:flex-row">
+ <div
+ class="flex flex-row justify-around p-4 font-bold leading-none text-gray-800 uppercase bg-gray-400 rounded md:flex-col md:items-center md:justify-center md:w-1/4"
+ >
+ <div class="md:text-3xl">Oct</div>
+ <div class="md:text-6xl">5</div>
+ <div class="md:text-xl">6 pm</div>
+ </div>
+ <div class="p-4 font-normal text-gray-800 md:w-3/4">
+ <h1 class="mb-4 text-4xl font-bold leading-none tracking-tight text-gray-800">
+ Coinos Launch Party Ticket
+ </h1>
+ <p class="leading-normal mb-2">
+ Come join us at our launch party celebrating 10 years in business! We'll be introducing
+ our newly designed payments interface and afterwards we'll network and enjoy tasty food
+ and drinks from <a href="https://loftondenman.com/" class="underline">The Loft</a>!
+ </p>
+
+ <div class="flex w-full my-8">
+ <a href={link}>
+ <button
+ class="bg-white text-black border rounded-full px-8 py-4 font-bold hover:opacity-80 mx-auto text-2xl"
+ >
+ Purchase with Bitcoin {user.username}
+ </button>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>