49 lines
1.8 KiB
Vue
49 lines
1.8 KiB
Vue
<script setup lang="ts">
|
|
import { Head, Link } from '@inertiajs/vue3';
|
|
|
|
interface Props {
|
|
canLogin?: boolean;
|
|
canRegister?: boolean;
|
|
}
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="min-h-screen bg-gradient-to-br from-purple-900 via-indigo-900 to-purple-800">
|
|
<Head title="RetroHub" />
|
|
|
|
<div class="flex flex-col items-center justify-center min-h-screen px-4">
|
|
<div class="text-center">
|
|
<h1 class="text-6xl font-bold text-white mb-4">RetroHub</h1>
|
|
<p class="text-xl text-purple-200 mb-8">Your retro gaming library</p>
|
|
|
|
<div v-if="canLogin" class="flex gap-4 justify-center">
|
|
<Link
|
|
v-if="$page.props.auth?.user"
|
|
:href="route('dashboard')"
|
|
class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg transition"
|
|
>
|
|
Dashboard
|
|
</Link>
|
|
<template v-else>
|
|
<Link
|
|
:href="route('login')"
|
|
class="bg-white hover:bg-gray-100 text-purple-900 font-bold py-3 px-6 rounded-lg transition"
|
|
>
|
|
Log in
|
|
</Link>
|
|
<Link
|
|
v-if="canRegister"
|
|
:href="route('register')"
|
|
class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-lg transition"
|
|
>
|
|
Register
|
|
</Link>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|