@extends('layouts.new.template')

@section('content')
    <!-- Start Main Slider -->
    <section class="main-slider style3">
        <div class="slider-box">
            <div class="banner-carousel owl-theme owl-carousel">
                <div class="slide">
                    <div class="image-layer" style="background-image:url(https://www.ecores.com.mx/images/hero_bg_3.jpg)">
                    </div>
                    <div class="auto-container">
                        <div class="content">
                            <div class="sub-title">
                                <div class="border-box-left"></div>
                                <h6>Recubrimientos ecológicos, SIN tóxicos,</h6>
                                <div class="border-box-right"></div>
                            </div>
                            <div class="big-title">
                                <h2>amigables para el ambiente,<br>precios para cualquier presupuesto.<br></h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Main Slider -->

    <!--Start Highlights Area-->
    <section class="highlights-area">
        <div class="container">
            <div class="highlights__content">
                <ul>
                    <li class="single-highlights-box">
                        <div class="inner">
                            <div class="icon">
                                <span class="flaticon-protection"></span>
                            </div>
                            <div class="text">
                                <h3>Ecológico</h3>
                                <p>Recubrimientos ecológicos</p>
                            </div>
                        </div>
                       
                    </li>
                    <li class="single-highlights-box">
                        <div class="inner">
                            <div class="icon">
                                <span class="flaticon-quality"></span>
                            </div>
                            <div class="text">
                                <h3>Productos</h3>
                                <p>100% Productos de Calidad</p>
                            </div>
                        </div>
                        
                    </li>
                    <li class="single-highlights-box">
                        <div class="inner">
                            <div class="icon">
                                <span class="flaticon-construction-and-tools"></span>
                            </div>
                            <div class="text">
                                <h3>Aplicación</h3>
                                <p>Fácil de Aplicar</p>
                            </div>
                        </div>
                        
                    </li>

                </ul>
            </div>
        </div>
    </section>
    <!--End Highlights Area-->


    <!--Start Service Style2 Area-->
    <section class="service-style2-area">
        <div class="container">
            <div class="sec-title center text-center">
                <div class="sub-title">
                    <h6><span class="border-left"></span> Nuestros Porudctos <span class="border-right"></span>
                    </h6>
                </div>
                <h2>Productos</h2>
            </div>
            <div class="row">

                <div class="col-xl-4 col-lg-4">
                    <div class="single-service-style2 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="img-holder">
                                <img src="https://www.ecores.com.mx/images/Cubeta-EcoresImper.png" alt="">
                            </div>
                            <div class="title-holder clearfix">
                                <div class="inner-text">
                                    <h3><a href="{{ route('product.details', 'Imper') }}">ECORES Imper</a></h3>
                                    <p>Impermeabilizante Acrílico Terracotta Base Agua.</p>
                                </div>
                                <div class="icon">
                                    <div class="pattern-bg"
                                        style="background-image: url(assets/images/pattern/thm-pattern-1.png);">
                                    </div>
                                    <div class="icon-service">

                                        <span>
                                            <i class="fa-solid fa-brush"></i>
                                        </span>
                                    </div>

                                    <div class="overlay">
                                        <a href="{{ route('product.details', 'Imper') }}">
                                            <i class="fa fa-angle-right" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-4">
                    <div class="single-service-style2 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="img-holder">
                                <img src="https://www.ecores.com.mx/images/Cubeta-EcoresDecor.png" alt="">
                            </div>
                            <div class="title-holder clearfix">
                                <div class="inner-text">
                                    <h3><a href="{{ route('product.details', 'Decor') }}">ECORES Decor</a></h3>
                                    <p>Pintura Acrílica Base Agua para Interiores y Exteriores.</p>
                                </div>
                                <div class="icon">
                                    <div class="pattern-bg"
                                        style="background-image: url(assets/images/pattern/thm-pattern-1.png);">
                                    </div>
                                    <div class="icon-service">

                                        <span>
                                            <i class="fa-solid fa-brush"></i>
                                        </span>
                                    </div>
                                    <div class="overlay">
                                        <a href="{{ route('product.details', 'Decor') }}"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-4">
                    <div class="single-service-style2 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="img-holder">
                                <img src="https://www.ecores.com.mx/images/Cubeta-EcoresMalt.png" alt="">
                            </div>
                            <div class="title-holder clearfix">
                                <div class="inner-text">
                                    <h3><a href="{{ route('product.details', 'Malt') }}">ECORES Malt</a></h3>
                                    <p>Esmalte Acrílico Base Agua para Interiores y Exteriores..</p>
                                </div>
                                <div class="icon">
                                    <div class="pattern-bg"
                                        style="background-image: url(assets/images/pattern/thm-pattern-1.png);">
                                    </div>
                                    <div class="icon-service">

                                        <span>
                                            <i class="fa-solid fa-brush"></i>
                                        </span>
                                    </div>
                                    <div class="overlay">
                                        <a href="{{ route('product.details', 'Malt') }}"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-4">
                    <div class="single-service-style2 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="img-holder">
                                <img src="https://www.ecores.com.mx/images/Galon-EcoresPlast.png" alt="">
                            </div>
                            <div class="title-holder clearfix">
                                <div class="inner-text">
                                    <h3><a href="{{ route('product.details', 'Plast') }}">ECORES Plast</a></h3>
                                    <p>Primario Sellador Acrílico Base Agua para Hoyos y Fisuras.</p>
                                </div>
                                <div class="icon">
                                    <div class="pattern-bg"
                                        style="background-image: url(assets/images/pattern/thm-pattern-1.png);">
                                    </div>
                                    <div class="icon-service">

                                        <span>
                                            <i class="fa-solid fa-brush"></i>
                                        </span>
                                    </div>
                                    <div class="overlay">
                                        <a href="{{ route('product.details', 'Plast') }}"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-4">
                    <div class="single-service-style2 wow fadeInUp" data-wow-delay="00ms" data-wow-duration="1500ms">
                        <div class="inner-box">
                            <div class="img-holder">
                                <img src="https://www.ecores.com.mx/images/Galon-EcoresColor.png" alt="">
                            </div>
                            <div class="title-holder clearfix">
                                <div class="inner-text">
                                    <h3><a href="{{ route('product.details', 'Color') }}">ECORES Color</a></h3>
                                    <p>Colorantes Acrílicos Base Agua para Igualaciones.</p>
                                </div>
                                <div class="icon">
                                    <div class="pattern-bg"
                                        style="background-image: url(assets/images/pattern/thm-pattern-1.png);">
                                    </div>
                                    <div class="icon-service">

                                        <span>
                                            <i class="fa-solid fa-brush"></i>
                                        </span>
                                    </div>
                                    <div class="overlay">
                                        <a href="{{ route('product.details', 'Color') }}"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>



            </div>
        </div>
    </section>
    <!--End Service Style2 Area-->


    <!--Start Choose Style2 Area-->
    <section class="choose-style2-area">
        <div class="choose-style2-area-bg"
            style="background-image: url(assets/images/parallax-background/choose-style2-area-bg.jpg);"></div>
        <div class="container">
            <div class="sec-title">
                <div class="sub-title">
                    <h6><span class="border-left"></span>¿Por qué ECORES?</h6>
                </div>
                <h2>Razones para elegirnos</h2>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="owl-carousel owl-theme choose-carousel owl-nav-style-one">
                        <div class="single-choose-box">
                            <div class="inner">
                                <div class="icon"><span class="flaticon-protection"></span></div>
                                <div class="counting-box">01</div>
                                <div class="text">
                                    <h3>Compromiso Ambiental</h3>
                                    <p>En ECORES, estamos comprometidos con la protección del medio ambiente. Nuestros
                                        productos están formulados con materiales ecológicos y sostenibles, lo que garantiza
                                        que nuestras operaciones tengan un impacto mínimo en el entorno.</p>
                                </div>
                            </div>
                        </div>

                        <div class="single-choose-box">
                            <div class="inner">
                                <div class="icon"><span class="flaticon-quality"></span></div>
                                <div class="counting-box">02</div>
                                <div class="text">
                                    <h3>Calidad Superior</h3>
                                    <p>En ECORES, nos esforzamos por ofrecer productos de la más alta calidad. Nuestros
                                        procesos de fabricación están respaldados por rigurosos controles de calidad para
                                        garantizar la satisfacción de nuestros clientes y la durabilidad de nuestros
                                        productos.</p>
                                </div>
                            </div>
                        </div>

                        <div class="single-choose-box">
                            <div class="inner">
                                <div class="icon"><span class="flaticon-protection"></span></div>
                                <div class="counting-box">03</div>
                                <div class="text">
                                    <h3>Soporte Profesional</h3>
                                    <p>En ECORES, valoramos la satisfacción del cliente. Nuestro equipo de atención al
                                        cliente está disponible para proporcionar asistencia profesional y responder a todas
                                        tus preguntas y preocupaciones. Estamos aquí para ayudarte en cada paso del camino.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Choose Style2 Area-->


    <!--Start Faq Style1 Area-->
    <section class="faq-style1-area">
        <div class="faq-style1-bg" style="background-image: url(assets/images/resources/faq-style1-bg.jpg);">
        </div>
        <div class="container">
            <div class="row">


                <div class="col-xl-12 col-lg-12 text-right-rtl">
                    <div class="faq-style1-content">
                        <div class="sec-title">
                            <div class="sub-title">
                                <h6><span class="border-left"></span> Preguntas Frecuentes</h6>
                            </div>
                        </div>
                        <ul class="accordion-box">
                            <li class="accordion block active-block">
                                <div class="acc-btn active">
                                    <div class="icon-outer"><i class="flaticon-down-arrow-2"></i></div>
                                    <h3><span>1.</span> ¿Qué hace que los productos de ECORES sean ecológicos?</h3>
                                </div>
                                <div class="acc-content current">
                                    <p>Los productos de ECORES son ecológicos porque están formulados con materiales sostenibles y respetuosos con el medio ambiente. Utilizamos resinas 100% acrílicas, libres de componentes tóxicos como el estireno y el vinilo, lo que reduce el impacto ambiental y garantiza un producto seguro para su uso en diferentes entornos.</p>
                                </div>
                            </li>
                            <li class="accordion block">
                                <div class="acc-btn">
                                    <div class="icon-outer"><i class="flaticon-down-arrow-2"></i></div>
                                    <h3><span>2.</span> ¿Cuál es la durabilidad de los productos de ECORES?</h3>
                                </div>
                                <div class="acc-content">
                                    <p>La durabilidad de nuestros productos es alta, con una vida útil de hasta 5 años en condiciones normales de uso y mantenimiento adecuado. La resistencia a los rayos UV del sol y a la intemperie asegura que nuestros recubrimientos mantengan su integridad y apariencia durante más tiempo, proporcionando una protección efectiva contra la humedad y las filtraciones.</p>
                                </div>
                            </li>
                            <li class="accordion block">
                                <div class="acc-btn">
                                    <div class="icon-outer"><i class="flaticon-down-arrow-2"></i></div>
                                    <h3><span>3.</span> ¿Cómo se aplica el impermeabilizante ECORES?</h3>
                                </div>
                                <div class="acc-content">
                                    <p>La aplicación del impermeabilizante ECORES es sencilla y puede realizarse con rodillo, brocha o equipo de pulverización sin aire. Antes de aplicar, asegúrese de preparar adecuadamente la superficie, limpiándola y eliminando cualquier residuo o material suelto. Siga las instrucciones del producto para obtener los mejores resultados.</p>
                                </div>
                            </li>
                            <li class="accordion block">
                                <div class="acc-btn">
                                    <div class="icon-outer"><i class="flaticon-down-arrow-2"></i></div>
                                    <h3><span>4.</span> ¿ECORES ofrece garantía en sus productos?</h3>
                                </div>
                                <div class="acc-content">
                                    <p>Sí, ECORES ofrece garantía contra defectos de fabricación en todos sus productos. La duración de la garantía varía según el producto, pero en general, ofrecemos una garantía de hasta 5 años. Si experimenta algún problema con nuestros productos, no dude en ponerse en contacto con nuestro equipo de atención al cliente para obtener asistencia.</p>
                                </div>
                            </li>
                            <li class="accordion block">
                                <div class="acc-btn">
                                    <div class="icon-outer"><i class="flaticon-down-arrow-2"></i></div>
                                    <h3><span>5.</span> ¿Cómo puedo saber cuál es el producto adecuado para mi proyecto?</h3>
                                </div>
                                <div class="acc-content">
                                    <p>Nuestro equipo de expertos está disponible para ayudarlo a seleccionar el producto adecuado para su proyecto. Puede ponerse en contacto con nosotros a través de nuestro formulario de contacto en línea o por teléfono para obtener asesoramiento personalizado. También puede consultar nuestras guías de productos y fichas técnicas para obtener más información sobre cada producto y sus aplicaciones recomendadas.</p>
                                </div>
                            </li>


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

            </div>
        </div>
    </section>
    <!--End Faq Style1 Area-->

@endsection