@extends('layouts.app')

@section('content')
    <div class="min-h-screen flex items-center justify-center bg-pink-50">
        <div class="max-w-lg w-full bg-white p-6 rounded-lg shadow-md border border-pink-200 text-center">

             <!-- Logo -->
            <div class="inline-flex items-center justify-center p-4">
                <img src="{{ asset('images/noovee-logo-small.png') }}" alt="Noovee Logo" class="w-24 h-24">
            </div>

            <h1 class="text-xl font-semibold text-pink-700 mb-4">Yeay! Janji temu kamu berhasil dipesan! 🎉✨</h1>
            <p class="text-gray-700 mb-6">Siap-siap ya, kami bakal segera menghubungimu! 😉💅</p>

            <a href="/"
               class="bg-pink-600 text-white px-6 py-2 rounded-lg hover:bg-pink-700 border border-pink-800 transition">
                Kembali ke Beranda!
            </a>
        </div>
    </div>
@endsection