FEATURE Handle self page scrolling

resources/js/app.ts

@@ -1,8 +1,10 @@
 import menuInit from './header';
 import initFooterShapes from './footer';
 import handleScrollTop from './utilities/scroll-top';
+import handleInsidePageScrolling from './page-scrolling';
 window.addEventListener('load', function () {
   // menuInit();
   initFooterShapes();
   handleScrollTop();
+  handleInsidePageScrolling();
 });

resources/js/page-scrolling.ts

@@ -0,0 +1,11 @@
+export default function HandleInsidePageScrolling() {
+  const insideLinks = document.querySelectorAll('a[href^="#"]');
+
+  insideLinks.forEach((link) => {
+    link.addEventListener('click', (e) => {
+      e.preventDefault();
+      const target = document.querySelector(link.getAttribute('href'));
+      target?.scrollIntoView({ behavior: 'smooth' });
+    });
+  });
+}