@props([
    'title' => __('home.why.title'),
    'subtitle' => __('home.why.subtitle'),
    'features' => [
        [
            'icon' => 'flaticon-high-five',
            'title' => __('home.why.features.trusted.title'),
            'description' => __('home.why.features.trusted.description')
        ],
        [
            'icon' => 'flaticon-home-1',
            'title' => __('home.why.features.range.title'),
            'description' => __('home.why.features.range.description')
        ],
        [
            'icon' => 'flaticon-profit',
            'title' => __('home.why.features.financing.title'),
            'description' => __('home.why.features.financing.description')
        ],
    ]
])

<!-- Why Chose Us -->
<section id="why-chose" class="whychose_us bgc-f7 pb30">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="main-title text-center">
                    <h2>{{ $title }}</h2>
                    <p>{{ $subtitle }}</p>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($features as $feature)
                <div class="col-md-6 col-lg-4 col-xl-4">
                    <div class="why_chose_us">
                        <div class="icon">
                            <span class="{{ $feature['icon'] }}"></span>
                        </div>
                        <div class="details">
                            <h4>{{ $feature['title'] }}</h4>
                            <p>{{ $feature['description'] }}</p>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>