@php
    $steps = [
        [
            'icon' => asset('assets/client/home-page/calculator-blue-icon.png'),
            'title' => 'Instant Cost Estimations',
            'text' => 'Generate automatic quotes round-the-clock for repair services. Provide clients with instant cost estimates for increased efficiency.',
        ],
        [
            'icon' => asset('assets/client/home-page/calendar-blue-icon.png'),
            'title' => 'Efficient Appointment Management',
            'text' => 'Utilize digital scheduling tools for seamless organization of garage appointments. Optimize workflow and manage bookings effectively',
        ],
        [
            'icon' => asset('assets/client/home-page/chart-blue-icon.png'),
            'title' => 'Enhanced Digital Presence',
            'text' => "Integrate with Dadycar's digital platform to enhance visibility. Utilize digital prints to attract new clients, save time, and increase revenue",
        ],
        [
            'icon' => asset('assets/client/home-page/rocket-blue-icon.png'),
            'title' => 'Fast-track Client Operations',
            'text' => 'Accelerate client services with streamlined processes like booking and payments. Offer efficient solutions, saving time and maximizing productivity',
        ],
    ];
@endphp
<div class="bg-dadycar-main-gray">
    <div class="container py-5 ">
        <div class="row">
            <div class="col-lg-6 col-12">
                <div class="text-start">
                    <h5 class="text-dadycar-main-blue fw-bold">Dady Garage</h5>
                    <h2 class="fw-bolder fs-1">What makes <b class="text-dadycar-main-blue">DadyCar</b> the best tool for
                        you
                    </h2>
                </div>
                <div class="row p-3 justify-content-evently my-5">
                    @foreach ($steps as $step)
                        <div class="p-2 col-lg-6">
                            <div class="p-3 h-100 rounded bg-white">
                                <div class="row">
                                    <div
                                        class="rounded-circle d-flex justify-content-center bg-dadycar-secondary-green p-3 col-3">
                                        <img src={{ $step['icon'] }} height="40px" width="40px" alt="">
                                    </div>
                                </div>
                                <b>{{ $step['title'] }}</b>
                                <p>{{ $step['text'] }}</p>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="col-lg-6 d-flex align-items-center justify-content-center">
                <img src="{{ asset('assets/client/home-page/dadycar-certify-garage.webp') }}" width="100%"
                    alt="">
            </div>
        </div>
    </div>
</div>