choozmo
/
AI_Video_LP


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

  <head>
    <meta charset="utf-8">
    <meta name="robots" content="all,follow">
    <meta name="googlebot" content="index,follow,snippet,archive">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {{ $title_plain := .Title | markdownify | plainify }}
    <title>{{ $title_plain }}</title>
    <meta name="author" content="{{ .Param "author" }}" />
    {{ $keywords := .Site.Params.defaultKeywords | default (slice "" | first 0) }}
    {{ if isset .Params "tags" }}{{ range .Params.tags }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
    {{ if isset .Params "keywords" }}{{ range .Params.keywords }}{{ $keywords = $keywords | append . }}{{ end }}{{ end }}
    {{ if gt (len $keywords) 0 }}
    <meta name="keywords" content="{{ delimit (uniq $keywords) ", " }}">
    {{ end }}
    {{ $description_plain := default .Site.Params.defaultDescription .Description | markdownify | plainify }}
    <meta name="description" content="{{ $description_plain }}">
  
    {{ hugo.Generator }}
  
    <!-- Font -->
    <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
  
    <!-- Bootstrap and Font Awesome CSS -->
    <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
    <!-- CSS animations  -->
    <link href="{{ "css/animate.css" | relURL}}" rel="stylesheet">
  
    <!-- Theme stylesheet, if possible do not edit this stylesheet -->
    {{ with .Site.Params.style }}
      <link href="{{ "css/style" | relURL}}.{{ . }}.css" rel="stylesheet" id="theme-stylesheet">
    {{ else }}
      <link href="{{ "css/style.default.css" | relURL}}" rel="stylesheet" id="theme-stylesheet">
    {{ end }}
  
    <!-- Custom stylesheet - for your changes -->
    <link href="{{ "css/custom.css" | relURL}}" rel="stylesheet">
    <link href="{{ "css/customnft.css" | relURL}}" rel="stylesheet">
  
    <!-- Responsivity for older IE -->
    {{ `
      <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
    ` | safeHTML }}
  
  
    <!-- Favicon and Apple touch icons-->
    <link rel="shortcut icon" href="{{ "img/favicon.ico" | relURL }}" type="image/x-icon" />
    <link rel="apple-touch-icon" href="{{ "img/apple-touch-icon.png" | relURL }}" />
  
    <!-- owl carousel CSS -->
    <link href="{{ "css/owl.carousel.css" | relURL}}" rel="stylesheet">
    <link href="{{ "css/owl.theme.css" | relURL}}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  
    <!-- RSS feed -->
    <link rel="alternate" href="{{ "/index.xml" | absURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
  
    <!-- Facebook OpenGraph tags -->
    {{ $is_blog := and (eq .Type "blog") (eq .Kind "page") }}
    {{ $has_image :=  isset .Params "banner" }}
    {{ $image := cond $has_image .Params.banner (.Site.Params.default_sharing_image | default "img/sharing-default.png") }}
    {{ $is_valid_image := print "static/" $image | fileExists }}
    {{ if $is_valid_image }}
    {{ $image_ext := path.Ext $image }}
    <meta property="og:locale" content="{{ replace .Site.LanguageCode "-" "_" }}">
    <meta property="og:site_name" content="{{ .Site.Title }}">
    <meta property="og:title" content="{{ $title_plain }}">
    <meta property="og:type" content="{{ cond $is_blog "article" "website" }}">
    <meta property="og:url" content="{{ .Permalink }}" />
    <meta property="og:description" content="{{ $description_plain }}">
    <meta property="og:image" content="{{ $image | absURL }}">
    <meta property="og:image:type" content="image/{{ if eq $image_ext ".svg" }}svg+xml{{ else }}{{ trim $image_ext "." }}{{ end }}">
    {{ with .Params.banner_alt }}<meta property="og:image:alt" content="{{ . | markdownify | plainify }}">{{ end }}
    {{ $image_local :=  printf "/static/%s" $image}}
    {{ with (imageConfig $image_local) }}
      <meta property="og:image:width" content="{{ .Width }}">
      <meta property="og:image:height" content="{{ .Height }}">
    {{ end }}
    {{ end }}
    {{ with .Lastmod }}<meta property="og:updated_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
    {{ if $is_blog }}
      {{ with .Param "facebook_site" }}<meta property="article:publisher" content="https://www.facebook.com/{{ . }}/">{{ end }}
      {{ with .Param "facebook_author" }}<meta property="article:author" content="https://www.facebook.com/{{ . }}/">{{ end }}
      {{ with .Params.categories }}<meta property="article:section" content="{{ index . 0 }}">{{ end }}
      {{ range .Params.tags }}<meta property="article:tag" content="{{ . }}">
      {{ end }}
      {{ if gt .ExpiryDate .PublishDate }}<meta property="article:expiration_time" content="{{ .ExpiryDate.Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
      {{ with .PublishDate }}<meta property="article:published_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
      {{ with .Lastmod }}<meta property="article:modified_time" content="{{ .Format "2006-01-02T15:04:05Z0700" }}">{{ end }}
    {{ end }}
  
    <!-- Twitter Card meta tags -->
    <meta name="twitter:card" content="summary{{ if (and $is_blog (and $has_image $is_valid_image)) }}_large_image{{ end }}">
    {{ with .Param "twitter_site" }}<meta name="twitter:site" content="@{{ . }}">{{ end }}
    <meta name="twitter:title" content="{{ $title_plain | truncate 70 }}">
    {{ if $is_valid_image }}
    <meta name="twitter:image" content="{{ $image | absURL }}">
    {{ end }}
    <meta name="twitter:description" content="{{ $description_plain | truncate 200 }}">
    {{ with .Param "twitter_author" }}<meta name="twitter:creator" content="@{{ . }}">{{ end }}
    
    <meta name="facebook-domain-verification" content="3xipgs46lfxeohb6sq2xw3ulmq94ew" />
    <!-- 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 -->

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9JHSFXZ4TT"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-9JHSFXZ4TT');
    </script>

    <!-- Event snippet for ChoozMo video marking conversion page -->
    <script>
      gtag('event', 'conversion', {'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB'});
    </script>
    
  </head>
  

  <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 type="application/javascript">
      var doNotTrack = false;
      if (!doNotTrack) {
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-153100602-5', 'auto');
        
        ga('send', 'pageview');
      }
      </script>
    <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>