44 lines
1.5 KiB
Svelte
44 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { authClient } from '$lib/auth-client';
|
|
import { resolve } from '$app/paths';
|
|
|
|
const session = authClient.useSession();
|
|
const signedIn = $derived(!!$session.data?.user);
|
|
</script>
|
|
|
|
<section class="py-16 sm:py-24">
|
|
<div class="mx-auto w-full max-w-6xl px-4">
|
|
<div class="mx-auto flex max-w-3xl flex-col items-center text-center">
|
|
<h1
|
|
class="mt-6 text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl dark:text-slate-100"
|
|
>
|
|
Welcome to the Radiant Wave Portal
|
|
</h1>
|
|
|
|
<div class="mt-8 flex flex-col items-center gap-3 sm:flex-row">
|
|
{#if signedIn}
|
|
<a
|
|
href={resolve('/dashboard')}
|
|
class="inline-flex h-12 items-center justify-center rounded-lg bg-indigo-600 px-8 text-base font-medium text-white shadow-sm transition hover:bg-indigo-700"
|
|
>
|
|
Go to Dashboard
|
|
</a>
|
|
{:else}
|
|
<a
|
|
href={resolve('/login')}
|
|
class="inline-flex h-12 w-full items-center justify-center rounded-lg bg-indigo-600 px-8 text-base font-medium text-white shadow-sm transition hover:bg-indigo-700 sm:w-auto"
|
|
>
|
|
Get Started
|
|
</a>
|
|
<a
|
|
href={resolve('/register')}
|
|
class="inline-flex h-12 w-full items-center justify-center rounded-lg border border-slate-300 bg-white px-8 text-base font-medium text-slate-700 transition hover:bg-slate-50 sm:w-auto dark:border-slate-700 dark:bg-slate-900 dark:text-slate-300 dark:hover:bg-slate-800"
|
|
>
|
|
Create Account
|
|
</a>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|