Mistra
Total Body Fitness
about us
our facilities
We will coach you and help you achieve your health goals. At garage, we can help you every step of the way. Join our family and own your fitness. What are you waiting for? Take the first step today.
our staff
We will coach you and help you achieve your health goals. At garage, we can help you every step of the way. Join our family and own your fitness. What are you waiting for? Take the first step today.
our plans
We will coach you and help you achieve your health goals. At garage, we can help you every step of the way. Join our family and own your fitness. What are you waiting for? Take the first step today.
1
const slides = document.querySelectorAll(".slide");
const sliderNav = document.querySelector(".slider-nav");
const slider = document.querySelector(".slider");
const prevBtn = document.querySelector(".prev");
const nextBtn = document.querySelector(".next");
let currentSlide = 0;
let slideCount = slides.length;
let intervalId = null;
slides.forEach((_, index) => {
const dot = document.createElement("div");
dot.classList.add("nav-dot");
if (index === 0) dot.classList.add("active");
dot.addEventListener("click", () => {
goToSlide(index);
});
sliderNav.appendChild(dot);
});
const dots = document.querySelectorAll(".nav-dot");
function updateDots() {
dots.forEach((dot, index) => {
dot.classList.toggle("active", index === currentSlide);
});
}
function goToSlide(index) {
currentSlide = (index + slideCount) % slideCount;
slider.style.transform = `translateX(-${currentSlide * 100}%)`;
resetAnimation(slides[currentSlide]);
updateDots();
}
function resetAnimation(slide) {
const content = slide.querySelector(".slide-content");
if (content) {
const clone = content.cloneNode(true);
content.parentNode.replaceChild(clone, content);
}
}
function startAutoAdvance() {
if (!intervalId) {
intervalId = setInterval(handleNextSlide, 5000);
}
}
function stopAutoAdvance() {
clearInterval(intervalId);
intervalId = null;
}
startAutoAdvance();
slider.addEventListener("mouseenter", stopAutoAdvance);
slider.addEventListener("mouseleave", startAutoAdvance);
function handleNextSlide() {
stopAutoAdvance();
goToSlide(currentSlide + 1);
startAutoAdvance();
}
function handlePrevSlide() {
stopAutoAdvance();
goToSlide(currentSlide - 1);
startAutoAdvance();
}
prevBtn.addEventListener("click", handlePrevSlide);
nextBtn.addEventListener("click", handleNextSlide);
Macbook Pro
