Instructions
Everything you need to set up, customize, and use the Brandicom website, from basic settings and styling to pages, components, and helpful customization guidelines.
Lenis Smoth Scroll
To Stop The Smoth Scroll Just Coment Out This Code In Page Settings
<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
<script>
document.documentElement.style.height = "auto";
const lenis = new Lenis({
smooth: true,
lerp: 0.1,
wheelMultiplier: 1,
infinite: false
});
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script>
Gsap Counter
To Stop The Gsap Counter Just Coment Out This Code In Page Settings
<script>
gsap.registerPlugin(ScrollTrigger);
gsap.utils.toArray(".counter").forEach(counter => {
const finalText = counter.textContent.trim();
const endValue = parseFloat(finalText.replace(/[^0-9.-]/g, ""));
const suffix = finalText.replace(/[0-9.-]/g, "");
const decimals = finalText.includes(".") ? 1 : 0;
// Reset to zero
counter.textContent = "0" + suffix;
const obj = { value: 0 };
gsap.to(obj, {
value: endValue,
duration: 2,
ease: "power2.out",
scrollTrigger: {
trigger: counter,
start: "top 80%",
once: true
},
onUpdate() {
counter.textContent =
obj.value.toFixed(decimals) + suffix;
}
});
});
</script>
.svg)
.svg)
.svg)
.png)
.png)