<section class="section hero">
            <div class="videobg">
                <video autoplay muted loop playsinline id="bg-video">
                  <source src="<?php echo TEMPLATE_DIR; ?>/video.mp4" type="video/mp4">
                  <!-- <source src="video.webm" type="video/webm"> -->
                  <!-- Фолбэк, если видео не поддерживается -->
                  <img src="<?php echo TEMPLATE_DIR; ?>/img/main/hero-bg.jpg" alt="Фон">
                </video>
            </div>
            <div id="particles-js"></div>
            <div class="container">
            <div class="hero-row">
                    <div class="hero-left">
                        <h1 class="hero-left__title" data-aos="fade-right" data-aos-duration="1200">
                        Largest Producer of Ethyl Acetate in the Russian Federation
                        </h1>
                        <a href="#getcall" class="hero-left__button glightbox4" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1200">
                            Make an order
                        </a>
                    </div>
                    <div class="hero-right">
                        <div class="hero-right__logo" data-aos="fade-left" data-aos-delay="400" data-aos-duration="1200">
                            <img src="<?php echo TEMPLATE_DIR; ?>/img/main/hero-logo.png" alt="">
                        </div>
                        <div class="hero-right__substances hero-substances">
                            <p class="hero-substances__count">
                                <span data-target-count="99">00</span>,<span data-target-count="99">00</span>%
                            </p>
                            <p class="hero-substances__text">
                                Content of main substance
                            </p>
                        </div>
                    </div>
                </div>


            </div>
        </section>
        <section class="section h-application">
            <div class="container">
                <div class="h-application-row">
                    <div class="application-top">
                        <h2 class="application-top__title">
                        A universal product for many industries
                        </h2>
                        <p class="application-top__text">
                        Ethyl acetate is a highly effective and environmentally friendly solvent, indispensable in modern industrial processes. Its volatility and excellent dissolving power make it a key component in the production of a wide range of products.                        </p>
                    </div>
                    <div class="application-content">
                        <div class="application-circle">
                            <div class="application-block application-block__1">
                                <div class="application-block__content">
                                    <h3>
                                    Leather production
                                    </h3>
                                </div>
                                <div class="application-block__img">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application01.png" alt="">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application01-full.png" alt="">
                                </div>
                            </div>
                            <div class="application-block application-block__2">
                                <div class="application-block__content">
                                    <h3>
                                    Chemical industry and adhesives
                                    </h3>
                                </div>
                                <div class="application-block__img">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application02.png" alt="">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application02-full.png" alt="">
                                </div>
                            </div>
                            <div class="application-block application-block__3">
                                <div class="application-block__content">
                                    <h3>
                                    Electronics industry
                                    </h3>
                                </div>
                                <div class="application-block__img">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application03.png" alt="">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application03-full.png" alt="">
                                </div>
                            </div>
                            <div class="application-block application-block__4">
                                <div class="application-block__content">
                                    <h3>
                                    Paint and varnish industry
                                    </h3>
                                </div>
                                <div class="application-block__img">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application04.png" alt="">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application04-full.png" alt="">
                                </div>
                            </div>
                            <div class="application-block application-block__5">
                                <div class="application-block__content">
                                    <h3>
                                    Printing and packaging
                                    </h3>
                                </div>
                                <div class="application-block__img">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application05.png" alt="">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application05-full.png" alt="">
                                </div>
                            </div>
                            <div class="application-block application-block__6">
                                <div class="application-block__content">
                                    <h3>
                                    Perfume and cosmetics industry
                                    </h3>
                                </div>
                                <div class="application-block__img">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application06.png" alt="">
                                    <img src="<?php echo TEMPLATE_DIR; ?>/img/main/application06-full.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section advantages">
            <div class="pic-bg kenburns-top"></div>
            <div class="container">
                <div class="advantages-row">
                    <div class="advantages-content" data-aos="fade-right" data-aos-duration="1200">
                        <h2 class="advantages__title">
                        Stable Quality – The Foundation of Our Leadership
                           
                        </h2>
                        <div class="advantages__text">
                            <p>
                            Etilacetat LLC is not only the largest producer in Russia but also a leader in the CIS. Our main asset is the consistently high quality of our products, resulting from the implementation of modern technology and state of the art equipment.
                            </p>
                            <p>
                            We produce ethyl acetate that surpasses the products of Chinese and Indian manufacturers in key parameters and meets the highest European quality standards. The purity of our product consistently reaches 99.99%, guaranteeing its efficiency and predictability in the most demanding applications. This advantage is confirmed by numerous testimonials from leading enterprises in Russia and neighboring countries, who have chosen us as their reliable partner.
                            </p>
                            <p>
                            Our own modern warehouse facilities, located in the strategically important region near Moscow and equipped with everything necessary for the proper storage of chemicals, allow us to guarantee uninterrupted supplies of any volume. You can be sure that every batch of ethyl acetate will be delivered on time, retaining all its specified properties.
                            </p>
                            <p>
                            By choosing Etilacetat LLC, you are choosing not just a product, but a reliable partnership based on technological superiority, proven quality, and absolute logistics reliability.                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section portrait">
            <div class="portrait__img factory-anim">
                
            </div>
        </section>
        <section class="section delivery">
            <div class="container">
                <div class="delivery-row">
                    <div class="delivery-left">
                        <h2 class="delivery-left__title" data-aos="fade-right" data-aos-duration="1200">
                        Reliable and Safe Logistics
                        </h2>
                        <p>We organize product delivery in any way convenient for you, strictly adhering to all norms and regulations for the transportation of dangerous goods.</p>
                        <div class="delivery-block">
                            <div class="delivery-block__number">
                                <span>1</span>
                            </div>
                            <div class="delivery-block__text">
                                <p>
                                Own Vehicle Fleet: We guarantee efficiency and adherence to deadlines for key clients.
                                </p>
                            </div>
                        </div>
                        <div class="delivery-block">
                            <div class="delivery-block__number">
                                <span>2</span>
                            </div>
                            <div class="delivery-block__text">
                                <p>
                                Road and Rail Transport: Delivery by tankers and in containers across Russia and CIS countries. We work with verified carriers.
                                                            </p>
                            </div>
                        </div>
                        <div class="delivery-block">
                            <div class="delivery-block__number">
                                <span>3</span>
                            </div>
                            <div class="delivery-block__text">
                                <p>
                                Self-Pickup: Option to collect the products from our warehouse by prior arrangement.                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="delivery-right">
                        <p class="delivery-right__count">
                            <span data-target-count="99">00</span>,<span data-target-count="99">00</span>%
                        </p>
                        <p class="delivery-right__text">
                        Content of main substance
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <section class="section production">
            <div class="container">
                <div class="production-row">
                    <h2 class="production__title">
                    Over 20 Product Items
                    </h2>
                    <div class="production-slider slider-container">
                        <div class="swiper-wrapper">
                        <?php
