@extends('layouts.main')

@section('content')

<!-- ===== SECTION 1: HERO BANNER ===== -->
<section class="thankyou-hero">
  <h1>{{ __('messages.thankyou_title') }}</h1>
</section>

<!-- ===== SECTION 2: CONFIRMATION MESSAGE ===== -->
<section class="thankyou-message">
  <div class="msg-icon">
    <i class="fa-regular fa-envelope"></i>
  </div>

  <h2>{{ __('messages.thankyou_heading') }}<span class="dot">.</span></h2>

  <p>{{ __('messages.thankyou_message') }}</p>

  <a href="{{ URL::to('/') }}" class="thankyou-btn">{{ __('messages.thankyou_go_to_home') }}</a>
</section>

@endsection