<div class="d-flex align-items-center justify-content-between gap-3 "> <a href="https://compactslab.lamitech.co" class="d-flex align-items-center shrink min-w-0 py-2 md:py-3"> <img class="h-auto w-auto max-h-10 sm:max-h-12 md:max-h-14 lg:max-h-16 max-w-[130px] sm:max-w-[180px] lg:max-w-none" src="https://compactslab.lamitech.co/img/png/logoCompact.png"> </a> <div class="d-none d-lg-flex flex-grow-1 px-4 xl:px-8" style="min-width: 0;"> <ul class="list-unstyled mb-0 w-100" style="display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center;"> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co#colecciones">Colección</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/recursos">Recursos</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/galeria">Galeria</a> </li> <li class="nav-item text-center"> <a class="nav-link font-normal text-lg xl:text-2xl" href="https://compactslab.lamitech.co/contacto">Contáctenos</a> </li> </ul> </div> <div class="d-flex align-items-center gap-2 sm:gap-3 shrink-0"> <form class="form-inline my-0"> <div class="d-flex align-items-center text-white"> <span class="d-none d-sm-inline-flex h-7 w-7 items-center justify-center mr-2" aria-hidden="true"> <svg class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" xmlns="http://www.w3.org/2000/svg"> <circle cx="12" cy="12" r="9"></circle> <path d="M3 12h18"></path> <path d="M12 3c-3 3.2-3 14.8 0 18"></path> <path d="M12 3c3 3.2 3 14.8 0 18"></path> </svg> </span> <a href="https://compactslab.lamitech.co/lang/es" class="text-sm sm:text-base lg:text-lg font-semibold">Esp</a> <span class="mx-1 sm:mx-2 text-sm sm:text-base lg:text-lg opacity-80">|</span> <a href="https://compactslab.lamitech.co/lang/en" class="text-sm sm:text-base lg:text-lg font-light opacity-80 hover:opacity-100">Eng</a> </div> </form> <button id="mobileMenuButton" type="button" class="d-inline-flex d-lg-none items-center justify-center text-white shrink-0 p-1" aria-label="Abrir menú" aria-controls="navbarSupportedContent" aria-expanded="false"> <svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" xmlns="http://www.w3.org/2000/svg"> <path d="M3 6h18"></path> <path d="M3 12h18"></path> <path d="M3 18h18"></path> </svg> </button> <a href="#" class="ml-2 d-none d-lg-inline-flex"><img src="https://compactslab.lamitech.co/img/png/search.png"></a> </div> </div> <div class="d-none d-lg-none text-white" id="navbarSupportedContent"> <ul class="list-unstyled d-flex flex-column py-3 mb-0"> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co#colecciones">Colección</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/recursos">Recursos</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/galeria">Galeria</a> </li> <li class="nav-item py-1"> <a class="nav-link font-normal text-lg" href="https://compactslab.lamitech.co/contacto">Contáctenos</a> </li> </ul> </div> </nav> </header> <main> <div class="contact-page-hero" aria-label="Encuéntranos"> <h2>Encuéntranos</h2> </div> <section class="contact-page-shell text-white"> <form id="contactForm" class="contact-form-grid" method="POST" action="https://compactslab.lamitech.co/contacto"> <input type="hidden" name="_token" value="KHC5UYt6tRwZiuV79nRjkg87fFQsvU1ZYC1HGSRn"> <input type="hidden" name="recaptcha_token" id="recaptchaToken"> <div class="contact-col"> <ul> <li> <select data-old-value="" name="motivo" id="motivo" class="mb-5 h-9 w-full rounded-sm text-black placeholder:text-black" required> <option value="">Motivo de contacto *</option> <option value="4" > Necesito información de producto </option> <option value="7" > Solicitud de muestra </option> <option value="3" > Quiere ofrecer un servicio </option> <option value="2" > Quiero trabajar en Lamitech </option> <option value="6" > Tengo una sugerencia </option> </select> </li> <li> <input type="text" name="name" required value="" placeholder="Nombre completo *" class="h-9 w-full rounded-sm text-black placeholder:text-black" /> </li> <li> <input type="email" name="email" required value="" placeholder="Email *" class="mt-3 h-9 w-full rounded-sm text-black placeholder:text-black md:mt-5" /> </li> <li> <input type="text" name="company" required value="" placeholder="Empresa *" class="mt-3 h-9 w-full rounded-sm text-black placeholder:text-black md:mt-5" /> </li> <li> <select name="pais" id="pais" class="mt-4 h-9 w-full rounded-sm text-black placeholder:text-black" required data-old-value="" > <option value="">País *</option> <option value="CO" >Colombia</option> <option value="AF" > Afganistán </option> <option value="AL" > Albania </option> <option value="DE" > Alemania </option> <option value="AD" > Andorra </option> <option value="AO" > Angola </option> <option value="AI" > Anguila </option> <option value="AQ" > Antártida </option> <option value="AG" > Antigua y Barbuda </option> <option value="AN" > Antillas Neerlandesas </option> <option value="SA" > Arabia Saudita </option> <option value="DZ" > Argelia </option> <option value="AR" > Argentina </option> <option value="AM" > Armenia </option> <option value="AW" > Aruba </option> <option value="AU" > Australia </option> <option value="AT" > Austria </option> <option value="AZ" > Azerbaiyán </option> <option value="BS" > Bahamas </option> <option value="BH" > Bahréin </option> <option value="BD" > Bangladesh </option> <option value="BB" > Barbados </option> <option value="BE" > Belgica </option> <option value="BE" > Bélgica </option> <option value="BZ" > Belice </option> <option value="BJ" > Benín </option> <option value="BM" > Bermudas </option> <option value="BY" > Bielorrusia </option> <option value="MM" > Birmania </option> <option value="BO" > Bolivia </option> <option value="BA" > Bosnia y Herzegovina </option> <option value="BW" > Botsuana </option> <option value="BR" > Brasil </option> <option value="BN" > Brunei </option> <option value="BG" > Bulgaria </option> <option value="BF" > Burkina Faso </option> <option value="BI" > Burundi </option> <option value="BT" > Bután </option> <option value="CV" > Cabo Verde </option> <option value="KH" > Camboya </option> <option value="CM" > Camerún </option> <option value="CA" > Canadá </option> <option value="TD" > Chad </option> <option value="CL" > Chile </option> <option value="CN" > China </option> <option value="CY" > Chipre </option> <option value="VA" > Ciudad del Vaticano </option> <option value="CO" > Colombia </option> <option value="KM" > Comoras </option> <option value="KP" > Corea del Norte </option> <option value="KR" > Corea del Sur </option> <option value="CI" > Costa de Marfil </option> <option value="CR" > Costa Rica </option> <option value="HR" > Croacia </option> <option value="CU" > Cuba </option> <option value="DK" > Dinamarca </option> <option value="DM" > Dominica </option> <option value="EC" > Ecuador </option> <option value="EG" > Egipto </option> <option value="SV" > El Salvador </option> <option value="AE" > Emiratos Árabes Unidos </option> <option value="ER" > Eritrea </option> <option value="SK" > Eslovaquia </option> <option value="SI" > Eslovenia </option> <option value="ES" > España </option> <option value="US" > Estados Unidos </option> <option value="EE" > Estonia </option> <option value="ET" > Etiopía </option> <option value="PH" > Filipinas </option> <option value="FI" > Finlandia </option> <option value="FJ" > Fiyi </option> <option value="FR" > Francia </option> <option value="GA" > Gabón </option> <option value="GM" > Gambia </option> <option value="GE" > Georgia </option> <option value="GH" > Ghana </option> <option value="GI" > Gibraltar </option> <option value="GD" > Granada </option> <option value="GR" > Grecia </option> <option value="GL" > Groenlandia </option> <option value="GP" > Guadalupe </option> <option value="GU" > Guam </option> <option value="GT" > Guatemala </option> <option value="GF" > Guayana Francesa </option> <option value="GG" > Guernsey </option> <option value="GN" > Guinea </option> <option value="GQ" > Guinea Ecuatorial </option> <option value="GW" > Guinea-Bissau </option> <option value="GY" > Guyana </option> <option value="HT" > Haití </option> <option value="HN" > Honduras </option> <option value="HK" > Hong Kong </option> <option value="HU" > Hungría </option> <option value="IN" > India </option> <option value="ID" > Indonesia </option> <option value="IR" > Irán </option> <option value="IQ" > Iraq </option> <option value="IE" > Irlanda </option> <option value="BV" > Isla Bouvet </option> <option value="IM" > Isla de Man </option> <option value="CX" > Isla de Navidad </option> <option value="IS" > Islandia </option> <option value="KY" > Islas Caimán </option> <option value="CC" > Islas Cocos </option> <option value="CK" > Islas Cook </option> <option value="FO" > Islas Feroe </option> <option value="GS" > Islas Georgias del Sur y Sandwich del Sur </option> <option value="HM" > Islas Heard y McDonald </option> <option value="FK" > Islas Malvinas </option> <option value="MP" > Islas Marianas del Norte </option> <option value="MH" > Islas Marshall </option> <option value="PN" > Islas Pitcairn </option> <option value="SB" > Islas Salomón </option> <option value="TC" > Islas Turcas y Caicos </option> <option value="UM" > Islas ultramarinas de Estados Unidos </option> <option value="VG" > Islas Vírgenes Británicas </option> <option value="VI" > Islas Vírgenes Estadounidenses </option> <option value="IL" > Israel </option> <option value="IT" > Italia </option> <option value="JM" > Jamaica </option> <option value="JP" > Japón </option> <option value="JE" > Jersey </option> <option value="JO" > Jordania </option> <option value="KZ" > Kazajistán </option> <option value="KE" > Kenia </option> <option value="KG" > Kirguistán </option> <option value="KI" > Kiribati </option> <option value="KW" > Kuwait </option> <option value="LA" > Laos </option> <option value="LS" > Lesoto </option> <option value="LV" > Letonia </option> <option value="LB" > Líbano </option> <option value="LR" > Liberia </option> <option value="LY" > Libia </option> <option value="LI" > Liechtenstein </option> <option value="LT" > Lituania </option> <option value="LU" > Luxemburgo </option> <option value="MO" > Macao </option> <option value="MG" > Madagascar </option> <option value="MY" > Malasia </option> <option value="MW" > Malaui </option> <option value="MV" > Maldivas </option> <option value="ML" > Malí </option> <option value="MT" > Malta </option> <option value="MA" > Marruecos </option> <option value="MQ" > Martinica </option> <option value="MU" > Mauricio </option> <option value="MR" > Mauritania </option> <option value="YT" > Mayotte </option> <option value="MX" > México </option> <option value="FM" > Micronesia </option> <option value="MD" > Moldavia </option> <option value="MC" > Mónaco </option> <option value="MN" > Mongolia </option> <option value="ME" > Montenegro </option> <option value="MS" > Montserrat </option> <option value="MZ" > Mozambique </option> <option value="NA" > Namibia </option> <option value="NR" > Nauru </option> <option value="NP" > Nepal </option> <option value="NI" > Nicaragua </option> <option value="NE" > Níger </option> <option value="NG" > Nigeria </option> <option value="NU" > Niue </option> <option value="NF" > Norfolk </option> <option value="NO" > Noruega </option> <option value="NC" > Nueva Caledonia </option> <option value="NZ" > Nueva Zelanda </option> <option value="OM" > Omán </option> <option value="NL" > Países Bajos </option> <option value="PK" > Pakistán </option> <option value="PW" > Palaos </option> <option value="PA" > Panamá </option> <option value="PG" > Papúa Nueva Guinea </option> <option value="PY" > Paraguay </option> <option value="PE" > Perú </option> <option value="PF" > Polinesia Francesa </option> <option value="PL" > Polonia </option> <option value="PT" > Portugal </option> <option value="PR" > Puerto Rico </option> <option value="QA" > Qatar </option> <option value="GB" > Reino Unido </option> <option value="EH" > República Árabe Saharaui Democrática </option> <option value="CF" > República Centroafricana </option> <option value="CZ" > República Checa </option> <option value="MK" > República de Macedonia </option> <option value="CG" > República del Congo </option> <option value="CD" > República Democrática del Congo </option> <option value="DO" > República Dominicana </option> <option value="RE" > Reunión </option> <option value="RW" > Ruanda </option> <option value="RO" > Rumania </option> <option value="RU" > Rusia </option> <option value="MF" > Saint-Martin </option> <option value="WS" > Samoa </option> <option value="AS" > Samoa Americana </option> <option value="BL" > San Bartolomé </option> <option value="KN" > San Cristóbal y Nieves </option> <option value="SM" > San Marino </option> <option value="PM" > San Pedro y Miquelón </option> <option value="VC" > San Vicente y las Granadinas </option> <option value="SH" > Santa Helena </option> <option value="LC" > Santa Lucía </option> <option value="ST" > Santo Tomé y Príncipe </option> <option value="SN" > Senegal </option> <option value="RS" > Serbia </option> <option value="SC" > Seychelles </option> <option value="SL" > Sierra Leona </option> <option value="SG" > Singapur </option> <option value="SY" > Siria </option> <option value="SO" > Somalia </option> <option value="LK" > Sri Lanka </option> <option value="SZ" > Suazilandia </option> <option value="ZA" > Sudáfrica </option> <option value="SD" > Sudán </option> <option value="SE" > Suecia </option> <option value="CH" > Suiza </option> <option value="SR" > Surinam </option> <option value="SJ" > Svalbard y Jan Mayen </option> <option value="TH" > Tailandia </option> <option value="TW" > Taiwán </option> <option value="TZ" > Tanzania </option> <option value="TJ" > Tayikistán </option> <option value="IO" > Territorio Británico del Océano Índico </option> <option value="TF" > Territorios Australes Franceses </option> <option value="PS" > Territorios palestinos </option> <option value="TL" > Timor Oriental </option> <option value="TG" > Togo </option> <option value="TK" > Tokelau </option> <option value="TO" > Tonga </option> <option value="TT" > Trinidad y Tobago </option> <option value="TN" > Túnez </option> <option value="TM" > Turkmenistán </option> <option value="TR" > Turquía </option> <option value="TV" > Tuvalu </option> <option value="UA" > Ucrania </option> <option value="UG" > Uganda </option> <option value="UY" > Uruguay </option> <option value="UZ" > Uzbekistán </option> <option value="VU" > Vanuatu </option> <option value="VE" > Venezuela </option> <option value="VN" > Vietnam </option> <option value="WF" > Wallis y Futuna </option> <option value="YE" > Yemen </option> <option value="DJ" > Yibuti </option> <option value="ZM" > Zambia </option> <option value="ZW" > Zimbabue </option> <option value="AX" > Äland </option> </select> </li> <li> <select name="id_departamento" id="id_departamento" class="hidden mt-4 h-9 w-full rounded-sm text-black placeholder:text-black"> <option value="">Departamento *</option> <option value="21" > Amazonas </option> <option value="11" > Antioquia </option> <option value="29" > Arauca </option> <option value="2" > Atlantico </option> <option value="12" > Bogota DC </option> <option value="7" > Bolivar </option> <option value="30" > Boyacá </option> <option value="18" > Caldas </option> <option value="22" > Caquetá </option> <option value="28" > Casanare </option> <option value="15" > Cauca </option> <option value="4" > Cesar </option> <option value="13" > Chocó </option> <option value="6" > Cordoba </option> <option value="33" > Cundinamarca </option> <option value="1" > Guajira </option> <option value="25" > Guanía </option> <option value="24" > Guaviare </option> <option value="32" > Huila </option> <option value="3" > Magdalena </option> <option value="27" > Meta </option> <option value="16" > Nariño </option> <option value="9" > Norte de santander </option> <option value="20" > Putumayo </option> <option value="19" > Quindío </option> <option value="17" > Risaralda </option> <option value="8" > San andrés y providencia </option> <option value="10" > Santander </option> <option value="5" > Sucre </option> <option value="31" > Tolima </option> <option value="14" > Valle del cauca </option> <option value="23" > Vaupés </option> <option value="26" > Vichada </option> </select> </li> <li> <select name="id_departamento_eu" id="id_departamento_eu" class="hidden mt-4 h-9 w-full rounded-sm text-black placeholder:text-black"> <option value="">Departamento *</option> <option value="35" > Alabama </option> <option value="36" > Alaska </option> <option value="37" > Arizona </option> <option value="38" > Arkansas </option> <option value="39" > California </option> <option value="42" > Colorado </option> <option value="43" > Connecticut </option> <option value="46" > Delaware </option> <option value="47" > Florida </option> <option value="48" > Georgia </option> <option value="49" > Hawaii </option> <option value="51" > Idaho </option> <option value="52" > Illinois </option> <option value="53" > Indiana </option> <option value="54" > Iowa </option> <option value="55" > Kansas </option> <option value="56" > Kentucky </option> <option value="57" > Louisiana </option> <option value="59" > Maine </option> <option value="60" > Maryland </option> <option value="61" > Massachusetts </option> <option value="62" > Michigan </option> <option value="63" > Minnesota </option> <option value="64" > Mississippi </option> <option value="65" > Missouri </option> <option value="66" > Montana </option> <option value="67" > Nebraska </option> <option value="68" > Nevada </option> <option value="71" > New Hampshire </option> <option value="69" > New Jersey </option> <option value="72" > New Mexico </option> <option value="70" > New York </option> <option value="40" > North Carolina </option> <option value="44" > North Dakota </option> <option value="74" > Ohio </option> <option value="75" > Oklahoma </option> <option value="76" > Oregon </option> <option value="77" > Pennsylvania </option> <option value="78" > Rhode Island </option> <option value="41" > South Carolina </option> <option value="45" > South Dakota </option> <option value="79" > Tennessee </option> <option value="80" > Texas </option> <option value="81" > Utah </option> <option value="82" > Vermont </option> <option value="83" > Virginia </option> <option value="85" > Washington </option> <option value="84" > West Virginia </option> <option value="86" > Wisconsin </option> <option value="87" > Wyoming </option> </select> </li> <li> <select name="id_departamento_es" id="id_departamento_es" class="hidden mt-4 h-9 w-full rounded-sm text-black placeholder:text-black"> <option value="">Departamento *</option> <option value="88" > Andalucía </option> <option value="89" > Aragón </option> <option value="91" > Canarias </option> <option value="92" > Cantabria </option> <option value="94" > Castilla y León </option> <option value="93" > Castilla-La Mancha </option> <option value="95" > Cataluña </option> <option value="96" > Comunidad de Madrid </option> <option value="97" > Comunidad Foral de Navarra </option> <option value="98" > Comunidad Valenciana </option> <option value="99" > Extremadura </option> <option value="100" > Galicia </option> <option value="90" > Islas Baleares </option> <option value="104" > La Rioja </option> <option value="101" > País Vasco </option> <option value="102" > Principado de Asturias </option> <option value="103" > Región de Murcia </option> </select> </li> <li> <input type="text" name="estado" id="estado" value="" placeholder="Departamento *" class="mt-3 h-9 w-full rounded-sm text-black placeholder:text-black md:mt-5" /> </li> <li> <input type="text" name="ciudad" required value="" placeholder="Ciudad *" class="mt-3 h-9 w-full rounded-sm text-black placeholder:text-black md:mt-5" /> </li> <li> <input type="text" name="codigo_postal" value="" placeholder="Código postal" class="mt-3 h-9 w-full rounded-sm text-black placeholder:text-black md:mt-5" /> </li> <li> <input type="tel" name="telefono" value="" placeholder="Móvil *" class="mt-3 h-9 w-full rounded-sm text-black placeholder:text-black md:mt-5" /> </li> </ul> </div> <div class="contact-col flex flex-col"> <ul> <li> <select id="infop" name="infop" class="hidden mb-3 h-9 w-full rounded-sm text-black placeholder:text-black" data-old-value="" > <option value="">Selecciona oficio *</option> <option value="Diseñador" > Diseñador </option> <option value="Arquitecto" > Arquitecto </option> <option value="Carpintero" > Carpintero </option> <option value="Constructor" > Constructor </option> <option value="Consumidor final" > Consumidor final </option> </select> </li> </ul> <div class="w-full hidden" id="muestras"> <h4 class="text-2xl font-bold mb-2">Solicitar muestra</h4> <ul> <li> <input type="text" name="nameProject" id="nameProject" value="" placeholder="Nombre del proyecto *" class="hidden mb-3 h-9 w-full rounded-sm text-black placeholder:text-black" /> </li> <li> <input type="text" name="dir" id="dir" value="" placeholder="Dirección de envío *" class="hidden mb-3 h-9 w-full rounded-sm text-black placeholder:text-black" /> </li> <li> <textarea name="detailProject" id="detailProject" placeholder="Detalles del proyecto" class="mb-2 hidden h-16 w-full rounded-sm px-6 text-black placeholder:ml-7 placeholder:text-black" ></textarea> </li> </ul> <hr class='mt-0'/> <ul> <li> <input type="text" name="referenciaC" id="referenciaC" placeholder="Agregar referencia" class="mb-3 h-9 w-full rounded-sm text-black placeholder:text-black md:mt-5" /> </li> <li> <select name="acabadoMues" id="acabadoMues" class="mb-3 h-9 w-full rounded-sm text-black placeholder:text-black"> <option value="0">Seleccione acabado *</option> <option value="">N/A</option> <option value="779"> Negro </option> <option value="782"> Himalaya </option> <option value="783"> Palazzo </option> <option value="784"> Tiziano </option> <option value="785"> Atenas </option> <option value="927"> Positano </option> <option value="928"> Alicante </option> <option value="958"> Tunisia </option> <option value="959"> Roma </option> <option value="970"> Tibet </option> </select> </li> <li> <p> <strong>Recuerda:</strong> Solo puedes solicitar hasta 8 muestras por solicitud. Para más información, contacta a un ejecutivo. </p> </li> <li> <button type="button" id="addr" class="contact-submit-btn mt-3 h-9 px-4 mx-auto block text-center md:mt-5 transition-colors" > Agregar referencia </button> </li> </ul> </div> <div class="w-full mt-2 mb-4 hidden" id="solicitadas"> <h4 class="text-2xl font-bold">Muestras solicitadas</h4> <hr class='mt-0'/> <div id="msolicitadas"> Seleccione referencia y acabado </div> </div> <textarea name="mensaje" required placeholder="Mensaje:" class="h-28 w-full rounded-sm px-6 text-black placeholder:ml-7 placeholder:text-black md:h-5/9" ></textarea> <div class="mt-3 flex h-1/9 w-7/10 flex-row items-center self-center md:mt-5" > <input type="checkbox" name="acepta_terminos" id="acepta_terminos" value="t" required class="mr-4 h-5 w-5 self-center border border-white bg-black text-black md:h-7 md:w-7" /> <p class="text-[13px]"> Acepto terminos y condiciones, <a href="https://www.lamitech.com.co/resources/docs/es/65_POLITICA%20PARA%20MANEJO%20DE%20DATOS%20PERSONALES%20LAMITECH%20S.A.S%20oct20.pdf" target="_blank">politica de tratamiento</a> de datos. </p> </div> <button type="submit" id="submitButton" class="contact-submit-btn py-1 mt-3 self-center md:mt-5 transition-colors relative" > <span class="pointer-events-none">Enviar</span> <div id="loadingSpinner" class="hidden absolute inset-0 flex items-center justify-center" role="status" aria-live="polite"> <span class="contact-btn-loader" aria-hidden="true"></span> <span class="sr-only">Enviando…</span> </div> </button> </div> </form> </section> <section id="contact-map-wrap" class="mt-4 md:mt-8"> <div id="map"></div> </section> </main> <footer class="max-w-[1920px] text-white flex flex-col pb-10 lg:pb-0 bg-black w-full mx-auto"> <section class="mt-15 block w-full"><div class="mx-4 flex flex-col lg:flex-row justify-center border-t fill-white px-3 pt-5 pb-1 xl:px-7 mb-5"> <div class="w-full lg:w-auto text-xl lg:text-2xl 2xl:text-3xl 3xl:text-4xl flex items-center justify-center text-center gap-2 xl:gap-3.5 border-b lg:border-b-0 lg:border-r py-2 pb-4 lg:pb-2 pr-0 lg:pr-6 xl:pr-20"> <h3 class="mr-6 font-light text-center">Síguenos en redes sociales</h3> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a instagram" onclick="window.open('https://www.instagram.com/lamitech/', '_blank')"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a linkedin" onclick="window.open('https://www.linkedin.com/company/grupo-sanford---lamitech-s.a./?originalSubdomain=co', '_blank')"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" aria-label="Botón de acceso a facebook" onclick="window.open('https://facebook.com/ilaminar/', '_blank')"> <svg class="mx-auto w-3 lg:w-4 xl:w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"></path> </svg> </button> <button class="bg-primary h-8 w-8 lg:h-10 lg:h-10 xl:h-14 xl:w-14 rounded-full cursor-pointer" type="button" onclick="window.open('https://www.youtube.com/watch?v=2kSmdAyCwaY','_blank')" aria-label="Botón de acceso a youtube"> <svg class="mx-auto w-4 lg:w-5 xl:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"></path> </svg> </button> </div> <div class="w-full lg:w-auto flex items-center justify-center text-center pt-4 lg:pt-0 pl-0 lg:pl-6 xl:pl-20 text-xl lg:text-2xl xl:text-2xl 3xl:text-4xl"> <h3 class="font-light text-center"> Comparte tus proyectos #LAMITECH con el mundo </h3> </div> </div> <div class="w-full block py-5 border-t relative px-5"> <div class="absolute top-[-12px] w-full flex justify-center"> <span class="text-white text-sm bg-black px-4 py-1">Nuestras soluciones</span> </div> <div class="grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-wrap justify-center items-center gap-y-4"> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <img src="https://www.lamitech.co/img/footer/logo-lamitech.svg" alt="Logo Lamitech" class="h-5 xl:h-6"> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.panelexsolutions.com" target="_blank" title="Ir a la página de Panelex"> <img src="https://www.lamitech.co/img/footer/logo-panelex.svg" alt="Logo Panelex" class="h-4 xl:h-5"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://compactslab.lamitech.co" target="_blank" title="Ir a la página de Compactslab"> <img src="https://www.lamitech.co/img/footer/logo-compactslab.svg" alt="Logo Compactslab" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/26-taktart" target="_blank" title="Ir a la página de TaktArt"> <img src="https://www.lamitech.co/img/footer/logo-taktart.svg" alt="Logo TaktArt" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://innova.lamitech.co/" target="_blank" title="Ir a la página de Innova"> <img src="https://www.lamitech.co/img/footer/logo-innova.svg" alt="Logo Innova" class="h-5 xl:h-6"> </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center"> <a href="https://www.acquafloor.com/" target="_blank" title="Ir a la página de Acquafloor"> <img src="https://www.lamitech.co/img/footer/logo-acquafloor.svg" alt="Logo Acquafloor" class="h-4 xl:h-5"> </a> </div> </div> </div> <div class="w-full block py-5 border-t"> <div class="grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-wrap justify-center items-center gap-y-4"> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/7-ex2-compacto" target="_blank" title="Ir a la página de Ex2"> <img src="https://compactslab.lamitech.co/img/footer/logo-ex2.svg" alt="Logo Ex2" class="h-4 xl:h-5" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/8-chemlam" target="_blank" title="Ir a la página de ChemLam"> <img src="https://compactslab.lamitech.co/img/footer/logo-chemlam.svg" alt="Logo ChemLam" class="h-5 xl:h-6" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/9-opak" target="_blank" title="Ir a la página de Opak"> <img src="https://compactslab.lamitech.co/img/footer/logo-opak.svg" alt="Logo Opak" class="h-5 xl:h-6" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <a href="https://www.lamitech.co/specials/5-youlab" target="_blank" title="Ir a la página de YouLab"> <img src="https://compactslab.lamitech.co/img/footer/logo-youlab.svg" alt="Logo YouLab" class="h-6 xl:h-7" > </a> </div> <div class="px-4 lg:px-6 flex justify-center items-center border-r-0 lg:border-r"> <img src="https://compactslab.lamitech.co/img/footer/logo-blindado.svg" alt="Logo Blindado" class="h-5 xl:h-6" > </div> <div class="px-4 lg:px-6 flex justify-center items-center"> <img src="https://compactslab.lamitech.co/img/footer/logo-duraopak.svg" alt="Logo DuraOpak" class="h-4 xl:h-5" > </div> </div> </div> </section> <div class="mx-2 xl:mx-16 flex w-full text-center justify-center border-t border-white px-7 py-6 text-xs xl:py-4 xl:text-sm" > <span class="border-r border-white pr-4 xl:pr-16"> Lamitech S.A.S Todos los derechos reservados </span> <a class="border-r border-white px-4 xl:px-16" href=""> Política de Privacidad </a> <a class="border-r border-white px-4 xl:px-16" href="https://lamitech.zohocreatorportal.com" target="_blank" title="Accede al portal del cliente" rel="tooltip"> Accede al portal del cliente </a> <a class="pl-4 xl:pl-16" href="https://sales.lamitech.co/" target="_blank" title="Acceso Comercial" rel="tooltip"> Acceso Comercial </a> </div> </footer> <script> var newRefLabel = 'Nueva Ref'; function seeProductos(seccion,linea,divId){ $("#"+divId).html("<img src='images/giphy.gif'>"); $.ajax( { url : 'https://admin.dssolucionesinteligentes.com/api/ajaxext/especial', data : {'seccion':seccion,'linea':linea,'divId':divId,'lang':'es','id_portal':'5'}, dataType : 'json', type : 'POST', error : function(xhr, ajaxOptions, thrownError) { swal("Problemas al publicar, recargue e intente nuevamente.") console.log(thrownError) }, success : function(rta) { if(rta.error == true){ swal(rta.desc); }else{ var cadena=""; for(i=0;i<rta.productos.length;i++){ cadena+='<div class="col-sm-5 col-md-3 col-lg-2 col-xs-6">'; cadena+='<div class="mt-2 card entry-media cms-blog-media cms-media overlay-wrap rounded-2xl bg-black" style="cursor:pointer;position:relative" onclick="document.location=\'ref/'+rta.productos[i].codigo+'-'+rta.productos[i].referencia+'\'">'; cadena+='<img src="https://d392np3iddl7g5.cloudfront.net/productos/portal/'+rta.productos[i].image_portal+'" alt="entry-media cms-blog-media cms-media overlay-wrap Image 1" class="card-img rounded-2xl">'; cadena+='<div id="p-'+rta.productos[i].codigo+'" class="d-none card-img-overlay" style="background-color:rgba(20, 20, 20, .5)!important"><h6 style="color: white">Anchos disponibles:</h6><p>'; for(j=0;j<rta.productos[i].anchos.length;j++){ cadena+=' '+rta.productos[i].anchos[j].tamano+','; } cadena+='<br></p><a class="added_to_cart" href="https://www.lamitech.co/contact">CONTÁCTENOS</a></div></div><div class="caption"><p class="text-sm">'+rta.productos[i].referencia+'</p><p>'+rta.productos[i].codigo.substr(-4,4)+'</p></div></div>'; } $("#"+divId).html(cadena); } } }); } function seeProductosEn(seccion,linea,divId){ $("#"+divId).html("<img src='images/giphy.gif'>"); $.ajax( { url : 'https://admin.dssolucionesinteligentes.com/api/ajaxext/especial', data : {'seccion':seccion,'linea':linea,'divId':divId,'lang':en,'id_portal':'5'}, dataType : 'json', type : 'POST', error : function(xhr, ajaxOptions, thrownError) { swal("Problemas al publicar, recargue e intente nuevamente.") console.log(thrownError) }, success : function(rta) { if(rta.error == true){ swal(rta.desc); }else{ var cadena=""; for(i=0;i<rta.productos.length;i++){ cadena+='<div class="product-view col-sm-4 col-md-4 col-lg-4 col-xs-6"><div class="entry-media cms-blog-media cms-media overlay-wrap " style="position:relative"> <img src="https://www.lamitech.com.co/resources/productos/hd/'+rta.productos[i].codigo+'.jpg" alt="entry-media cms-blog-media cms-media overlay-wrap Image 1" class="img-responsive">'; if(rta.productos[i].nuevo === 't'){ cadena+='<div class="badge-new-ref">'+newRefLabel+'</div>'; } cadena+='<div class="overlay"><div class="overlay-content"><h6 style="color: white">Available widths:</h6><p>'; for(j=0;j<rta.productos[i].anchos.length;j++){ cadena+=' '+rta.productos[i].anchos[j].tamano_en+','; } cadena+='<br></p><a class="added_to_cart" href="https://www.lamitech.co/contact">CONTACT US</a></div></div><div class="caption"><p style="text-transform:uppercase">'+rta.productos[i].referencia+' '+rta.productos[i].codigo.substr(-4,4)+'</p></div></div></div>'; } $("#"+divId).html(cadena); } } }); } document.addEventListener('DOMContentLoaded', function () { var button = document.getElementById('mobileMenuButton'); var menu = document.getElementById('navbarSupportedContent'); if (!button || !menu) { return; } var isDesktop = function () { return window.matchMedia('(min-width: 992px)').matches; }; button.addEventListener('click', function () { var isOpen = !menu.classList.contains('d-none'); menu.classList.toggle('d-none'); button.setAttribute('aria-expanded', isOpen ? 'false' : 'true'); }); menu.querySelectorAll('a').forEach(function (link) { link.addEventListener('click', function () { if (!isDesktop()) { menu.classList.add('d-none'); button.setAttribute('aria-expanded', 'false'); } }); }); if (isDesktop()) { menu.classList.remove('d-none'); } else { menu.classList.add('d-none'); } window.addEventListener('resize', function () { if (isDesktop()) { menu.classList.remove('d-none'); button.setAttribute('aria-expanded', 'false'); } else { menu.classList.add('d-none'); button.setAttribute('aria-expanded', 'false'); } }); }); </script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDItAtytdAl9G8JZw_Vry85aRNeKqx9-oY"></script> <script> window.translations = { selectRef: "Seleccione referencia", selectFinish: "Seleccione acabado", reference: "Referencia", finish: "Acabado", helpSample2: "Seleccione referencia y acabado" }; // Cargar muestras desde sesión si viene desde solicitud de muestra document.addEventListener('DOMContentLoaded', function() { const urlParams = new URLSearchParams(window.location.search); if (urlParams.get('motivo') === 'muestra') { // Esperar a que el formulario de contacto se inicialice completamente setTimeout(() => { cargarMuestrasDesdeSesion(); }, 1000); } }); // Función para ejecutar handleAddMuestra con datos mockeados function ejecutarHandleAddMuestra(contactFormInstance, mockData) { // Verificar límite de muestras const muestrasActuales = contactFormInstance.msolicitadasContainer.querySelectorAll(".muestra-item").length; if (muestrasActuales >= 8) { return; } // Simular el estado interno del formulario contactFormInstance.selectedProduct = { id: mockData.idProducto, label: mockData.label, imagen: mockData.imagen }; // Mapeo de códigos a IDs basado en los datos de floatingCart.js const codigoToIdMap = { 'MT': 270, 'GL': 272, 'TS': 273, 'OPAK': 351, 'PE': 352, 'LG': 353, 'PR': 354, 'DL': 355, 'IT': 356, 'UP': 357, 'PW': 358, 'BS': 720, 'CA': 915, 'SC': 916, 'PL': 917, 'REAL': 974 }; // Obtener el ID del acabado usando el mapeo const acabadoId = codigoToIdMap[mockData.acabado] || mockData.acabado; // Obtener el texto del acabado del select const acabadoSelect = document.getElementById('acabadoMues'); let acabadoText = mockData.acabado; if (acabadoSelect && acabadoSelect.options) { const selectedOption = Array.from(acabadoSelect.options).find(opt => opt.value === acabadoId); if (selectedOption) { acabadoText = selectedOption.text; } } // Crear el contenedor para esta muestra const muestraDiv = document.createElement("div"); muestraDiv.className = "muestra-item flex items-center justify-between border-b py-2"; contactFormInstance.muestrasCounter++; // Crear los campos ocultos usando el ID del producto const hiddenInputs = ` <input type="hidden" name="muestras[${contactFormInstance.muestrasCounter}][referencia]" value="${mockData.idProducto}"> <input type="hidden" name="muestras[${contactFormInstance.muestrasCounter}][acabado]" value="${acabadoId}"> `; // Crear el contenido visible con la imagen const visibleContent = ` <div class="flex items-center flex-1"> <img src="${mockData.imagen}" alt="${mockData.label}" class="w-16 h-16 object-cover rounded-sm mr-3"> <div class="flex-1"> <p class="font-medium">Referencia: ${mockData.label}</p> <p>Acabado: ${acabadoText}</p> </div> </div> <button type="button" class="text-red-600 hover:text-red-800 px-2 ml-2 text-2xl font-bold leading-none" onclick="this.parentElement.remove(); this.dispatchEvent(new Event('muestraRemoved', {bubbles: true}))"> × </button> `; muestraDiv.innerHTML = hiddenInputs + visibleContent; // Limpiar el contenedor si tiene el mensaje por defecto if (contactFormInstance.msolicitadasContainer.textContent.trim() === contactFormInstance.getTranslation("helpSample2")) { contactFormInstance.msolicitadasContainer.innerHTML = ""; } // Agregar la nueva muestra contactFormInstance.msolicitadasContainer.appendChild(muestraDiv); // Actualizar el contador visual contactFormInstance.updateMuestrasCounter(); } function cargarMuestrasDesdeSesion() { // Marcar que estamos cargando desde sesión para evitar alerts innecesarios window.isLoadingFromSession = true; const muestrasSolicitadas = JSON.parse(sessionStorage.getItem('muestrasSolicitadas') || '[]'); if (muestrasSolicitadas.length > 0) { // Verificar que el formulario de muestras esté visible const muestrasSection = document.getElementById('muestras'); const solicitadasSection = document.getElementById('solicitadas'); if (muestrasSection && solicitadasSection) { // Forzar la visibilidad de las secciones si están ocultas if (muestrasSection.classList.contains('hidden')) { muestrasSection.classList.remove('hidden'); muestrasSection.style.opacity = '1'; } if (solicitadasSection.classList.contains('hidden')) { solicitadasSection.classList.remove('hidden'); solicitadasSection.style.opacity = '1'; } // Verificar que el motivo esté correctamente seleccionado para mostrar las secciones const motivoSelect = document.getElementById('motivo'); if (motivoSelect && motivoSelect.value !== '7') { motivoSelect.value = '7'; motivoSelect.dispatchEvent(new Event('change', { bubbles: true })); } // Buscar el botón de agregar muestra const agregarMuestraBtn = document.getElementById('addr'); if (agregarMuestraBtn) { // Ejecutar el método handleAddMuestra directamente con los datos de sesión // Obtener la instancia del formulario de contacto const contactFormInstance = window.contactFormInstance; if (contactFormInstance) { muestrasSolicitadas.forEach((muestra, index) => { setTimeout(() => { // Usar directamente el idProducto que se guardó correctamente en la sesión const idProducto = muestra.idProducto; // Simular los datos necesarios para el método const mockData = { referencia: muestra.referencia, acabado: muestra.acabado, idProducto: idProducto, label: muestra.referencia, imagen: muestra.imagen || '/images/default-product.jpg' }; // Ejecutar el método directamente con los datos mockeados ejecutarHandleAddMuestra(contactFormInstance, mockData); }, index * 500); }); } } } } // Limpiar la bandera después de un tiempo setTimeout(() => { window.isLoadingFromSession = false; }, 10000); } </script> <script src="https://www.google.com/recaptcha/api.js?render=6LfL3SErAAAAACWrDqRGY7s7aG3dYn1hILU6kawT"></script> <script src="/js/contact-page.js"></script> <script> (function () { let locationsInfo = []; function initMap(obj) { var map = new google.maps.Map(document.getElementById('map'), { zoom: 2, center: obj }); locationsInfo.forEach(function (place) { var contentString = '<div id="content"><h1 class="firstHeading" style="font-size:18px"><img src="https://compactslab.lamitech.co/portal/img/mapTitle.png" alt="">' + place.name + '</h1><div id="bodyContent">' + place.detalles + '</div></div>'; var infowindow = new google.maps.InfoWindow({ content: contentString }); var marker = new google.maps.Marker({ position: place.position, map: map, icon: 'https://compactslab.lamitech.co/img/png/mapIcon.png', title: place.name }); marker.addListener('click', function () { infowindow.open(map, marker); }); }); } function getLocations() { fetch('https://compactslab.lamitech.co/ajax/contactenos') .then(function (r) { return r.json(); }) .then(function (locations) { locations.forEach(function (location) { locationsInfo.push({ position: { lat: location.coordinates[1], lng: location.coordinates[0] }, name: location.id, detalles: location.detalles }); }); initMap({ lat: 0, lng: -5 }); }) .catch(function () {}); } window.addEventListener('load', function () { if (typeof google !== 'undefined' && google.maps) { getLocations(); } }); })(); </script> </body> <script type="text/javascript"> _linkedin_partner_id = "6639250"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6639250&fmt=gif" /> </noscript> </html>