Hero Video Scrub

<section class="relative z-0 pb-24" data-vanilla-module="HeroVideoScrub">
    <div class="top-0 overflow-hidden" data-pin-track>
        <div class="grid h-full grid-rows-[1fr_auto]">
            <div class="flex items-center justify-center py-12">
                <div class="mx-auto max-w-4xl px-6 text-center">
                    <p class="mb-3 text-lg uppercase tracking-[2px] text-grey-600">
                        Ultrafast Speeds
                    </p>

                    <h2 class="mx-auto max-w-2xl text-5xl font-medium leading-tight text-black md:text-5xl">
                        Full fibre speeds are much faster than regular part fibre
                    </h2>
                </div>
            </div>

            <div class="flex justify-center">
                <video class="js-video" muted playsinline preload="auto" disablepictureinpicture>
                    <source src="/front-end/playground/scrub-video/output.mp4" type="video/mp4" />
                </video>
            </div>
        </div>
    </div>
</section>