recipes-leemorgan-dev/src/routes/register/+page.svelte

<script>
    import {enhance} from "$app/forms";
</script>

<div class="container">
    <form class="standardForm" method="POST" use:enhance>
        <h1>Sign Up</h1>

        <label>Name
            <input name="name" type="text" required>
        </label>

        <label>Email
            <input name="email" type="email" required>
        </label>

        <label>Password
            <input name="password" type="password" required>
        </label>

        <label>Confirm Password
            <input name="confirmPassword" type="password" required>
        </label>

        <button>Register</button>
    </form>
</div>

<style>
    .container{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: calc(100% - 75px);
    }
</style>