<?php $get_lang = isset($wp_query->query_vars['prisna_translate_seo_request'])?urldecode($wp_query->query_vars['prisna_translate_seo_request']):''; ?>
<?php get_header();?>
<section class="web_main index_main">
  <!-- banner -->
  
  <div class="slider_banner">
    <div class="swiper-wrapper">
      <?php $images = get_get_field('ad_index_banner'); if( $images ): foreach( $images as $image ): ?>
      <div class="swiper-slide"> <a href="<?php echo $image['alt']; ?>"> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"/></a></div>
      <?php endforeach; endif; ?>
    </div>
    <div class="slider_swiper_control">
        <div class="swiper-button-prev swiper-button-white"><span class="slide-page-box"></span></div>
        <div class="swiper-button-next swiper-button-white"><span class="slide-page-box"></span></div>   
        <div class="swiper-pagination swiper-pagination-white"></div>
      </div>
  </div>
  <section class="index_promote">
      <div class="layout">
        <ul class="promote_items flex_row">
          <li class="promote_item wow fadeInA" data-wow-delay=".1s">
            <a class="item_inner" href="">
              <div class="item_img"><img src="template/img/demo/promote01.jpg" alt=""></div>
            </a>
          </li>
          <li class="promote_item promote_txt_item fadeInA" data-wow-delay=".2s">
            <a class="item_inner" href="">
              <div class="item_txt">
                <h3 class="item_tit">COMPERCIAL <br>PHOTOGRAPHY</h3>
                <p class="item_desc">donec euismod sed ac urna finbus, sit amet effictur erat tempus. Ut dapibus dictum turpis, vel faucibus erat posuere Vitae. sed elit eros.</p>
                <div class="item_more">FIND OUT MORE</div>
              </div>
              <div class="item_mask"></div>
            </a>
          </li>
          <li class="promote_item wow fadeInA" data-wow-delay=".3s">
            <a class="item_inner" href="">
              <div class="item_img"><img src="template/img/demo/promote02.jpg" alt=""></div>
            </a>
          </li>
          <li class="promote_item promote_txt_item wow fadeInA" data-wow-delay=".4s">
            <a class="item_inner" href="">
              <div class="item_txt">
                <h3 class="item_tit">STOCK <br>PHOTOGRAPHY</h3>
                <p class="item_desc">donec euismod sed ac urna finbus, sit amet effictur erat tempus. Ut dapibus dictum turpis, vel faucibus erat posuere Vitae. sed elit eros.</p>
                <div class="item_more">FIND OUT MORE</div>
              </div>
              <div class="item_mask"></div>
            </a>
          </li>
          <li class="promote_item wow fadeInA" data-wow-delay=".5s">
            <a class="item_inner" href="">
              <div class="item_img"><img src="template/img/demo/promote03.jpg" alt=""></div>
            </a>
          </li>
          <li class="promote_item promote_txt_item wow fadeInA" data-wow-delay=".6s">
            <a class="item_inner" href="">
              <div class="item_txt">
                <h3 class="item_tit">EDITORIAL <br>WORK</h3>
                <p class="item_desc">donec euismod sed ac urna finbus, sit amet effictur erat tempus. Ut dapibus dictum turpis, vel faucibus erat posuere Vitae. sed elit eros.</p>
                <div class="item_more">FIND OUT MORE</div>
              </div>
              <div class="item_mask"></div>
            </a>
          </li>
        </ul>
      </div>
    </section>
    <section class="index_company_intr">
      <div class="index_bd">
        <div class="layout flex_row">
          <div class="company_intr_cont wow fadeInLeftA" data-wow-delay=".1s">
            <header class="index_hd">
                <h2 class="hd_title">ABOUT US</h2>
            </header>
            <h3 class="company_intr_title">pursuit of quality best</h3>
            <div class="company_intr_desc"><?php get_the_field('about_text'); ?></div>
            <div class="learn_more">
              <a href="<?php echo home_url("/"); ?>about-us" class="sys_btn">View More</a>
            </div>
          </div>
          <div class="company_intr_img wow fadeInRightA" data-wow-delay=".1s">
            <div class="company_intr_img_slide">
          <ul class="swiper-wrapper">
            <?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
                      <li class="swiper-slide intr_img_item"><a href="<?php echo home_url("/"); ?>about-us/"><img width="520px;" src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" /></a></li>
                <?php endforeach; endif; ?>
            </ul>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    <section class="index_product">
      <div class="index_hd">
        <div class="layout">
          <h2 class="hd_title">PRODUCTS</h2>
          <p class="hd_desc">lorem ipsun dolor sit amet, consectetur adipiscing elit. pellentesque quis eros lobortis,<br>vestibulum turpis ac, pulvinar odio. praesent vulputate a elit ac molis. in sit amet ipsum turpis.</p>
        </div>
      </div>
      <div class="index_bd">
        <div class="layout">
          <ul class="product_items flex_row">
          <?php $args = array('showposts' => 12, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'Feature Products','compare' => 'LIKE')));

$the_query = new WP_Query( $args );$i=1; if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
            <li class="product_item wow fadeInA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>">
              <figure> 
                <span class="item_img">
                  <img src="<?php $images = get_field('product_gallery'); if( $images ): for($x=0;$x<1; $x++){ ?><?php echo $images[0]['sizes']['thumbnail']; ?><?php } endif; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"/><a href="<?php the_permalink() ?>"></a>
                  </span>
                  <figcaption>
                    <h3 class="item_title"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3>
                  <div class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_content)), 0, 50,"..."); ?></div>
                </figcaption>
              </figure>
            </li>
           <?php $i++; endwhile; endif;  wp_reset_query(); ?>  
          </ul>
          <div class="learn_more">
            <a href="" class="sys_btn">Show More</a>
          </div>
        </div>
      </div>      
    </section>
    <section class="company_subscribe wow fadeInUpA">
      <div class="layout">
        <div class="subscribe_cont">
          <h2 class="subscribe_title">WHY CHOOSE US</h2>
          <p class="subscribe_desc">Since its establishment, our factory has been developing first world class products with adhering the principle 
          <br>
  of quality first. Our products have gained excellent reputation in the industry and valuabletrusty among new and old customers..</p>
        </div>
        <div class="learn_more">
          <a href="javascript:" class="sys_btn sys_btn_white button"><i class="sys_btn_circle"></i>INQUIRY</a>
        </div>
      </div>
    </section>
</section>

<?php get_footer();?>