{% extends 'base.html.twig' %}{% block vue_content %}<nav-Component></nav-Component><div id="inicio" class="swiper logistics-swiper mySwiper"> <div class="swiper-wrapper"> <!-- Slide 1 --> <div class="swiper-slide banner-slide"> <div class="banner-container"> <div class="left-side"> <img src="{{ asset('img/banner/logo-Empaques-Matamoros.svg') }}" alt="Empaques Matamoros" class="logo-img"> <div class="vertical-line"></div> <div class="text-content"> <h2>SOLUCIONES DE<br>EMPAQUE</h2> </div> <div class="vertical-line bottom-line"></div> <a href="#somos" style=" text-decoration: none;" class="arrow-link"> <img src="{{ asset('img/banner/arrow-banner.svg') }}" alt="Empaques Matamoros" class="arrow-img"> </a> </div> <div class="right-side"> <img src="{{ asset('img/banner/banner-soluciones-empaques-01.png') }}" alt="Empaque de galletas" class="cookies-img"> </div> </div> </div> <!-- Slide 2 <div class="swiper-slide banner-slide"> <div class="banner-container"> <div class="left-side"> <img src="{{ asset('img/banner/logo-Empaques-Matamoros.svg') }}" alt="Empaques Matamoros" class="logo-img"> <div class="vertical-line"></div> <div class="text-content"> <h2>SOLUCIONES DE<br>EMPAQUE</h2> </div> <div class="vertical-line bottom-line"></div> <a href="#somos" style=" text-decoration: none;" class="arrow-link"> <img src="{{ asset('img/banner/arrow-banner.svg') }}" alt="Empaques Matamoros" class="arrow-img"> </a> </div> <div class="right-side"> <img src="{{ asset('img/banner/banner-soluciones-empaques-01.png') }}" alt="Empaque innovador" class="cookies-img"> </div> </div> </div>--> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div><section id="somos" class="somos-section"> <div class="somos-top"> <div class="somos-img"> <img src="{{ asset('img/somos/somos.png') }}" alt="Imagen de empresa"> </div> <div class="somos-texto"> <h2>SOMOS</h2> <p class="d-none d-md-block"> Una empresa mexicana de manufactura de empaques,<br> bolsas y sobres de papel transparente y celofán enfocada<br> a dar soluciones a sus clientes cuidando la calidad y desempeño<br> de nuestros materiales, desarrollando empaques prácticos para<br> la optimización de los productos. </p> <p class="d-block d-md-none"> Una empresa mexicana de manufactura de empaques, bolsas y sobres de papel transparente y celofán enfocada a dar soluciones a sus clientes cuidando la calidad y desempeño de nuestros materiales, desarrollando empaques prácticos para la optimización de los productos. </p> </div> </div> <div class="somos-bottom"> <div class="card mision"> <h3>MISIÓN</h3> <p> Fabricar productos de calidad bajo la mentalidad de trabajo en equipo, ofreciendo productos e insumos que aportan soluciones a nuestros clientes. </p> </div> <div class="card vision"> <h3>VISIÓN</h3> <p> Ser una empresa que genera valor como proveedor dentro de la industria manufacturera de papel celofan a nivel nacional que garantiza relaciones comerciales de satisfaccion total. </p> </div> </div></section><section id="" class="valores-section"> <h2>VALORES</h2> <div class="valores-grid"> <div class="valor-item"> <img src="{{ asset('img/somos/calidad.svg') }}" alt="Calidad"> <p>CALIDAD</p> </div> <div class="valor-item"> <img src="{{ asset('img/somos/confianza.svg') }}" alt="Confianza"> <p>CONFIANZA</p> </div> <div class="valor-item"> <img src="{{ asset('img/somos/honestidad.svg') }}" alt="Honestidad"> <p>HONESTIDAD</p> </div> <div class="valor-item"> <img src="{{ asset('img/somos/compromiso.svg') }}" alt="Compromiso"> <p>COMPROMISO</p> </div> </div></section><section class="servicios-section" id="servicios"> <div class="servicios-texto"> <div class="vertical-line2"></div> <div class="bottom-line2"></div> <div class="text-content2 text-start"> <h2>SERVICIOS</h2> </div> <div class="contenido"> <ul> <li><strong>SERVICIO DE CORTE</strong>, película flexible en rollo para envasadora.</li> <li><strong>MAQUILA DE CORTE</strong>, reducción de diámetro o cortes a medida.</li> <li><strong>MAQUILA DE BOLSEO</strong>, para material transparente o de registro (aplican restricciones).</li> </ul> <p>Fabricamos medidas especiales en diferentes calibres <br> <strong>30, 35, 40 y 50 micras.</strong> </p> <blockquote> “Todos los materiales utilizados cumplen con la normatividad de calidad de FDA para empaque de alimentos”. </blockquote> </div> </div> <div class="servicios-imagen"> <img src="{{ asset('img/servicios/Servicios-Empaques-Matamoros.png') }}" alt="Película en rollo"> </div></section><section class="productos-carousel" id="productos"> <!-- Lado izquierdo --> <div class="productos-left"> <div class="linea-vertical top"></div> <h2 class="productos-title">PRODUCTOS</h2> <div class="linea-vertical bottom"></div> <div class="productos-info"> <h3>BOLSAS Y SOBRES DE PAPEL<br>TRANSPARENTE PARA EMPAQUE</h3> <ul> <li>En sello de fondo</li> <li>Con fuelle</li> <li>Sello lateral</li> <li>Sobres con adhesivo</li> </ul> </div> <div class="nav-buttons"> <div class="swiper-button-prev-productos"> <img src="{{ asset('img/productos/flecha-izq.svg') }}" alt="Flecha izquierda"> </div> <div class="swiper-button-next-productos"> <img src="{{ asset('img/productos/flecha-der.svg') }}" alt="Flecha derecha"> </div> </div> </div> <!-- Lado derecho (carrusel) --> <div class="productos-right swiper productos-swiper"> <div class="swiper-wrapper"> <!-- Slide --> <div class="swiper-slide"> <div class="producto-card"> <div class="header"> <img src="{{ asset('img/productos/bolsa-celofan-plana.png') }}" alt="Bolsa celofán" class="prod-img" style="border-radius: 0 !important;"> <h3 class="producto-nombre">BOLSA DE PAPEL CELOFÁN<br>PLANA CON SELLO DE FONDO</h3> </div> <div class="producto-tabla"> <div class="tabla-header">MEDIDAS DE LÍNEA</div> <div class="tabla-row tabla-head"> <div>MEDIDA</div><div>MEDIDA</div><div>MEDIDA</div> </div> <div class="tabla-body"> <div>5 x 10</div><div>10 x 18</div><div>20 x 30</div> <div>5 x 21</div><div>12 x 20</div><div>20 x 35</div> <div>6 x 12</div><div>13 x 33</div><div>20 x 45</div> <div>6 x 14</div><div>14 x 20</div><div>25 x 35</div> <div>7 x 14</div><div>15 x 30</div><div>25 x 40</div> <div>8 x 16</div><div>16 x 30</div><div>26 x 40</div> <div>9 x 15</div><div>18 x 25</div><div>18 x 30</div> <div> </div><div>18 x 30</div><div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="producto-card"> <div class="header"> <img src="{{ asset('img/productos/bolsa-celofan-fuelles.png') }}" alt="Bolsa celofán" class="prod-img" style="border-radius: 0 !important;"> <h3 class="producto-nombre">BOLSA DE PAPEL CELOFAN<br>CON FUELLES Y SELLO<br>DE FONDO</h3> </div> <div class="producto-tabla"> <div class="tabla-header">MEDIDAS DE LÍNEA</div> <div class="tabla-row tabla-head"> <div>MEDIDA</div> </div> <div class="tabla-body1"> <div>100 GR</div><div>150 GR</div> <div>250 GR</div><div>500 GR</div> <div>1 KG</div><div>1.5 KG</div> <div>2 KG</div><div>3 KG</div> <div>4 KG</div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="producto-card"> <div class="header"> <img src="{{ asset('img/productos/bolsa-celofan-sello-lateral.png') }}" alt="Bolsa celofán" class="prod-img" style="border-radius: 0 !important;"> <h3 class="producto-nombre">BOLSA DE CELOFAN<br>SELLO LATERAL</h3> </div> <div class="producto-tabla"> <div class="tabla-header">MEDIDAS DE LÍNEA</div> <div class="tabla-row2 tabla-head"> <div>MEDIDA</div><div>MEDIDA</div> </div> <div class="tabla-body2"> <div>5 x 20</div><div>8 x 26</div> <div>8 x 20</div><div>6 x 30</div> <div>10 x 20</div><div>8 x 30</div> <div>12 x 20</div><div>10 x 30</div> <div>15 x 20</div><div>20 x 30</div> <div>5 x 26</div><div>20 x 35</div> <div>6 x 26</div><div>22 x 50</div> <div>7 x 26</div><div>35 x 50</div> <div> </div><div> </div> <div> </div><div> </div> <div> </div><div> </div> </div> </div> </div> </div> <div class="swiper-slide"> <div class="producto-card"> <div class="header"> <img src="{{ asset('img/productos/bolsa-sobre.png') }}" alt="Bolsa celofán" class="prod-img" style="border-radius: 0 !important;"> <h3 class="producto-nombre">BOLSA TIPO SOBRE<br>CON ADHESIVO</h3> </div> <div class="producto-tabla"> <div class="tabla-header">MEDIDAS DE LÍNEA</div> <div class="tabla-row2 tabla-head"> <div>MEDIDA</div><div>MEDIDA</div> </div> <div class="tabla-body2"> <div>5 x 10 +3</div><div>15 X 15 + 3</div> <div>7 x 10 +3</div><div>17 x 23 +3</div> <div>8 x 10 +3</div><div>12 X 18 +3</div> <div>10 x 12 +3</div><div>7 x 25 +3</div> <div>12 x 12 +3</div><div>8 X 25 + 3</div> <div>13 x 13 +3</div><div>10 X 30 +5</div> <div>10 x 15 +3</div><div> </div> <div>12 x 15 +3</div><div> </div> <div> </div><div> </div> <div> </div><div> </div> <div> </div><div> </div> </div> </div> </div> </div> </div> </div></section><section class="contacto-section" id="contacto"> <div class="contacto-container"> <!-- FORMULARIO --> <div class="formulario"> <h2 class="titulo">CONTACTO</h2> <p class="subtitulo">Envía tus comentarios y con gusto<br>nos pondremos en contacto</p> <form id="contactForm"> <input type="hidden" name="_token" value="{{ csrf_token }}"> <input type="text" name="nombre" placeholder="Nombre completo*" required> <input type="email" name="email" placeholder="Email*" required> <input type="text" name="phone" placeholder="Móvil*" required> <textarea name="comments" placeholder="Comentarios"></textarea> <div class="form-footer"> <p class="obligatorio">* Campos obligatorios</p> <button type="submit"> ENVIAR <img src="img/productos/arrow-img.svg" alt="Flecha" class="flecha-img"> </button> </div> </form> <div id="mensaje"></div> </div> <div class="info-contacto"> <div class="item"> <img src="{{ asset('img/productos/ubicacion-contact.svg') }}" alt="Ubicación"> <div> <strong>SUCURSAL</strong> <p>Ecatepec Estado de México, C.P. 55130</p> </div> </div> <div class="item"> <img src="{{ asset('img/productos/tel-contact.svg') }}" alt="Tel"> <div> <strong>TEL</strong> <a href="tel:5547984206">554798.4206</a> </div> </div> <div class="item"> <img src="{{ asset('img/productos/reloj-contact.svg') }}" alt="Horario"> <div> <strong>HORARIO DE ATENCIÓN</strong> <p>Lunes a Viernes 9:00 AM a 5:00 PM<br>Sábado 9:00 AM a 1:00 PM</p> </div> </div> <div class="social-icons"> <a href="mailto:violeta.matamoros@gmail.com" target="_blank"><img src="{{ asset('img/social/mail.svg') }}" alt="Email"></a> <a href="https://www.facebook.com/violeta.matamoroszuniga" target="_blank"><img src="{{ asset('img/social/facebook.svg') }}" alt="Facebook"></a> <a href="https://www.instagram.com/violetamatamoroszuniga/" target="_blank"><img src="{{ asset('img/social/instagram.svg') }}" alt="Instagram"></a> <a href="https://wa.me/525541776072?text=Me%20gustaría%20obtener%20más%20información" target="_blank" rel="noopener"> <img src="{{ asset('img/social/whatsapp.svg') }}" alt="WhatsApp"> </a> </div> <hr class="linea-separadora"> <div class="aviso"> <img src="{{ asset('img/social/privacidad.svg') }}" alt="Aviso"> <a href="{{ asset('avisodeprivacidad.pdf') }}" download="AvisoDePrivacidad.pdf">Aviso de privacidad</a> </div> </div> </div></section><footer class="footer"> <div class="footer-inner"> <div class="footer-left"> © Todos los derechos reservados EMPAQUES MATAMOROS </div> <div class="footer-center"> <a href="#"><img src="{{ asset('img/social/arrow-footer.svg') }}" alt="Subir" class="footer-arrow"></a> </div> <div class="footer-right"> <a href="https://www.zipvisual.com/es" target="_blank">Developed by<img src="{{ asset('img/social/zip-logo.svg') }}" alt="ZIP" class="footer-logo"></a> </div> </div></footer>{% endblock %}