https://truebluesalon.com/wp-content/themes/ph-base-tailwind/assets/js/site.js?ver=1.0.0

1(function() {
2  
3// console.clear();
4
5//  gsap.registerPlugin(ScrollTrigger, ScrollToPlugin); // Ensure ScrollToPlugin is registered
6	
7
8//   gsap.to(".intro-wrapper",{
9//   scrollTrigger: ".intro-wrapper",
10//     //y: 0;
11//    rotation: 360,
12//     duration: 1.5
13//   });
14
15// // Select all buttons and panels
16
17// const buttons = document.querySelectorAll(".nav-btn");
18
19// const panels = gsap.utils.toArray(".scrolling-right .panel.pinned");
20
21// // Handle ScrollTrigger activation for panels
22
23// panels.forEach((panel, i) => {
24//   ScrollTrigger.create({
25//     trigger: panel,
26
27//     start: "top center", // Trigger when the top of the panel hits the center of the viewport
28
29//     end: "bottom center", // End when the bottom of the panel hits the center of the viewport
30
31//     onEnter: () => activateButton(i), // When the panel enters the viewport
32
33//     onEnterBack: () => activateButton(i), // When the panel enters from the opposite direction
34
35//     onLeave: () => deactivateButton(i), // When the panel leaves the viewport
36
37//     onLeaveBack: () => deactivateButton(i) // When the panel leaves from the opposite direction
38//   });
39// });
40
41// // Activate the button for the corresponding panel
42
43// function activateButton(index) {
44//   buttons.forEach((btn) => btn.classList.remove("active"));
45
46//   buttons[index].classList.add("active");
47// }
48
49// // Deactivate the button for the corresponding panel
50
51// function deactivateButton(index) {
52//   buttons[index].classList.remove("active");
53// }
54
55// // Scroll to the corresponding panel when button is clicked
56
57// buttons.forEach((btn, i) => {
58//   btn.addEventListener("click", () => {
59//     gsap.to(window, {
60//       scrollTo: panels[i],
61
62//       duration: 1,
63
64//       ease: "power2.out"
65//     });
66//   });
67// });
68
69
70})()