@extends('layouts.app')

@section('content')
    <x-menu></x-menu>

    <!-- Start Section -->
    <section class="section pt-40">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1 class="section__heading section__heading-center">Características de Nuestro Servicio</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 offset-lg-2 text-center mb-40">
                    <p>
                        Ponemos a tu disposición lo último en tecnología para que tu negocio funcione como lo hacen las
                        grandes marcas.
                    </p>
                </div>
            </div>
            <div class="row">
                @foreach($features as $feature)
                    <x-feature-normal :title="$feature->title"
                                      :shortDescription="$feature->short_description"
                                      :url="$feature->url"
                                      :icon="$feature->icon">
                    </x-feature-normal>
                @endforeach
            </div>
        </div>
    </section>
    <!-- End Section -->

    <!-- Start Section -->
    <section class="section section__gray">
        <div class="container">
            <idv class="row">
                <div class="col-12">
                    <div class="owl-active-nav">
                        <div class="owl-carousel js-owl-clients">
                            <x-client></x-client>
                        </div>
                    </div>
                </div>
            </idv>
        </div>
    </section>
    <!-- End Section -->

   <x-banner></x-banner>

@endsection