@extends('layouts.inner')

@section('title', 'Thank You')
@section('description', 'Your enquiry has been received. An A1 Movex Global logistics specialist will respond within one business day.')
@section('hideCta', true)

@section('content')
  <section class="page-hero page-hero--service">
    <div class="page-hero__orb"></div>
    <div class="container-wide page-hero__inner">
      <div class="page-hero__meta" data-page-reveal><span>Enquiry received</span><span>Thank you</span></div>
      <h1 class="page-hero__title" data-page-title>Message<br><em>delivered.</em></h1>
      <div class="page-hero__bottom" data-page-reveal>
        <p>{{ session('success', 'Thank you. Your enquiry has been received and a specialist will respond within one business day.') }}</p>
        <span class="page-hero__eyebrow">Confirmed</span>
      </div>
    </div>
  </section>

  <section class="capabilities">
    <div class="container">
      <div class="section-heading-row" data-page-reveal><span class="page-kicker">What happens next</span><h2>Your cargo,<br><em>our priority.</em></h2></div>
      <div class="capabilities__grid">
        <div class="capability-card" data-page-card><span>01</span><h3>We review your enquiry</h3></div>
        <div class="capability-card" data-page-card><span>02</span><h3>A specialist reaches out within one business day</h3></div>
        <div class="capability-card" data-page-card><span>03</span><h3>You receive a tailored logistics quote</h3></div>
      </div>
      <div class="contact-form__submit-wrap js-reveal" style="margin-top:48px">
        <a href="{{ route('home') }}" class="btn btn--hero btn--lg">
          Back to Home
          <svg viewBox="0 0 24 24" fill="none"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
      </div>
    </div>
  </section>
@endsection