choozmo
/
AI_Video_LP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">

  {{ partial "head.html" . }}
  <!-- Start of HubSpot Embed Code -->
  <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/9082955.js"></script>
  <!-- End of HubSpot Embed Code -->
  <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'AW-474336061');
  </script>
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-MTWWP3G');</script>
  <!-- End Google Tag Manager -->
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G"
      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="all" style="overflow-x:hidden;">

        {{ partial "nav.html" . }}

        {{ partial "LP_components/hero.html" . }}

       {{ partial "LP_components/use_cases.html" . }}

       {{ partial "LP_components/steps.html" . }}

       {{ partial "LP_components/features.html" . }}

       {{ partial "LP_components/blogs_tab.html" . }}

       {{ partial "LP_components/action.html" . }}

       {{ partial "LP_components/Footer.html" . }}

       {{ partial "LP_components/news.html" . }}

    </div>
    <!-- /#all -->

    {{ partial "scripts.html" . }}
    <script>
      function tabLP () {
            console.log('pass');
            if(('.m-tabs').length){
                  // Show the first tab by default
              $('.blog-tabs-stage>div').hide();
              $('.blog-tabs-stage>div:first').show();
              $('.blog-tabs-nav li:first').addClass('blog-tab-active');

              // Change tab class and display content
              $('.blog-tabs-nav a').on('click', function(event){
                  event.preventDefault();
                  $('.blog-tabs-nav li').removeClass('blog-tab-active');
                  $(this).parent().addClass('blog-tab-active');
                  $('.blog-tabs-stage>div').hide();
                  $($(this).attr('href')).show();
              });
            }
        }
        tabLP();

        function debounce(func, wait = 20, immediate = true) {
          var timeout;
          return function() {
            var context = this, args = arguments;
            var later = function() {
              timeout = null;
              if (!immediate) func.apply(context, args);
            };
            var callNow = immediate && !timeout;
            clearTimeout(timeout);
            timeout = setTimeout(later, wait);
            if (callNow) func.apply(context, args);
          };
      };
      const featuresBlock = document.querySelectorAll('.features-block');
      const featuresRow = document.querySelectorAll('.sec-features .row');
      function checkSlide() {
        console.log('pass');
        featuresRow.forEach((block, i) => {
        // half way through the image
        const slideInAt = (window.scrollY + window.innerHeight) - block.offsetHeight / 2;
        console.log(slideInAt);
        console.log(block.offsetTop);
        // bottom of the image
        const isHalfShown = slideInAt > block.offsetTop;
        if (isHalfShown) {
          console.log('active');
          featuresBlock[i].classList.add('active');
        }
      });
      }
      window.addEventListener('scroll', debounce(checkSlide));

      $('.navbar-nav .dropdown:nth-of-type(2)').click(function() {
        $('html, body').animate({
            scrollTop: $("#sec-features").offset().top
        }, 1000);
      })
    </script>

  </body>
</html>