$(document).on('page:beforein', '.page[data-name="landing"]', async function (e) {

  console.log('app landing ready')

  var swiper = new Swiper(".mySwiper", 

{

      // Optional parameters

      direction: 'horizontal',

      loop: true, // Loop the slides



      // Autoplay configuration

      autoplay: {

        delay: 3000, // Time in milliseconds between slides (e.g., 3 seconds)

        disableOnInteraction: false, // Continue autoplay even after user interaction

      },



      // If you need pagination

      pagination: {

        el: '.swiper-pagination',

        clickable: true,

      },



      // If you need navigation buttons

      navigation: {

        nextEl: '.swiper-button-next',

        prevEl: '.swiper-button-prev',

      },

    }

);

  

  

});