Building World-Class
Websites For Startups

// Function to update the heading based on window width
function updateHeading() {

const heading = document.getElementById('spartan');

if (window.innerWidth <= 850) {
  heading.textContent = 'Privileged Websites For Startups';
} 
else {
  heading.textContent = 'Get yours build now!';
}
}

updateHeading();

// Update heading when the window is resized
window.addEventListener('resize', updateHeading);

// Reset animation for logos-slide after DOM content is loaded
document.addEventListener('DOMContentLoaded', () => {

const logosSlide = document.querySelector('.logos-slide');

if (logosSlide) {
  logosSlide.style.animation = 'none';
  logosSlide.offsetHeight; // Trigger reflow
  logosSlide.style.animation = '';
}
});

document.addEventListener('DOMContentLoaded', () => {

const logos = document.querySelector('.logos');
const original = document.querySelector('.logos-slide');
const copy = original.cloneNode(true);

logos.appendChild(copy);
logos.offsetHeight; // Trigger reflow

logos.querySelectorAll('.logos-slide').forEach(slide => {
  slide.style.animation = 'none';
  slide.offsetHeight; // Trigger reflow
  slide.style.animation = '';
});
});

// Hide or show nav based on scroll direction
let lastScrollTop = 0;
const nav = document.querySelector('nav');

// Function to show specific slides in a slideshow
function showSlides(n) {
let i;
let slides = document.getElementsByClassName('slide');
let dots = document.getElementsByClassName('dot');

if (n > slides.length) { slideIndex = 1 }
if (n < 1) { slideIndex = slides.length }

for (i = 0; i < slides.length; i++) {
  slides[i].style.display = 'none';
}

for (i = 0; i < dots.length; i++) {
  dots[i].className = dots[i].className.replace(' actives', '');
}

slides[slideIndex - 1].style.display = 'block';
dots[slideIndex - 1].className += ' actives';
}

gsap.registerPlugin(ScrollTrigger);