@extends('front.layouts.main')
@section('contenido')

<style>
    li {
        list-style: square;
    }
</style>

<div class="col-12 fondo_subpagina">
    <div class="col-12 espacio_header">

    </div>
</div>

<div class="col-12 pt-lg-5 pb-lg-5 pt-3 pb-3" style="background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('{{ asset('img/bg/bg.png') }}'); background-size: cover; background-attachment: fixed; background-position: center;">
    <div class="container">
        <div class="col-12 text-center text-white">
            <h1>Servicios</h1>
            <p class="mb-0"><a href="{{ route('principal') }}" class="a_naranja">Inicio</a> / Servicios</p>
        </div>
    </div>
</div>

@php 
    $empresa = DB::table('empresa')->get();
    $emp = $empresa[0] ?? null;
    
    $tel = $emp->whatsapp;
    $tel = str_replace(' ', '', $tel);
@endphp

<div class="col-12 pt-lg-5 pt-3">
    <div class="container">
        <div class="col-12">
            <div class="col-12 mb-4">
                <div class="row g-3">
                    <div class="col-lg-6">
                        <div class="col-12 rounded" style="height: 400px; background-image: url('{{ asset('img/bg/bg1.jpeg') }}'); background-size: cover; background-position: center;">
                            
                        </div>
                    </div>
                    <div class="col-lg-6" style="display: flex; align-items: center;">
                        <div class="col-12 p-lg-4 p-0">
                            <h3 class="mb-4">Envíos aéreos: rápidos, frecuentes y confiables</h3>
                            <p>
                                Porque sabemos que el tiempo importa, ofrecemos frecuencias aéreas constantes desde los principales puntos del comercio internacional:
                                <ul>
                                    <li>Desde Miami (EE.UU.): 2 veces por semana</li>
                                    <li>Desde España: 1 vez por semana</li>
                                    <li>Desde China: cada 15 días</li>
                                </ul>
                            </p> 
                            <p>
                                Estos envíos son ideales para productos livianos o compras urgentes que necesitás recibir en el menor tiempo posible.
                            </p>
                            <a href="https://wa.me/{{ $tel }}?text=Hola! Escribo desde la página Web, de servicios de envíos aéreos" target="blank" class="btn btn-orange mt-3"><i class="fa-brands fa-whatsapp"></i> Contactar por Whatsapp</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 mb-4">
                <div class="row g-3">
                    <div class="col-lg-6">
                        <div class="col-12 rounded" style="height: 400px; background-image: url('{{ asset('img/bg/bg-maritimo.png') }}'); background-size: cover; background-position: center;">
                            
                        </div>
                    </div>
                    <div class="col-lg-6" style="display: flex; align-items: center;">
                        <div class="col-12 p-lg-4 p-0">
                            <h3 class="mb-4"> Envío marítimo: más volumen, menor costo</h3>
                            <p>
                                Para cargas más grandes o compras en cantidad, el envío marítimo es la opción más económica:
                                <ul>
                                    <li>Desde Miami (EE.UU.): cada 45 días</li>
                                </ul>
                            </p> 
                            <p>
                                Una excelente alternativa para quienes importan productos pesados o voluminosos y buscan maximizar su inversión.
                            </p>
                            <a href="https://wa.me/{{ $tel }}?text=Hola! Escribo desde la página Web, de servicios de envío marítimo" target="blank" class="btn btn-orange mt-3"><i class="fa-brands fa-whatsapp"></i> Contactar por Whatsapp</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-12 mb-4">
                <div class="row g-3">
                    <div class="col-lg-6">
                        <div class="col-12 rounded" style="height: 400px; background-image: url('{{ asset('img/bg/bg-serv-adicional.png') }}'); background-size: cover; background-position: center;">
                            
                        </div>
                    </div>
                    <div class="col-lg-6" style="display: flex; align-items: center;">
                        <div class="col-12 p-lg-4 p-0">
                            <h3 class="mb-4">Servicios adicionales que hacen la diferencia</h3>
                            <p>
                                En HomeBox vamos más allá del envío. Acompañamos tu experiencia de principio a fin con soluciones pensadas para facilitar cada paso:
                                <ul>
                                    <li>Compra asistida para clientes sin tarjeta de crédito internacional</li>
                                    <li>Servicio de personal shopper en Florida, EE.UU., para compras presenciales y asesoramiento personalizado</li>
                                    <li>Tarifas especiales para microemprendedores, con condiciones pensadas para quienes están dando sus primeros pasos en el mundo de la importación</li>
                                </ul>
                            </p>
                            <a href="https://wa.me/{{ $tel }}?text=Hola! Escribo desde la página Web, de servicios adicionales" target="blank" class="btn btn-orange mt-3"><i class="fa-brands fa-whatsapp"></i> Contactar por Whatsapp</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

@endsection