@extends('front.layouts.main')
@section('contenido')
<style>
    .contactos .table>:not(caption)>*>* {
        background: transparent;
        color: #000;
    }
</style>

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

    </div>
</div>

<div class="col-12 pt-lg-5 pt-3 pb-lg-5 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>Contacto</h1>
            <p class="mb-0"><a href="{{ route('principal') }}" class="a_naranja">Inicio</a> / Contacto</p>
        </div>
    </div>
</div>

<div class="col-12 pt-lg-5 pt-3 pb-lg-5 pb-3 contactos">
    <div class="container">
        <div class="col-12">
            <div class="row g-3">
                <div class="col-lg-9">
                    <iframe class="rounded" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3607.2069833167125!2d-57.571514500000006!3d-25.297248999999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x945da90ea52b13e5%3A0x1d33af4dff3fe0db!2sHomeBox%20Paraguay!5e0!3m2!1ses!2spy!4v1750176158561!5m2!1ses!2spy" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>

                <div class="col-lg-3">
                    <div class="col-12 mb-3">
                        <p class=""><b>Contacto</b></p>
                        <div class="mb-3" style="width: 50px; border-bottom: 5px solid #FF5600;"></div>
                    </div>
                    <div class="col-12">
                        <table class="table table-borderless mb-0">
                            <tr>
                                <td style="width: 25px;"><i class="fa-solid fa-mobile-screen-button"></i></td>
                                <td>+595 981 123 200</td>
                            </tr>
                            <tr>
                                <td style="width: 25px;"><i class="fa-solid fa-envelope"></i></td>
                                <td>info@homebox.com.py</td>
                            </tr>
                            <tr>
                                <td style="width: 25px;"><i class="fa-solid fa-location-dot"></i></td>
                                <td>Bélgica N°144 entre Av. Mariscal López y Guido Spano<br>Asunción - Paraguay</td>
                            </tr>
                        </table>
                        <div class="col-12 mb-3 mt-3">
                            <p class=""><b>Direcciones</b></p>
                            <div class="mb-3" style="width: 50px; border-bottom: 5px solid #FF5600;"></div>
                        </div>
                        <div class="col-12 mt-3">
                            <table class="table table-borderless mb-0">
                                <tr>
                                    <td>Estados Unidos</td>
                                </tr>
                                <tr>
                                    <td>España</td>
                                </tr>
                                <tr>
                                    <td>China</td>
                                </tr> 
                                <tr>
                                    <td>Estados Unidos (Marítimo)</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-12 mt-4">
                            <div class="col-12 mb-4">
                                <p class=""><b>Sígenos en nuestras redes sociales</b></p>
                                <div class="mb-3" style="width: 50px; border-bottom: 5px solid #FF5600;"></div>
                            </div>
                            <button class="btn btn-orange" style="margin-right: 10px;">
                                <i class="fa-brands fa-facebook-f"></i>
                            </button>
                            <button class="btn btn-orange">
                                <i class="fa-brands fa-instagram"></i>
                            </button>
                        </div>
                    </div>
                </div>

                
                {{-- <div class="col-lg-12 mt-4">
                    <div class="col-12 mb-3">
                        <p class=""><b>Direcciones</b></p>
                        <div class="mb-3" style="width: 50px; border-bottom: 5px solid #FF5600;"></div>
                    </div>
                    <div class="col-12">
                        <div class="row g-3">
                            <div class="col-lg-4">
                                <p class="mb-2">Miami | USA</p>
                                <table class="table table-borderless mb-0">
                                    <tr>
                                        <td style="width: 25px;"><i class="fa-solid fa-mobile-screen-button"></i></td>
                                        <td>+1 (305) 491-8550</td>
                                    </tr>
                                    <tr>
                                        <td style="width: 25px;"><i class="fa-solid fa-location-dot"></i></td>
                                        <td>
                                            1350 NW 121 AVE A400.<br>
                                            Miami, FL 33182
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-lg-4">
                                <p class="mb-2">Envíos marítimos Miami | USA</p>
                                <table class="table table-borderless mb-0 text-dark">
                                    <tr>
                                        <td style="width: 25px;"><i class="fa-solid fa-mobile-screen-button"></i></td>
                                        <td>+1 (305) 951-5625</td>
                                    </tr>
                                    <tr>
                                        <td style="width: 25px;"><i class="fa-solid fa-location-dot"></i></td>
                                        <td>
                                            1325 nw 78th Ave<br>
                                            Miami, FL 33126<br>
                                            Suite o Ref: Homebox
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-lg-4">
                                <p class="mb-2">Málaga | España</p>
                                <table class="table table-borderless mb-0">
                                    <tr>
                                        <td style="width: 25px;"><i class="fa-solid fa-mobile-screen-button"></i></td>
                                        <td>+34917555112</td>
                                    </tr>
                                    <tr>
                                        <td style="width: 25px;"><i class="fa-solid fa-location-dot"></i></td>
                                        <td>
                                            Calle de los Artistas N° 14, DENVER 75 SL.<br>
                                            Madrid, Madrid 28020
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div> --}}
            </div>
        </div>
    </div>
</div>


@endsection