@extends('layouts.public')

@section('content')
<div class="bg-white p-12 rounded-xl shadow-lg border border-gray-100 text-center">
    <div class="inline-flex items-center justify-center w-20 h-20 bg-green-100 rounded-full mb-6 text-green-500">
        <svg fill="none" class="w-10 h-10" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
    </div>
    
    <h2 class="text-3xl font-bold text-gray-800 mb-4">Registration Successful!</h2>
    <p class="text-gray-600 mb-8 max-w-md mx-auto">
        Your registration and payment have been processed successfully. You will receive a confirmation email shortly with your transaction details.
    </p>

    <div class="space-x-4">
        <a href="{{ route('membership.form') }}" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-8 rounded-lg shadow transition duration-200">
            NRG Membership
        </a>
        <a href="{{ route('coffee_connections.form') }}" class="inline-block bg-white hover:bg-gray-50 text-blue-600 font-medium py-3 px-8 rounded-lg border border-blue-600 shadow-sm transition duration-200">
            Coffee Connections
        </a>
    </div>
</div>
@endsection