$args = array(
    'category__in' => array(2),
    // 'posts_per_page' => 3
);

$query = new WP_Query($args);

if ($query->have_posts()) {
    while ($query->have_posts()) {
        $query->the_post();
        if ( has_post_thumbnail() ) { 
            $url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'post');
            $thmb = $url[0];
              } else {
                $thmb = TEMPLATE_DIR . "/img/main/placeholder.webp";
          }
          $alt_tit = get_field('alt_tit');
          $alt_desc = get_field('alt_desc');
          $gost = get_field('gost');
          $params = get_field('params');
        ?>
                            <div class="swiper-slide">
                            <a href="<?php the_permalink(); ?>" class="production-block ">
        <div class="production-block__img">
            <img src=" <?php echo $thmb; ?>" alt="<?php the_title(); ?>">
        </div>
        <h3 class="production-block__title">
            <?php the_title(); ?>
            <!-- Этилацетат марка А <span>высший сорт</span> -->
        </h3>
        <p class="production-block__text">
            <?php echo $gost?>
        </p>
        <div class="production-block__parameters">
            <?php foreach ($params as $p) {?>
            <div class="production-block__parameters-item">
                <p>
                    <?php echo $p['par_name'];?>
                </p>
                <p>
                    <?php echo $p['par_value'];?>
                </p>
            </div>
            <?php } ?>
        </div>
        <div class="production-block__wrap">
            <h3 class="production-block__title">
                <?php the_title(); ?>
                <!-- Этилацетат марка <br> А <span>высший сорт</span> -->
            </h3>
            <div class="production-block__desc">
                <?php echo $alt_desc ? $alt_desc : ''; ?>
            </div>
        </div>
    </a>
                            </div>
                            <?php
    }
    wp_reset_postdata();
} else {
    echo 'Записи не найдены';
}
?>
                        </div>
                        <div class="production-pagination"></div>
                    </div>
                    <a href="<?php echo get_category_link(2);?>" class="production-button__all">
                        View catalog
                    </a>
                </div>
            </div>
        </section>
        <section class="section service">
            <div class="container">
                <div class="service-row">
                    <div class="service-top">
                        <h2 class="service-top__title" data-aos="fade-left" data-aos-duration="1200">
                        Direct Supplies from the Manufacturer – Your Key to Efficiency
                        </h2>
                        <p class="service-top__text">
                        As the largest manufacturer, we offer not only the best quality but also optimal cooperation terms. You benefit from competitive direct prices, a wide range of products available in stock, and flexible logistics tailored to your tasks. By cooperating with us, you choose stability, transparency, and long-term benefits for your business.
                        </p>
                    </div>
                    <div class="service-content">
                        <div class="service-block" data-aos="flip-left" data-aos-duration="1200">
                            <div class="service-block__icon">
                                <img src="<?php echo TEMPLATE_DIR; ?>/img/main/service01.png" alt="">
                            </div>
                            <p class="service-block__text">
                            Direct supplies from the factory – prices without intermediaries
                            </p>
                        </div>
                        <div class="service-block" data-aos="flip-left" data-aos-duration="1200" data-aos-delay="100">
                            <div class="service-block__icon">
                                <img src="<?php echo TEMPLATE_DIR; ?>/img/main/service02.png" alt="">
                            </div>
                            <p class="service-block__text">
                            Always in stock
                            </p>
                        </div>
                        <div class="service-block" data-aos="flip-left" data-aos-duration="1200" data-aos-delay="200">
                            <div class="service-block__icon">
                                <img src="<?php echo TEMPLATE_DIR; ?>/img/main/service03.png" alt="">
                            </div>
                            <p class="service-block__text">
                            Accurate and timely delivery across Russia and CIS countries
                            </p>
                        </div>
                        <div class="service-block" data-aos="flip-left" data-aos-duration="1200" data-aos-delay="300">
                            <div class="service-block__icon">
                                <img src="<?php echo TEMPLATE_DIR; ?>/img/main/service04.png" alt="">
                            </div>
                            <p class="service-block__text">
                            Benchmark product quality and consistency of every batch
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section supply">
        <div class="videobg">
                <video autoplay muted loop playsinline id="bg-video">
                  <source src="<?php echo TEMPLATE_DIR; ?>/world.mp4" type="video/mp4">
                  <source src="<?php echo TEMPLATE_DIR; ?>/world.webm" type="video/webm">
                  <!-- Фолбэк, если видео не поддерживается -->
                  <img src="<?php echo TEMPLATE_DIR; ?>/img/main/hero-bg.jpg" alt="Фон">
                </video>
            </div>
            <div class="container">
                <div class="supply-row">
                    <div class="supply-left">
                        <img src="<?php echo TEMPLATE_DIR; ?>/img/main/supply-earth.png" alt="" data-parallax-img style="opacity:0">
                    </div>
      
                    <div class="supply-right">
                        <h2 class="supply-right__title" data-aos="fade-left" data-aos-duration="1200">
                        We Supply Products to Over
                        </h2>
                        <div class="supply-right__block supply-block" data-aos="fade-left" data-aos-duration="1200" data-aos-delay="100">
                            <span class="supply-block__number">
                                62
                            </span>
                            <p class="supply-block__text">
                            Regions
                            </p>
                        </div>
                        <div class="supply-right__block supply-block" data-aos="fade-left" data-aos-duration="1200" data-aos-delay="200">
                            <span class="supply-block__number">
                                8
                            </span>
                            <p class="supply-block__text">
                            Countries
                            </p>
                        </div>
                        <p class="supply-right__text">
                        Our extensive supply geography is the best proof of the reliability and high quality of products from Etilaцетат. We are proud to contribute to the development of industry in every corner of our country and beyond its borders.                        </p>
                    </div>
                </div>
            </div>
        </section>