Innovais - Creative Solutions

Innovais

Transforming ideas into innovative digital solutions that drive business growth and enhance user experiences.

Our Services

From web development to AI solutions, we provide cutting-edge technology services tailored to your business needs.

About Us

Innovais is a team of passionate developers, designers, and strategists dedicated to creating impactful digital experiences.

Let's Connect

Ready to start your next project? Get in touch with our team today.

Email Us

// Canvas setup const canvas = document.getElementById('background'); const ctx = canvas.getContext('2d'); // Set canvas to window size function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; } // Initial resize resizeCanvas(); // Handle window resize window.addEventListener('resize', resizeCanvas); // Particle system const particles = []; const particleCount = Math.floor(window.innerWidth * window.innerHeight / 10000); class Particle { constructor() { this.x = Math.random() * canvas.width; this.y = Math.random() * canvas.height; this.size = Math.random() * 3 + 1; this.speedX = Math.random() * 2 - 1; this.speedY = Math.random() * 2 - 1; this.color = `rgba(66, 153, 225, ${Math.random() * 0.5 + 0.1})`; } update() { this.x += this.speedX; this.y += this.speedY; // Wrap around edges if (this.x > canvas.width) this.x = 0; if (this.x < 0) this.x = canvas.width; if (this.y > canvas.height) this.y = 0; if (this.y < 0) this.y = canvas.height; } draw() { ctx.fillStyle = this.color; ctx.beginPath(); ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2); ctx.fill(); } } // Create particles for (let i = 0; i < particleCount; i++) { particles.push(new Particle()); } // Animation loop function animate() { ctx.clearRect(0, 0, canvas.width, canvas.height); // Update and draw particles particles.forEach(particle => { particle.update(); particle.draw(); }); requestAnimationFrame(animate); } // Start animation animate(); // Smooth scrolling document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); }); // Parallax effect window.addEventListener('scroll', () => { const scrollY = window.scrollY; const speed = 0.5; particles.forEach(particle => { particle.y += scrollY * speed * 0.01; }); });