var Webflow = Webflow || [];
Webflow.push(function () {
 // const DATA_URL = `https://ko2rgptkm7.execute-api.eu-west-1.amazonaws.com/prod/myprofileportal/api/Casco/GetPolicyInfo`;
  const DATA_URL = `https://myprofile-api-prod.remoteapi.ge/myprofileportal/api/Casco/GetPolicyInfo`;
  /* const isTablet = window.innerWidth < 992;*/
  /*if (isTablet) initPayLimit();*/
  const isProduction = true;
  const SMS_URL_TEST = 'https://myprofile-api-test.remoteapi.ge/myprofileportal/api/cascoOffers/SendSMSEmail';
  const SMS_URL_PROD = 'https://myprofile-api-prod.remoteapi.ge/myprofileportal/api/cascoOffers/SendSMSEmail';
  const SMS_URL = isProduction ? SMS_URL_PROD : SMS_URL_TEST;
  const isDesktop = window.innerWidth >= 992;
  const isMobile = 768 > window.innerWidth;
  initPayLimit();
  initMenu();

  var urlParams = new URLSearchParams(window.location.search);
  let policyId = urlParams.has("pid") ? urlParams.get("pid") : "";
  let contrahentId = urlParams.has("cid") ? urlParams.get("cid") : "";
  
  const REQ_PARAMS = {
    'SecretUserName': 'landingInfo',
    'SecretPassword': '!DH2Zfdje^-$Ka2>VZV9',
    'Requester': 'MyProfilePortal',
    'UserId': null,
    'SessionID': '559e670a22874755b351a465dccf4134',
    // 'PolicyId': 416732,
    // 'ContrahentID': 468872,
    'PolicyId': policyId,
    'ContrahentID': contrahentId,
};
  // regular: https://tbc-insurance.webflow.io/?pid=416732&cid=468872
  // drivers: https://tbc-insurance.webflow.io/?pid=420743&cid=471083
  loadData(policyId, contrahentId);
  // $('.s-loading').addClass('is--done');

  // ---------------------------------------------------------------------------------------------------------------------------------------

  async function loadData(policyId, contrahentId) {
    const resp = await fetch(DATA_URL, {
      method: "POST",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json",
      },
      body: JSON.stringify(REQ_PARAMS),
      // body: JSON.stringify({
      //   SecretUserName: "landingInfo",
      //   SecretPassword: "!DH2Zfdje^-$Ka2>VZV9",
      //   Requester: "MyProfilePortal",
      //   UserId: null,
      //   SessionID: "559e670a22874755b351a465dccf4134",
      //   // 'PolicyId': 416732,
      //   // 'ContrahentID': 468872,
      //   PolicyId: policyId,
      //   ContrahentID: contrahentId,
      // }),
    });

    const data = await resp.json();

    console.log("DATA: ", data);

    if (data.isSuccess && data.policyInfo !== null) {
      processData(data.policyInfo, data);
    } else {
      showNotFound();

    //  console.log(data.description);

    if (data.description == "Offer not Found") {
      //  console.log(data.description);
        $('#status1').show();
        $('#status2').hide();
       } else if (data.description == "Offer Is Expired") {
    //    console.log(data.description);
        $('#status1').hide();
        $('#status2').show();
    }; 
    }

    setTimeout(() => {
      $(".s-loading").addClass("is--done");
    }, 300);
  }

  function processData(data, fullData) {

    $("[contrahentFirstName]").text(data["contrahentFirstName"]);

    $("[policyInformationUrl]").attr("href", data["policyInformationUrl"]);
    $("[policyInformationUrl]").attr("target", "_blank");

    $("[policyWordingUrl]").attr("href", data["policyWordingUrl"]);
    $("[policyWordingUrl]").attr("target", "_blank");
   
            if (data['firstPayment'] === true) {
               // console.log(true);
                $(".pay-limit-cta").attr('disabled','disabled');
                $(".pay-limit-cta").addClass('is--disabled');
                
             };
  

    const mp = data["motorPolicy"];

    $("[makeName]").text(mp["makeName"]);
    $("[modelName]").text(mp["modelName"]);
    $("[vehicleYear]").text(`${mp["vehicleYear"]}წ`);

    if (data['tegetaAddOn'] === true) {
       // console.log(true);
        $(".s-drv-group-f").show();
       
     } else if (data['tegetaAddOn'] === false) {
       // console.log(false);
       $(".s-drv-group-f").hide();
       
     };

      if (data['avtosaloniGepi'] === true) {
      // console.log(true);
       $(".s-drv-group-avtosaloni").show();
      
    } else if (data['avtosaloniGepi'] === false) {
      // console.log(false);
      $(".s-drv-group-avtosaloni").hide();
      
    };

    if (data['changeBenefit'] === true) {
      // console.log(true);
       $(".s-drv-group-benefit").show();
      
    } else if (data['changeBenefit'] === false) {
      // console.log(false);
      $(".s-drv-group-benefit").hide();
      
    };


    if (
      mp["cascoSumInsured"] > 0 &&
      mp["mtplSumInsured"] > 0 &&
      mp["mpaSumInsured"] > 0
    ) {
      // console.log('show')
      $(".violet-card1.new").hide();
      $("#casco-card").show();
      $("#mptl-card").show();
      $("#mpa-card").show();
    } else if (
      mp["cascoSumInsured"] > 0 &&
      mp["mtplSumInsured"] > 0 &&
      mp["mpaSumInsured"] == 0
    ) {
      $(".violet-card1.new").hide();
      $("#casco-card").show();
      $("#mptl-card").show();
      $("#mpa-card").hide();
      // console.log('hide')
    } else if (
      mp["cascoSumInsured"] > 0 &&
      mp["mtplSumInsured"] == 0 &&
      mp["mpaSumInsured"] > 0
    ) {
      $(".violet-card1.new").hide();
      $("#casco-card").show();
      $("#mptl-card").hide();
      $("#mpa-card").show();
      // console.log('hide')
    } else if (
      mp["cascoSumInsured"] > 0 &&
      mp["mtplSumInsured"] == 0 &&
      mp["mpaSumInsured"] == 0
    ) {
      $(".violet-card1.new").css("display", "flex");
      $("#old").css("display", "none");
      //console.log('old-hide')
    }

    // ---------------------------

    const CURRENCY =
      data["premiumCurrency"] == "USD"
        ? "$"
        : data["premiumCurrency"] == "EUR"
        ? "€"
        : data["premiumCurrency"] == "GEL"
        ? "₾"
        : "";

    let cascoSumInsured = mp["cascoSumInsured"];
    let mtplSumInsured = mp["mtplSumInsured"];
    let mpaSumInsured = mp["mpaSumInsured"];

    let sumsNum = 0;

    if (cascoSumInsured <= 0) $("[cascoSumInsured]").hide();
    else {
      cascoSumInsured = new Intl.NumberFormat("fr-FR").format(cascoSumInsured);
      $("[cascoSumInsured] [sumInsured]").text(
        `${cascoSumInsured} ${CURRENCY}`
      );
      sumsNum++;
    }

    if (mtplSumInsured <= 0) $("[mtplSumInsured]").hide();
    else {
      mtplSumInsured = new Intl.NumberFormat("fr-FR").format(mtplSumInsured);
      $("[mtplSumInsured] [sumInsured]").text(`${mtplSumInsured} ${CURRENCY}`);
      sumsNum++;
    }

    if (mpaSumInsured <= 0) $("[mpaSumInsured]").hide();
    else {
      mpaSumInsured = new Intl.NumberFormat("fr-FR").format(mpaSumInsured);
      $("[mpaSumInsured] [sumInsured]").text(`${mpaSumInsured} ${CURRENCY}`);
      sumsNum++;
    }

    const classFix = sumsNum == 3 ? "col-3" : sumsNum == 2 ? "col-2" : "";
    $(".violet-cards").addClass(classFix);

    // ---------------------------

    const policyCta = $(".c-policy-popup__cta");
    
    $("[policyNumberLinkAccepted]").on("click", async (e) => {

      let loading = true;
      if (loading) {
        $(".s-pre-loading").css("display", "flex");
        $("body").css("overflow", "hidden");

      } 
      
      if (fullData.description == "Ok" && fullData.status == 0) {
       // console.log("loading");
        
        
      
       //window.open(`https://on.tbcinsurance.ge/pay?policy=${data["policyNumber"]}`, '_blank' );
      
       
       // e.preventDefault();
        try {
          const resp = await fetch(SMS_URL, {
            method: 'POST',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(REQ_PARAMS),
           
        });
        
        const repsData = await resp.json();
       // console.log('>> ', repsData);

        if (repsData.description == 'Ok' && repsData.status == 0) {

          loading = false;
        // window.open(`https://on.tbcinsurance.ge/pay?policy=${data["policyNumber"]}` );
     
         $(location).attr( "href", `https://on.tbcinsurance.ge/pay?policy=${data["policyNumber"]}`);

         setTimeout(function(){
          console.log('setTimeout');
          $(".s-pre-loading").css("display", "none");
           }, 3000);
         
          
        } else {
          $(".s-pre-loading").css("display", "none");
          $(".s-error-not-found").css("display", "flex");
         $("body").css("overflow", "hidden");
         // console.error(e);
        }
      //  console.log('>> ', repsData);

      } catch (e) {
        $(".s-pre-loading").css("display", "none");
        $(".s-error-not-found").css("display", "flex");
        $("body").css("overflow", "hidden");
         // console.error(e);
      } 
        
      } 
    });
    //----------------------------------------------------------------
    //$('[policyNumberLinkAccepted]').attr('href', `https://on.tbcinsurance.ge/pay?policy=${data['policyNumber']}`);
   // $("[policyNumberLinkAccepted]").attr("target", `_blank`);

    $(".c-policy-popup [policyWordingUrl]").text(
      `დაზღვევის პირობებს #${data["wording"]}`
    );
//--------------------------------------------------------
    $("[policyNumberLink]").on("click", () => {

      if (
        data["firstPayment"] === false &&
        data["purchaselandingsmsissent"] === true
      ) {
        //console.log(false);
        //window.open(`https://on.tbcinsurance.ge/pay?policy=${data["policyNumber"]}` );
        $("[policyNumberLink]").attr("href", `https://on.tbcinsurance.ge/pay?policy=${data["policyNumber"]}`);
        $("[policyNumberLink]").attr("target", `_blank`);
       // $(location).attr( "href", `https://on.tbcinsurance.ge/pay?policy=${data["policyNumber"]}`);
      } else {
        showAcceptPopup(true);
      }
    //showAcceptPopup(true);
    });
    //--------------------------------------------------------------------
    $(".c-policy-popup__close, .c-popups-holder__bg").on("click", () => {
      showAcceptPopup(false);
    });
    $(".c-policy-popup__chb").on("change", () => {
      policyCta.toggleClass("is--disabled");
    });
    policyCta.addClass("is--disabled");

    function showAcceptPopup(st) {
      if (st) $(".c-popups-holder").addClass("is--active");
      else $(".c-popups-holder").removeClass("is--active");
    }

    // ---------------------------

    $("[instalmentName]").text(data["instalmentName"]);
    const instalmentNumber = data["premium"] / data["instalmentNumber"];
    $("[instalmentNumber]").text(
      new Intl.NumberFormat("fr-FR").format(instalmentNumber.toFixed(2)) +
        " " +
        CURRENCY
    );

    // ---------------------------

    let driverTypeText;
    const driverSubType = data["driverSubType"].replace("From", "");

    if (data["eligibleDriverType"] == "Any") {
      // driverTypeText = 'უფლებამოსილი მძღოლი საჭიროა:';
      $("[driverSubType]").text(driverSubType);

      $("[hideOnDriverAny]").hide();

      $(".auth-drivers__any").show();
      $(".auth-drivers__named").hide();
      // -----------------------------------------
      //$('.violet-card.new').css("display", "none");
    } else {
      driverTypeText = `უფლებამოსილ მძღოლებად შენ შეარჩიე პირები ${driverSubType} წლიდან`;
      $("[eligibleDriverTypeText]").text(driverTypeText);

      const drivers = data["driver"];
      if (drivers && drivers.length > 0) {
        let str = "";
        const len = drivers.length;

        const dateNow = new Date();

        drivers.forEach((driver, i) => {
          const name = `${driver.firstName} ${driver.lastName}`;
          const date = new Date(driver.dateOfBirth);
        //   const age = Math.floor(
        //     (dateNow - date) / (1000 * 60 * 60 * 24 * 364)
        //   );
          const age = new Date(dateNow - date).getFullYear() - 1970;
         // console.log(age);

          str += `
                        <div class="auth-drv-slide w-slide" aria-label="${
                          i + 1
                        } of ${len}" role="group" style="transform: translateX(0px); opacity: 1;">
                            <div class="auth-drv-slide__wrap">
                                <div class="auth-drv-slide__box">
                                    <div class="auth-drv-slide__fb-top">
                                        <div class="auth-drv-slide__fb-title">${name}</div>
                                    </div>
                                    <div class="auth-drv-slide__fb-bottom">
                                        <div class="auth-drv-slide__fb-text"><span class="auth-drv-slide__fb-age">${age}</span> &nbsp;წლის</div>
                                    </div>
                                </div>
                            </div>
                        </div>                        
                    `;
        });

        str += `<div aria-live="polite" aria-atomic="true" class="w-slider-aria-label" data-wf-ignore="">Slide 1 of ${len}.</div>`;
        //----------------------Slick slider---------
        $(".auth-drv-slider__mask").empty();
        $(".auth-drv-slider__mask").append(str);

        if (!isMobile) {
          $(".auth-drv-slider__mask")
            .slick({
              // dots: true,
              infinite: false,
              speed: 300,
              slidesToShow: 2,
              slidesToScroll: 2,
              // centerMode: true,
              // variableWidth: true,
              prevArrow: $(".auth-drv-slider").find(".slider-1__btn")[0],
              nextArrow: $(".auth-drv-slider").find(".slider-1__btn")[1],
            })
            .on("setPosition", function (event, slick) {
              slick.$slides.css("height", slick.$slideTrack.height() + "px");
            });

          if (len <= 2) {
            $(".auth-drv-slider .slider-1__btn").hide();
          }
        }

        // ---------------------------------------
        //  $('.violet-card1.new').css("display", "flex");
        //  $('.violet-card').css("display", "none");
        // $('.sld-discount__slide').remove();
        //$('.auth-drv-slide').remove();
        // $('.auth-drv-slider__mask').empty();
        //  $('.auth-drv-slider__mask').append(str);

        // $('.auth-drv-slide').fadeIn();
        // console.log(1);
        //  Webflow.require('slider').redraw();
        //  console.log(1);
      } else {
        $(".auth-drv-slider").hide();
        $(".swiper2").hide();

        // ---------------------------------
        //   $('.violet-card1.new').css("display", "none");
        //$('.violet-card.new')css("display", "none");
      }

      $(".auth-drivers__any").hide();
      $(".auth-drivers__named").show();
      // ---------------------------------------
      //$('.violet-card.new').css("display", "flex");
      //$('.violet-card').css("display", "none");
    }

    // ---------------------------
    const deductibleId = data["deductibleId"];
    let deductibleId_1,
      deductibleId_2,
      deductibleTitleId_1,
      deductibleTitleId_2;

    $("[franchiseAddPlate]").hide();

    switch (deductibleId) {
      case 56:
        deductibleTitleId_1 = "ფრანშიზა ნაწილობრივი დაზიანებისას:";
        deductibleId_1 = "ნულოვანი";
        deductibleTitleId_2 = "სრული განადგურებისას:";
        deductibleId_2 = "ნულოვანი";
        $("#id-zero").css("display", "none");
        $("#id-first").css("display", "none");
        $("#id-second").css("display", "flex");
        break;
      case 105:
        deductibleTitleId_1 = "ფრანშიზა სრული და ნაწილობრივი დაზიანებისას:";
        deductibleId_1 = "ნულოვანი";
        deductibleTitleId_2 =
          "თუ დაზიანება გამოწვეულია არაიდენტიფიცირებული პირის მიერ ან დადგა დაუდგენელ ვითარებაში:";
        deductibleId_2 = "$80";
        $("#id-zero").css("display", "none");
        $("#id-first").css("display", "none");
        $("#id-second").css("display", "flex");
        break;
      case 106:
        deductibleTitleId_1 = "ფრანშიზა ნაწილობრივი დაზიანებისას:";
        deductibleId_1 = "$80";
        deductibleTitleId_2 = "სრული განადგურებისას, სადაზღვევო თანხის:";
        deductibleId_2 = "10%";
        $("#all-block").css("display", "none");
        break;
      case 107:
        deductibleTitleId_1 = "ფრანშიზა ნაწილობრივი დაზიანებისას:";
        deductibleId_1 = "$80";
        deductibleTitleId_2 = "სრული განადგურებისას, სადაზღვევო თანხის:";
        deductibleId_2 = "10%";
        $("#id-zero").css("display", "none");
        $("#id-first").css("display", "none");
        $("#id-second").css("display", "flex");
        $("[franchiseAddPlate]").show();
        break;
      default:
        $("#id-zero").css("display", "flex");
        $("#id-first").css("display", "none");
        $("#id-second").css("display", "flex");
        $(".franchise-1__right .fran-damage").hide();
        // $('.franchise-1__right [deductibleIdOther]').text(data['deductibleText']).show();
        $(".fran-damage__text").text(data["deductibleText"]).show();
    }

    $("[deductibleTitleId_1]").text(deductibleTitleId_1);
    $("[deductibleId_1]").text(deductibleId_1);
    $("[deductibleTitleId_2]").text(deductibleTitleId_2);
    $("[deductibleId_2]").text(deductibleId_2);

    // ---------------------------

    const benefits = data["benefits"];
    if (benefits && benefits.length > 0) {
      let str = "";
      const len = benefits.length;

      benefits.forEach((benefit, i) => {
        // console.log(`${benefit.id} - ${benefit.description}`);
        const perc = benefit.description.includes("15%")
          ? "15%"
          : benefit.description.includes("20%")
          ? "20%"
          : "50%";
        str += `
                    <div class="sld-discount__slide w-slide" aria-label="${
                      i + 1
                    } of ${len}" role="group" style="transform: translateX(0px); opacity: 1; transition: transform 500ms ease 0s;">
                        <div class="sld-discount__slide-wrap">
                            <h3 class="sld-discount__title">${perc}</h3>
                            <img loading="lazy" src="https://assets.website-files.com/62cc40c287d8a336877fec63/62cc42fd01a3d9606531808e_tegeta-motors-logo.png" alt="" class="sld-discount__img">
                        </div>
                    </div>                
                `;
      });

      str += `<div aria-live="polite" aria-atomic="true" class="w-slider-aria-label" data-wf-ignore="">Slide 1 of ${len}.</div>`;

      // $('.sld-discount__slide').remove();
      $(".sld-discount__mask").empty();
      $(".sld-discount__mask").append(str);

      Webflow.require("slider").redraw();
    } else {
      $("[benefits]").hide();
    }

    if (!benefits || benefits.length == 0) $("[unlim-car-wash]").hide();

    // init anims AFTER we've constructed everything
    initScrollAnims();
  }

  function showNotFound() {
    $(".s-not-found").css("display", "flex");
    $("body").css("overflow", "hidden");
  }

  function initMenu() {
    const navbar = $(".c-navbar");
    const navBtn = navbar.find(".nav-menu-btn");
    const links = navbar.find(".nav-link");
    // const navMenu = navbar.find('.nav-menu');

    navBtn.on("click", () => {
      const isOpen = navbar.hasClass("is--open");
      if (isOpen) {
        navbar.removeClass("is--open");
      } else {
        navbar.addClass("is--open");
      }
    });

    links.on("click", () => {
      navbar.removeClass("is--open");
    });
  }

  function initPayLimit() {
    const payLimits = $(".pay-limits-dd");
    payLimits.each((i, el) => {
      limitInitDD(el);
    });

    //const payLimitStatic = $(payLimits[0]);
    const payLimitStatic = isDesktop ? $(".s-drv-group") : $(payLimits[0]);
    const payLimitFixed = $(payLimits[1]);
    const payLimitFixed_DD = payLimitFixed.find(".pay-limits__dropdown");

    let isPlOpen = false;

    window.addEventListener("scroll", () => {
      const plTop = payLimitStatic.offset().top;
      const scroll = window.scrollY;

      if (!isPlOpen && scroll > plTop) {
        isPlOpen = true;
        payLimitFixed.addClass("is--open");
      } else if (isPlOpen && scroll < plTop) {
        isPlOpen = false;
        payLimitFixed.removeClass("is--open");
        payLimitFixed_DD.removeClass("is--open");
      }
    });

    function limitInitDD(el) {
      const pl = $(el);
      const buttons = pl.find(".pay-limits__btn-text, .pay-limits__btn-arrow");
      const dropdown = pl.find(".pay-limits__dropdown");

      buttons.each((i, el) => {
        const $el = $(el);
        $el.on("click", toggleDD);
      });

      function toggleDD() {
        const isOpen = dropdown.hasClass("is--open");
        if (isOpen) {
          dropdown.removeClass("is--open");
        } else {
          dropdown.addClass("is--open");
        }
      }
    }
  }

  function initScrollAnims() {
    const REVEAL_START = "top 70%";

    const REVEAL_FROM_Y = 100;
    const REVEAL_DURATION = 0.7;
    const REVEAL_EASE = "power3.out";
    const REVEAL_STAGGER = 0.07;

    // ----- sections reveal
    ScrollTrigger.create({
      trigger: ".s-section-2",
      animation: gsap
        .timeline()
        .from(
          ".s-section-2 .c-section-title, .s-section-2 .p-general, .s-section-2 .violet-cards > *",
          {
            alpha: 0,
            y: REVEAL_FROM_Y,
            duration: REVEAL_DURATION,
            ease: REVEAL_EASE,
            stagger: REVEAL_STAGGER,
          }
        ),
      start: REVEAL_START,
      // start: "top 90%",
    });
    //-----------------------------------------------------
    const sec = $($(".s-section-2__wrap .pay-limits")[isDesktop ? 0 : 1]);
    //-----------------------------------------------------
    ScrollTrigger.create({
      trigger: ".s-section-2 .pay-limits",
      animation: gsap.timeline().from(".s-section-2 .pay-limits > *", {
        alpha: 0,
        y: REVEAL_FROM_Y,
        duration: REVEAL_DURATION,
        ease: REVEAL_EASE,
        stagger: REVEAL_STAGGER,
      }),
      start: REVEAL_START,
      // start: "top 90%",
    });

    ScrollTrigger.create({
      trigger: ".s-drv-group .drv-group",
      animation: gsap.timeline().from(".s-drv-group .drv-group > *", {
        alpha: 0,
        y: REVEAL_FROM_Y,
        duration: REVEAL_DURATION,
        ease: REVEAL_EASE,
        stagger: REVEAL_STAGGER,
      }),
      start: REVEAL_START,
      // start: "top 90%",
    });

    ScrollTrigger.create({
      trigger: ".s-franchise .franchise",
      animation: gsap.timeline().from(".s-franchise .franchise > *", {
        alpha: 0,
        y: REVEAL_FROM_Y,
        duration: REVEAL_DURATION,
        ease: REVEAL_EASE,
        stagger: REVEAL_STAGGER,
      }),
      start: REVEAL_START,
      // start: "top 90%",
    });

    ScrollTrigger.create({
      trigger: ".s-major-exc",
      animation: gsap.timeline().from(".s-major-exc__wrap > *", {
        alpha: 0,
        y: REVEAL_FROM_Y,
        duration: REVEAL_DURATION,
        ease: REVEAL_EASE,
        stagger: REVEAL_STAGGER,
      }),
      start: REVEAL_START,
      // start: "top 90%",
    });

    ScrollTrigger.create({
      trigger: ".s-make-call",
      animation: gsap.timeline().from(".s-make-call__wrap > *", {
        alpha: 0,
        y: REVEAL_FROM_Y,
        duration: REVEAL_DURATION,
        ease: REVEAL_EASE,
        stagger: REVEAL_STAGGER,
      }),
      start: REVEAL_START,
      // start: "top 90%",
    });

    ScrollTrigger.create({
      trigger: ".s-advantages",
      animation: gsap.timeline().from(".s-advantages__wrap > *", {
        alpha: 0,
        y: REVEAL_FROM_Y,
        duration: REVEAL_DURATION,
        ease: REVEAL_EASE,
        stagger: REVEAL_STAGGER,
      }),
      start: REVEAL_START,
      // start: "top 90%",
    });

    ScrollTrigger.create({
      trigger: ".s-faq",
      animation: gsap
        .timeline()
        .from(".s-faq .c-section-title, .s-faq .faq-list > *", {
          alpha: 0,
          y: REVEAL_FROM_Y,
          duration: REVEAL_DURATION,
          ease: REVEAL_EASE,
          stagger: REVEAL_STAGGER,
        }),
      start: REVEAL_START,
      // start: "top 90%",
    });
  }
});