Run a Medspa Without the Guesswork.

(function() { if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined' || typeof SplitType === 'undefined') return; gsap.registerPlugin(ScrollTrigger); const triggerEl = document.querySelector(".cool-split"); if (!triggerEl) return; // SplitType needs to find the heading; if .cool-split IS the heading, use it directly const targetSel = triggerEl.matches("h1, h2, h3, h4, h5, h6") ? ".cool-split" : ".cool-split h1, .cool-split h2, .cool-split h3, .cool-split h4"; const split = new SplitType(targetSel, { types: "words, chars" }); if (!split.chars || split.chars.length === 0) return; // Set initial state gsap.set(split.chars, { color: "#cbd5e1" }); // Scroll-driven reveal: starts when section enters viewport, ends when section is at top 40% gsap.to(split.chars, { color: "#0f172a", stagger: 0.05, ease: "none", scrollTrigger: { trigger: triggerEl, start: "top 85%", end: "top 35%", scrub: 0.5, }, }); })();