@extends('layouts.app')

@section('content')
<section class="min-h-screen bg-surface flex items-center justify-center py-20">
    <div class="container-site text-center max-w-2xl">
        <div class="w-20 h-20 rounded-full bg-teal-100 flex items-center justify-center mx-auto mb-6">
            <svg class="w-10 h-10 text-teal-700" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
                @include('components.icons.envelope')
            </svg>
        </div>
        <h1 class="heading-md mb-4">Message received.</h1>
        <p class="subheading mx-auto mb-8">
            Thank you for reaching out. We will respond within one business day.
        </p>
        <a href="{{ route('home') }}" class="btn-primary-lg">Back to PhyloPOS</a>
    </div>
</section>
@endsection