@extends('layouts.public.base')

@section('page.title', "Commande en cours de préparation")

@section('page.content')
    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 md:pt-20 md:pb-20 px-4 md:px-0 ">
        <div class="md:flex flex-col items-center">
            <img src="{{ asset('images/visuals/illustration-3.svg') }}" alt="Illustration Lockit" class="w-full h-56 object-contain">
        </div>

        <div class="flex flex-col">
            <h1 class="text-3xl md:text-4xl lg:text-6xl uppercase mb-4">Commande reçue !</h1>

            <p>Nous avons bien reçu votre commande, nous commencerons la préparation au plus vite.</p>
            <p>Merci pour votre commande !</p>
        </div>
    </div>
@endsection