@php
    $steps = [
        [
            'icon' => asset('assets/client/home-page/login-blue-icon.png'),
            'title' => 'Create an account',
            'text' => 'Sign up easily to access our services and begin the process.',
        ],
        [
            'icon' => asset('assets/client/home-page/voiture-blue-icon.png'),
            'title' => 'add car',
            'text' => 'Add your vehicle details using our user-friendly interface.',
        ],
        [
            'icon' => asset('assets/client/home-page/clipboard-blue-icon.png'),
            'title' => 'request inspection',
            'text' => 'Initiate a control technique request for your cars.',
        ],
        [
            'icon' => asset('assets/client/home-page/inspection-blue-icon.png'),
            'title' => 'inspection',
            'text' => 'The vehicle successfully passes the inspection process.',
        ],
        [
            'icon' => asset('assets/client/home-page/checklist-blue-icon.png'),
            'title' => 'Confirmation',
            'text' => 'Receive the control technique report via email.',
        ],
        [
            'icon' => asset('assets/client/home-page/globe-blue-icon.png'),
            'title' => 'Ready For importation',
            'text' => 'Your car is now ready for hassle-free importation.',
        ],
    ];
@endphp
<div class="container my-5 p-3">
    <div class="text-center">
        <h5 class="text-dadycar-main-blue fw-bold">How it Work</h5>
        <h2 class="fw-bolder ">Effortless Control Technique Process</h2>
    </div>
    <div class="row p-3 justify-content-evently">
        @foreach ($steps as $step)
        <div class="p-2 col-lg-4">
            <div class="p-3 h-100 rounded bg-dadycar-secondary-blue">
                <div class="d-flex align-items-center gap-2">
                    <div class="rounded bg-dadycar-third-blue py-2 d-flex align-items-center justify-content-center" style="width:44px">
                        <img src={{ $step['icon'] }} height="32px" alt="">
                    </div>
                    <b>{{ $step['title'] }}</b>
                </div>

                <p>{{ $step['text'] }}</p>
            </div>
        </div>
            
        @endforeach
    </div>
</div>