@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-emerald-100 flex items-center justify-center mx-auto mb-6">
            <svg class="w-10 h-10 text-emerald-700" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
                @include('components.icons.check')
            </svg>
        </div>
        <h1 class="heading-md mb-4">We have got your demo request.</h1>
        <p class="subheading mx-auto mb-8">
            Our team will review your submission and reach out within one business day to schedule a tailored demo for your operation.
        </p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
            <a href="{{ route('home') }}" class="btn-primary-lg">Back to PhyloPOS</a>
            <a href="{{ route('features.index') }}" class="btn-outline-emerald">Explore Features</a>
        </div>
    </div>
</section>
@endsection