Scroll suave +
custom navbar

Scroll Suave

				
					<script data-minify="1" src="https://hxavier.com/wp-content/cache/min/1/gh/studio-freight/lenis@1.0.22/bundled/lenis.min.js?ver=1726150869" defer></script>


<script>
    const lenis = new Lenis({
      duration: 1.2,
      easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),
      orientation: 'vertical',
      gestureOrientation: 'vertical',
      smoothWheel: true,
      wheelMultiplier: 1,
      smoothTouch: false,
      touchMultiplier: 2,
      infinite: false,
    })

    function raf(time) {
      lenis.raf(time)
       requestAnimationFrame(raf)
    }

    requestAnimationFrame(raf)
</script>

Custom Navbar

				
					<style>
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #3c3c3c;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: linear-gradient(180deg, #1E3A88, #8000FF);
    border: 2px solid #7F7BFF;
}

::-webkit-scrollbar-thumb:hover {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: linear-gradient(0deg, #1E3A88, #8000FF);
    border: 2px solid #7F7BFF;
}
</style>