@extends('layouts.app')
@section('title', 'Thanks!')

@section('content')
<div class="min-h-[70vh] flex items-center justify-center px-4 py-16">
    <div class="max-w-md w-full text-center bg-gradient-to-br from-gray-900 to-gray-950 border border-emerald-700/30 rounded-2xl p-8 shadow-2xl shadow-emerald-900/20">
        <div class="w-16 h-16 mx-auto mb-5 rounded-full bg-emerald-900/40 border border-emerald-600/50 flex items-center justify-center">
            <i class="fa-solid fa-circle-check text-3xl text-emerald-400"></i>
        </div>
        <h1 class="text-2xl font-bold text-white mb-2">Almost there!</h1>
        <p class="text-gray-300 mb-6">{{ $page->thank_you_message }}</p>
        <a href="{{ route('home') }}" class="inline-flex items-center gap-2 px-5 py-2.5 bg-gray-800 hover:bg-gray-700 border border-gray-700 text-white rounded-xl text-sm font-medium transition-colors">
            <i class="fa-solid fa-arrow-left text-xs"></i> Back to home
        </a>
    </div>
</div>
@endsection