deving

2025-12-26 22:35:18 +08:00
commit 9cf62f793b
4263 changed files with 728989 additions and 0 deletions
--- a/res/assets/js/frontend-landingpage/homepage.js
+++ b/res/assets/js/frontend-landingpage/homepage.js
@@ -0,0 +1,99 @@
+$(function () {
+    // =================================
+    // Fixed header
+    // =================================
+    window.addEventListener("scroll", function () {
+        var topbar = document.querySelector(".header-fp");
+        if (topbar) {
+            if (window.scrollY >= 60) {
+                topbar.classList.add("header-sticky");
+            } else {
+                topbar.classList.remove("header-sticky");
+            }
+        }
+    });
+
+    // Get the element
+    let topBtn = document.querySelector(".top-btn");
+
+    // On Click, Scroll to the page's top, replace 'smooth' with 'instant' if you don't want smooth scrolling
+    topBtn.onclick = () => window.scrollTo({ top: 0, behavior: "smooth" });
+
+    // On scroll, Show/Hide the btn with animation
+    window.onscroll = () => topBtn.style.opacity = window.scrollY > 500 ? 1 : 0;
+
+    $('.leadership-carousel').owlCarousel({
+        loop: true,
+        nav: true,
+        dots: false,
+        margin: 30,
+        navText: [
+            '<i class="ti ti-arrow-left fs-7 round-48 hstack justify-content-center bg-primary-subtle rounded-circle"></i>',  // Previous button
+            '<i class="ti ti-arrow-right fs-7 round-48 hstack justify-content-center bg-primary-subtle rounded-circle"></i>'  // Next button
+        ],
+        responsive: {
+            0: {
+                items: 1
+            },
+            600: {
+                items: 2
+            },
+            992: {
+                items: 3
+            },
+            1024: {
+                items: 4
+            }
+        }
+    })
+
+    $('.template-carousel').owlCarousel({
+        loop: true,
+        nav: false,
+        dots: false,
+        autoplay: true,
+        autoplayTimeout: 2500,
+        margin: 30,
+        responsive: {
+            0: {
+                items: 1
+            },
+            600: {
+                items: 2
+            },
+            992: {
+                items: 3
+            },
+            1024: {
+                items: 4
+            }
+        }
+    })
+
+    $('.testimonial-carousel').owlCarousel({
+        loop: true,
+        margin: 10,
+        nav: true,
+        dots: false,
+        navText: [
+            '<i class="ti ti-chevron-left fs-4 round-32 hstack justify-content-center bg-primary-subtle rounded-circle"></i>',  // Previous button
+            '<i class="ti ti-chevron-right fs-4 round-32 hstack justify-content-center bg-primary-subtle rounded-circle"></i>'  // Next button
+        ],
+        responsive: {
+            0: {
+                items: 1
+            },
+            600: {
+                items: 1
+            },
+            1000: {
+                items: 1
+            }
+        }
+    })
+
+    $(document).on('click', '.header-fp .navbar-nav .nav-link', function(){
+        $(this).addClass('active').siblings().removeClass('active')
+    })
+    
+});