Laravel welcome landing page recreated in vue.js and tailwind css

Link.vue

<template>
    <a :href="link" class="text-grey-darkest lg:px-10 px-5 py-12 font-semibold tracking-tight no-underline uppercase">{{name}}</a>
</template>

<script>
    export default {
        name: "welcome-link-component",
        props: {
            link: {
                type: String,
                required: true,
            },
            name: {
                type: String,
                required: true,
            }
        }
    }
</script>

Welcome.vue

<template>
    <div class="items-center flex justify-center relative h-screen">
        <div v-if="authenticated" class="absolute pin-r pr-10 pin-t pt-12">
            <welcome-link-component link="home" name="Home"></welcome-link-component>
        </div>
        <div v-else class="absolute pin-r pr-10 pin-t pt-12">
            <welcome-link-component link="login" name="Login"></welcome-link-component>
            <welcome-link-component link="register" name="Register"></welcome-link-component>
        </div>

        <div class="text-center">
            <div class="text-10xl mb-32">Laravel</div>
            <welcome-link-component link="https://laravel.com/docs" name="Documentation"></welcome-link-component>
            <welcome-link-component link="https://laracasts.com" name="Laracasts"></welcome-link-component>
            <welcome-link-component link="https://laravel-news.com" name="News"></welcome-link-component>
            <welcome-link-component link="https://nova.laravel.com" name="Nova"></welcome-link-component>
            <welcome-link-component link="https://forge.laravel.com" name="Forge"></welcome-link-component>
            <welcome-link-component link="https://github.com/laravel/laravel" name="GitHub"></welcome-link-component>
        </div>
    </div>
</template>

<script>
    export default {
        name: "welcome-page",
        props: {
            authenticated: {
                type: Boolean,
                required: true
            }
        }
    }
</script>