<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package imensosoftware
 */

get_header();

while ( have_posts() ) : the_post();

    get_template_part( 'template-parts/services/services','banner'); 
    ?>
    <main class="lined">
    <?php   
        get_template_part( 'template-parts/services/services','overview');
        get_template_part( 'template-parts/services/services','technologies');
    ?>
    </main>
    <?php   
        get_template_part( 'template-parts/services/services','works');
        get_template_part( 'template-parts/services/services','process');
        get_template_part( 'template-parts/services/services','whyimenso');
        get_template_part( 'template-parts/services/services','industries');
    ?>

    <section id="models" class="t-burger">
        <div class="container">
            <?php   
            get_template_part( 'template-parts/services/services','engagementmodels');
            get_template_part( 'template-parts/services/services','reviews');
            ?>
        </div>
    </section>
    <?php 
    get_template_part( 'template-parts/common/section','estimation');

endwhile;
get_footer();
?>

<script>
  var swiper = new Swiper(".swiper-industries", {
      slidesPerView: 1,
      spaceBetween: 0,
      loop: true,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
      // Responsive breakpoints
      breakpoints: {
        567: {
          slidesPerView: 2,
        },
        768: {
          slidesPerView: 3,
        },
        1024: {
          slidesPerView: 4,
        },
      },

    });
</script>
<script type="text/javascript">
    const cursorBee = document.querySelector(".cursor-bee");
    const cursorEye = document.querySelector(".cursor-eye");
    let scale = 1;

    function mousemoveHandler(e) {
      const target = e.target;
      const tl = gsap.timeline({
        defaults: {
          x: e.clientX,
          y: e.clientY,
          ease: "power2.out"
        }
      });

      // JUST FOR MY LOGO
      if (
        target.closest(".page-footer") ||
        target.classList.contains("page-footer")
      ) {
        gsap.to(".cursor", {
          opacity: 0
        });
        return;
      }

      if (target.tagName.toLowerCase() === "img" && target.closest(".image-grid")) {
        tl.to(cursorBee, {
          opacity: 0
        }).to(
          cursorEye,
          {
            opacity: 1
          },
          "-=0.5"
        );
      } else {
        if (target.classList.contains("line-animation")) {
          scale = 4;
        } else {
          scale = 1;
        }

        tl.to(cursorBee, {
          opacity: 1,
          scale: scale
        }).to(
          cursorEye,
          {
            opacity: 0
          },
          "-=0.5"
        );
      }
    }

    function mouseleaveHandler() {
      gsap.to(cursorBee, {
        opacity: 0
      });
    }

    document.addEventListener("mousemove", mousemoveHandler);
    document.addEventListener("mouseleave", mouseleaveHandler);
</script>