@extends('frontend.layout')
@section('title', 'Thank you - '.config('company.name'))
@section('content')
<section class="bg-slate-950">
    <div class="max-w-6xl mx-auto px-4 py-20">
        <div class="max-w-2xl rounded-3xl bg-white/5 ring-1 ring-white/10 p-8">
            <h1 class="text-2xl md:text-3xl font-semibold text-white">Thanks! We received your request.</h1>
            <p class="mt-3 text-white/70">Our team will review your visa requirements and contact you soon.</p>
            <div class="mt-6 flex flex-wrap gap-3">
                <a href="{{ route('home') }}" class="inline-flex items-center justify-center rounded-2xl px-5 py-3 bg-white/10 hover:bg-white/15 ring-1 ring-white/15 text-white font-semibold">Back to Home</a>
                <a target="_blank" href="https://wa.me/{{ preg_replace('/\D+/', '', config('company.whatsapp')) }}" class="inline-flex items-center justify-center rounded-2xl px-5 py-3 bg-emerald-500 hover:bg-emerald-600 text-white font-semibold">WhatsApp</a>
                <a href="tel:{{ config('company.phone') }}" class="inline-flex items-center justify-center rounded-2xl px-5 py-3 bg-sky-500/80 hover:bg-sky-500 text-white font-semibold">Call Now</a>
            </div>
        </div>
    </div>
</section>
@endsection