<?php
/**
 * template name: Work Template 2
 * Template Post Type: work
 * 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/work/work','banner');
        get_template_part( 'template-parts/work/work','project-brief');
        get_template_part( 'template-parts/work/work','solution');
        get_template_part( 'template-parts/work/work','tools-and-technology');
        get_template_part( 'template-parts/work/work','achieved');
        get_template_part( 'template-parts/common/section','work-quote-cta');
        get_template_part( 'template-parts/common/section','helpfooter');
        

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>