<script>
    import EnterPassphrase from './passphrase/EnterPassphrase.svelte';
</script>


<div class="flex flex-col h-screen max-w-lg m-auto justify-center">
    <div class="space-y-8">
        <h1 class="text-2xl font-bold text-center">Welcome to Creddy!</h1>

        <div class="space-y-4">
            <p> Create a passphrase to get started.</p>

            <p>Please note that if you forget your passphrase, there is no way to recover 
            your stored credentials. You will have to start over with a new passphrase.</p>
        </div>

        <div class="max-w-sm mx-auto">
            <EnterPassphrase />
        </div>
    </div>
</div>
