@extends('layouts.base')

@section('content')
<div class="container">
    <h1 class="text-center fs-5 pt-5 fw-medium text-black">¿ES LA PRIMERA VEZ QUE HACES <br>
    UNA COMPRA EN SOLAR CENTER?</h1>
    <p class="text-center fs-6 my-4 text-black">Aquí te decimos cómo hacerlo de manera segura y rápida.<br>
    Recuerda que tienes en todo momento nuestros datos de contacto para solicitar ayuda.</p>
    <div class="row my-5">
        <div class="col-lg-6">
            <ol class="list-group list-group-numbered">
                <li class="text-black fw-medium mb-4">
                    <div class="d-flex flex-row align-items-start">
                        <i class="bi bi-layout-text-window-reverse custom-icon"></i>
                        <div>
                            <h6>1. Llena el formulario</h6>
                            <p class="fw-light fs-md">Completa el formulario en el apartado integradores, donde se te solicitará información básica para poder seguir con el proceso.</p>
                        </div>
                    </div>
                </li>
                <li class="text-black fw-medium mb-4 mb-md-1">
                    <div class="d-flex flex-row align-items-start">
                        <i class="bi bi-clipboard-check custom-icon"></i>
                        <div>
                            <h6>2. Revisión de la información</h6>
                            <p class="fw-light fs-md">Una vez que tengamos tu información, podremos asignarte un asesor comercial y un ingeniero de soporte técnico que te podrán apoyar con todas tus dudas tanto comerciales como técnicas.</p>
                        </div>
                    </div>
                </li>
                <li class="text-black fw-medium mb-4">
                    <div class="d-flex flex-row align-items-start">
                        <i class="bi bi-phone custom-icon"></i>
                        <div>
                            <h6>3. Primer contacto</h6>
                            <p class="fw-light fs-md">Una vez que se te haya asignado el personal de Solar Center, se te dará de alta en nuestro sistema como prospecto y te contactaremos a la brevedad para revisar tus necesidades.</p>
                        </div>
                    </div>
                </li>
            </ol>
        </div>
        <div class="col-lg-6">
            <ol class="list-group list-group-numbered">
                <li class="text-black fw-medium mb-4 mb-md-1">
                    <div class="d-flex flex-row align-items-start">
                        <i class="bi bi-person-check custom-icon"></i>
                        <div>
                            <h6>4. Alta como cliente</h6>
                            <p class="fw-light fs-md">Ten en cuenta que una vez que tengas el primer contacto con nuestro personal, te solicitarán algunos datos necesarios como: Carta de situación fiscal, Ine, comprobante de domicilio, entre otros.</p>
                        </div>
                    </div>
                </li>
                <li class="text-black fw-medium mb-4">
                    <div class="d-flex flex-row align-items-start">
                        <i class="bi bi-truck custom-icon"></i>
                        <div>
                            <h6>5. Envío de pedido</h6>
                            <p class="fw-light fs-md">Ya recabados tus datos y con una cotización en mano, podremos enviarte el producto a la dirección que nos solicites. Recuerda que será necesario compartir la información de envío al momento de realizar un pedido.</p>
                        </div>
                    </div>
                </li>
            </ol>
        </div>
    </div>
</div>
@endsection