const tour = new Shepherd.Tour({
              defaultStepOptions: {
                classes: 'shadow-md bg-purple-dark',
                scrollTo: true
              }
            });

            tour.addStep({
              title: 'Example Shepherd',
              text: 'Creating a Shepherd is easy too! Just create ...',
              attachTo: {
                element: '.hero-example',
                on: 'bottom'
              },
              advanceOn: {
                selector: '.docs-link',
                event: 'click'
              },
              id: 'example'
            });

            tour.start();