@extends('layouts.base')

@section('content')
<div class="bg-secondary py-4">
    <div class="container d-lg-flex justify-content-between py-2 py-lg-3">
        <div class="order-lg-1 pe-lg-4 text-center text-lg-start">
            <h1 class="h3 mb-0">Oferta Especializada</h1>
        </div>
    </div>
</div>

<section class="row g-0">
    <div class="col-md-12 px-3 px-md-5 pt-5">
        <div class="mx-auto pt-lg-5" style="max-width: 35rem;">
            <h2 class="h3 pb-3 text-center sc-gray">Software, Programas y Herramientas</h2>
            <p class="fs-sm pb-3 text-muted text-center">
                Pensadas en las necesidades de mejora de nuestros clientes y equipo.
            </p>
        </div>
    </div>
    <div class="col-xs-12 col-md-6 col-lg-4 p-lg-4">
        <div class="mx-auto text-center" style="max-width: 35rem;">
            <img src="images/sunexpert.png" alt="Sunexpert" width="120">
            <p class="pb-3 text-muted text-center">
                El software integral de proyectos fotovoltaicos a tu alcance.
            </p>
        </div>
    </div>
    <div class="col-xs-12 col-md-6 col-lg-4 p-lg-4">
        <div class="mx-auto text-center" style="max-width: 35rem;">
            <img src="images/about-us/solar-center-sunschool_380x.webp" alt="SunSchool" width="120">
            <p class="pb-3 text-muted text-center">
                Diferentes niveles de capacitación.
            </p>
        </div>
    </div>
    <div class="col-xs-12 col-md-6 col-lg-4 p-lg-4">
        <div class="mx-auto text-center" style="max-width: 35rem;">
            <img src="images/about-us/solar-center-center-premier_380x.webp" alt="Center Premier" width="120">
            <p class="pb-3 text-muted text-center">
                Programa de lealtad para premiar a nuestros integradores.
            </p>
        </div>
    </div>
    <div class="col-xs-12 col-md-6 col-lg-4 p-lg-4">
        <div class="mx-auto text-center" style="max-width: 35rem;">
            <img src="images/about-us/solar-center-proyectos_380x.webp" alt="Proyectos" width="120">
            <p class="pb-3 text-muted text-center">
                Proyección, sembrado, renderizado y acompañamiento de proyectos.
            </p>
        </div>
    </div>
    <div class="col-xs-12 col-md-6 col-lg-4 p-lg-4">
        <div class="mx-auto text-center" style="max-width: 35rem;">
            <img src="images/about-us/solar-center-entregas-locales_237x.webp" alt="Entregas Locales" width="120">
            <p class="pb-3 text-muted text-center">
                Entregas Locales: en zonas metropolitanas de GDL, MTY y QRO.
            </p>
        </div>
    </div>
    <div class="col-xs-12 col-md-6 col-lg-4 p-lg-4">
        <div class="mx-auto text-center" style="max-width: 35rem;">
            <img src="images/about-us/solar-center-envios-asegurados_237x.webp" alt="Envíos Asegurados" width="120">
            <p class="pb-3 text-muted text-center">
                Segudos de Envíos: consulta políticas con tu asesor.
            </p>
        </div>
    </div>
</section>
@endsection