var tour = new Shepherd.Tour({
defaultStepOptions: {
    cancelIcon: {
        enabled: true
    },
    
    classes: 'shadow-md bg-purple-dark',
    scrollTo: { behavior: 'smooth', block: 'center' }
},

useModalOverlay:{
    enabled: true
},
});

if (document.querySelector('#logo-tour'))
tour.addStep({
title: 'Welcome Back !',
text: 'This is Step 1',
attachTo: {
    element: '#logo-tour',
    on: 'bottom'
},
buttons: [
    {
        text: 'Next',
        classes: 'btn btn-success',
        action: tour.next
    }
]
});
// end step 1

if (document.querySelector('#register-tour'))
tour.addStep({
title: 'Register your account',
text: 'Get your Free Velzon account now.',
attachTo: {
    element: '#register-tour',
    on: 'bottom'
},
buttons: [
    {
        text: 'Back',
        classes: 'btn btn-light',
        action: tour.back
    },
    {
        text: 'Next',
        classes: 'btn btn-success',
        action: tour.next
    }
]
});
// end step 2

if (document.querySelector('#login-tour'))
tour.addStep({
title: 'Login your account',
text: 'Sign in to continue to Velzon.',
attachTo: {
    element: '#login-tour',
    on: 'bottom'
},
buttons: [
    {
        text: 'Back',
        classes: 'btn btn-light',
        action: tour.back
    },
    {
        text: 'Next',
        classes: 'btn btn-success',
        action: tour.next
    }
]
});
// end step 3

if (document.querySelector('#getproduct-tour'))
tour.addStep({
title: 'Get yout Product',
text: 'Sign in to continue to Velzon.',
attachTo: {
    element: '#getproduct-tour',
    on: 'bottom'
},
buttons: [
    {
        text: 'Back',
        classes: 'btn btn-light',
        action: tour.back
    },
    {
        text: 'Next',
        classes: 'btn btn-success',
        action: tour.next
    }
]
});
// end step 4

if (document.querySelector('#thankyou-tour'))
tour.addStep({
title: 'Thank you !',
text: 'Sign in to continue to Velzon.',
attachTo: {
    element: '#thankyou-tour',
    on: 'bottom'
},
buttons: [
    {
        text: 'Back',
        classes: 'btn btn-light',
        action: tour.back
    },
    {
        text: 'Thank you !',
        classes: 'btn btn-primary',
        action: tour.complete
    }
]
});
// end step 5

tour.start();