@extends('layouts.app')

@section('title', 'Coming soon')

@section('content')
<div class="mx-auto max-w-2xl px-5 py-24 text-center">
    <p class="text-[12px] font-semibold uppercase tracking-[0.16em] text-teal-800 dark:text-teal-400">Not built yet</p>
    <h1 class="mt-3 text-3xl font-bold tracking-tight">This screen arrives in a later phase</h1>
    <p class="mx-auto mt-3 max-w-md text-[15px] text-slate-600 dark:text-slate-300">
        Enrollment and vouchers land in Phase 3. The player, dashboard, certificates
        and verification portal land in Phase 4.
    </p>
    <a href="{{ route('home') }}" class="mt-6 inline-block rounded-md bg-teal-800 px-5 py-2.5 text-[14px] font-semibold text-white hover:bg-teal-900">
        Back to courses
    </a>
</div>
@endsection