<section class="hero">
    <div class="container">
        <div class="hero__wrapper">
            <div class="hero__main">
                <h1 class="hero__title">
                  <?php the_field('заголовок_экран_1' ,  apply_filters( 'wpml_object_id', 233, 'page' ) );?>
                </h1>
                <p class="hero__text">
                     <?php the_field('подзаголовок_экран_1' ,  apply_filters( 'wpml_object_id', 233, 'page' ) );?>
                </p>
                <div class="hero__features">
                    <ul class="hero-list">



<?php if(get_field('преимущества_экран_1'  ,  apply_filters( 'wpml_object_id', 233, 'page' ) )): ?>
	
	<?php while(has_sub_field('преимущества_экран_1'  ,  apply_filters( 'wpml_object_id', 233, 'page' ))): ?>
<li class="hero-list__item"><?php the_sub_field('преимущество'  ,  apply_filters( 'wpml_object_id', 233, 'page' )); ?> </li>
	<?php endwhile; ?>
	
<?php endif; ?>

 </ul>
                    <ul class="hero-list">
                        
<?php if(get_field('преимущества_экран_1_copy'  ,  apply_filters( 'wpml_object_id', 233, 'page' ) )): ?>
	
	<?php while(has_sub_field('преимущества_экран_1_copy'  ,  apply_filters( 'wpml_object_id', 233, 'page' ))): ?>
<li class="hero-list__item"><?php the_sub_field('преимущество'  ,  apply_filters( 'wpml_object_id', 233, 'page' )); ?> </li>
	<?php endwhile; ?>
	
<?php endif; ?>
                    </ul>
                </div>
                <div class="hero__footer">
                    <a href="#" data-popup="form" class="hero__btn">  <?php the_field('request_a_quote' ,  apply_filters( 'wpml_object_id', 233, 'page' ) );?></a>
                    <div class="hero__footer-text">
                       <?php the_field('or_contact_us_on' ,   apply_filters( 'wpml_object_id', 233, 'page' ) );?>
                        <a href="  <?php the_field('ссылка_на_телеграм' ,  apply_filters( 'wpml_object_id', 233, 'page' ) );?>" class="hero__link">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M20.665 3.717L2.935 10.554C1.725 11.04 1.732 11.715 2.713 12.016L7.265 13.436L17.797 6.791C18.295 6.488 18.75 6.651 18.376 6.983L9.843 14.684H9.841L9.843 14.685L9.529 19.377C9.989 19.377 10.192 19.166 10.45 18.917L12.661 16.767L17.26 20.164C18.108 20.631 18.717 20.391 18.928 19.379L21.947 5.151C22.256 3.912 21.474 3.351 20.665 3.717Z"
                                    fill="white" />
                            </svg>
                             <?php the_field('telegram' ,   apply_filters( 'wpml_object_id', 233, 'page' ) );?>
                        </a>
                    </div>
                </div>
            </div>
			<div class="hero__img"><div class="hero__img22"><img fetchpriority="high" style="aspect-ratio: 320 / 283; width: 100%;" id="image-id" src="/wp-content/uploads/2023/06/poly-1.png" alt=""></div>
                <lottie-player src="<?php echo get_template_directory_uri(); ?>/robot_hello.json" background="transparent" speed="1"
                    style="width: 100%; height: 100%;" loop autoplay>
                </lottie-player>
            </div>
        </div>
    </div>
</section>