Spaces:
Running
Running
Manual changes saved
Browse files- index.html +71 -180
index.html
CHANGED
|
@@ -489,189 +489,80 @@
|
|
| 489 |
</footer>
|
| 490 |
</div>
|
| 491 |
|
| 492 |
-
|
| 493 |
-
|
| 494 |
-
|
| 495 |
-
|
| 496 |
-
|
| 497 |
-
|
| 498 |
-
|
| 499 |
-
|
| 500 |
-
|
| 501 |
-
|
| 502 |
-
|
| 503 |
-
|
| 504 |
-
|
| 505 |
-
|
| 506 |
-
|
| 507 |
-
|
| 508 |
-
|
| 509 |
-
|
| 510 |
-
// Mobile Menu Toggle
|
| 511 |
-
const menuBtn = document.getElementById('menu-btn');
|
| 512 |
-
const mobileMenu = document.getElementById('mobile-menu');
|
| 513 |
-
|
| 514 |
-
if (menuBtn && mobileMenu) {
|
| 515 |
-
menuBtn.addEventListener('click', () => {
|
| 516 |
-
const isOpen = mobileMenu.classList.contains('hidden');
|
| 517 |
-
if (isOpen) {
|
| 518 |
-
mobileMenu.classList.remove('hidden');
|
| 519 |
-
mobileMenu.classList.add('flex');
|
| 520 |
-
feather.replace();
|
| 521 |
-
} else {
|
| 522 |
-
mobileMenu.classList.add('hidden');
|
| 523 |
-
mobileMenu.classList.remove('flex');
|
| 524 |
-
}
|
| 525 |
-
});
|
| 526 |
-
}
|
| 527 |
-
|
| 528 |
-
// Smooth scrolling for anchor links
|
| 529 |
-
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
| 530 |
-
anchor.addEventListener('click', function (e) {
|
| 531 |
-
const target = document.querySelector(this.getAttribute('href'));
|
| 532 |
-
if (target) {
|
| 533 |
-
e.preventDefault();
|
| 534 |
-
target.scrollIntoView({
|
| 535 |
-
behavior: 'smooth',
|
| 536 |
-
block: 'start'
|
| 537 |
});
|
| 538 |
-
|
| 539 |
-
|
| 540 |
-
|
| 541 |
-
|
| 542 |
-
|
| 543 |
-
|
| 544 |
-
|
| 545 |
-
|
| 546 |
-
|
| 547 |
-
|
| 548 |
-
|
| 549 |
-
|
| 550 |
-
|
| 551 |
-
|
| 552 |
-
|
| 553 |
-
btn.addEventListener('click', () => {
|
| 554 |
-
const content = btn.nextElementSibling;
|
| 555 |
-
const isOpen = !content.classList.contains('hidden');
|
| 556 |
-
|
| 557 |
-
document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));
|
| 558 |
-
document.querySelectorAll('.faq-btn i').forEach(i => i.style.transform = 'rotate(0deg)');
|
| 559 |
-
|
| 560 |
-
if (!isOpen) {
|
| 561 |
-
content.classList.remove('hidden');
|
| 562 |
-
btn.querySelector('i').style.transform = 'rotate(180deg)';
|
| 563 |
-
}
|
| 564 |
-
});
|
| 565 |
-
});
|
| 566 |
-
|
| 567 |
-
// CTA scroll to contact section
|
| 568 |
-
const ctaBtn = document.getElementById('cta-scroll');
|
| 569 |
-
if (ctaBtn) {
|
| 570 |
-
ctaBtn.addEventListener('click', () => {
|
| 571 |
-
const target = document.getElementById('contact');
|
| 572 |
-
if (target) {
|
| 573 |
-
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
| 574 |
-
}
|
| 575 |
-
});
|
| 576 |
-
}
|
| 577 |
-
|
| 578 |
-
// Testimonials carousel
|
| 579 |
-
const carousel = document.getElementById('testimonial-carousel');
|
| 580 |
-
const nextBtn = document.getElementById('next-review');
|
| 581 |
-
const prevBtn = document.getElementById('prev-review');
|
| 582 |
-
|
| 583 |
-
if (carousel) {
|
| 584 |
-
let index = 0;
|
| 585 |
-
const total = carousel.children.length;
|
| 586 |
-
|
| 587 |
-
function updateCarousel() {
|
| 588 |
-
carousel.style.transform = `translateX(-${index * 100}%)`;
|
| 589 |
-
feather.replace();
|
| 590 |
-
}
|
| 591 |
-
|
| 592 |
-
if (nextBtn) {
|
| 593 |
-
nextBtn.addEventListener('click', () => {
|
| 594 |
-
index = (index + 1) % total;
|
| 595 |
-
updateCarousel();
|
| 596 |
-
});
|
| 597 |
-
}
|
| 598 |
-
|
| 599 |
-
if (prevBtn) {
|
| 600 |
-
prevBtn.addEventListener('click', () => {
|
| 601 |
-
index = (index - 1 + total) % total;
|
| 602 |
-
updateCarousel();
|
| 603 |
-
});
|
| 604 |
-
}
|
| 605 |
-
|
| 606 |
-
// Auto-slide every 7 seconds
|
| 607 |
-
setInterval(() => {
|
| 608 |
-
index = (index + 1) % total;
|
| 609 |
-
updateCarousel();
|
| 610 |
-
}, 7000);
|
| 611 |
-
}
|
| 612 |
-
|
| 613 |
-
// Initialize feather icons
|
| 614 |
-
feather.replace();
|
| 615 |
-
</script>
|
| 616 |
-
<script src="https://unpkg.com/feather-icons"></script>
|
| 617 |
-
|
| 618 |
-
<script>
|
| 619 |
-
// Initialize Feather icons
|
| 620 |
-
feather.replace();
|
| 621 |
-
|
| 622 |
-
// Vanta.js background effect
|
| 623 |
-
if (document.getElementById("vanta-bg")) {
|
| 624 |
-
VANTA.WAVES({
|
| 625 |
-
el: "#vanta-bg",
|
| 626 |
-
mouseControls: true,
|
| 627 |
-
touchControls: true,
|
| 628 |
-
minHeight: 200.00,
|
| 629 |
-
minWidth: 200.00,
|
| 630 |
-
scale: 1.0,
|
| 631 |
-
scaleMobile: 1.0,
|
| 632 |
-
color: 0x1B9AAA,
|
| 633 |
-
shininess: 50.00,
|
| 634 |
-
waveHeight: 20.00,
|
| 635 |
-
waveSpeed: 1.0,
|
| 636 |
-
zoom: 1.0
|
| 637 |
-
});
|
| 638 |
-
}
|
| 639 |
-
|
| 640 |
-
// Mobile menu toggle
|
| 641 |
-
const menuBtn = document.getElementById("menu-btn");
|
| 642 |
-
const mobileMenu = document.getElementById("mobile-menu");
|
| 643 |
-
if (menuBtn && mobileMenu) {
|
| 644 |
-
menuBtn.addEventListener("click", () => {
|
| 645 |
-
mobileMenu.classList.toggle("hidden");
|
| 646 |
-
});
|
| 647 |
-
}
|
| 648 |
-
|
| 649 |
-
// FAQ toggle functionality
|
| 650 |
-
document.querySelectorAll(".faq-btn").forEach(btn => {
|
| 651 |
-
btn.addEventListener("click", () => {
|
| 652 |
-
const content = btn.nextElementSibling;
|
| 653 |
-
const icon = btn.querySelector("i");
|
| 654 |
-
content.classList.toggle("hidden");
|
| 655 |
-
icon.classList.toggle("rotate-180");
|
| 656 |
-
});
|
| 657 |
-
});
|
| 658 |
-
|
| 659 |
-
// Smooth scroll for in-page links
|
| 660 |
-
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
| 661 |
-
anchor.addEventListener("click", function (e) {
|
| 662 |
-
const targetId = this.getAttribute("href").substring(1);
|
| 663 |
-
const target = document.getElementById(targetId);
|
| 664 |
-
if (target) {
|
| 665 |
-
e.preventDefault();
|
| 666 |
-
window.scrollTo({
|
| 667 |
-
top: target.offsetTop - 80,
|
| 668 |
-
behavior: "smooth"
|
| 669 |
});
|
| 670 |
-
}
|
| 671 |
-
});
|
| 672 |
-
});
|
| 673 |
-
</script>
|
| 674 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 675 |
</body>
|
| 676 |
</html>
|
| 677 |
|
|
|
|
| 489 |
</footer>
|
| 490 |
</div>
|
| 491 |
|
| 492 |
+
|
| 493 |
+
<script>
|
| 494 |
+
// Vanta.js Background
|
| 495 |
+
VANTA.WAVES({
|
| 496 |
+
el: "#vanta-bg",
|
| 497 |
+
mouseControls: true,
|
| 498 |
+
touchControls: true,
|
| 499 |
+
gyroControls: false,
|
| 500 |
+
minHeight: 200.00,
|
| 501 |
+
minWidth: 200.00,
|
| 502 |
+
scale: 1.00,
|
| 503 |
+
scaleMobile: 1.00,
|
| 504 |
+
color: 0x1b9aaa,
|
| 505 |
+
shininess: 130.00,
|
| 506 |
+
waveHeight: 25.00,
|
| 507 |
+
waveSpeed: 0.80,
|
| 508 |
+
zoom: 0.75
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 509 |
});
|
| 510 |
+
|
| 511 |
+
// Mobile Menu Toggle
|
| 512 |
+
const menuBtn = document.getElementById('menu-btn');
|
| 513 |
+
const mobileMenu = document.getElementById('mobile-menu');
|
| 514 |
+
|
| 515 |
+
menuBtn.addEventListener('click', () => {
|
| 516 |
+
const isOpen = mobileMenu.classList.contains('hidden');
|
| 517 |
+
if (isOpen) {
|
| 518 |
+
mobileMenu.classList.remove('hidden');
|
| 519 |
+
mobileMenu.classList.add('flex');
|
| 520 |
+
feather.replace();
|
| 521 |
+
} else {
|
| 522 |
+
mobileMenu.classList.add('hidden');
|
| 523 |
+
mobileMenu.classList.remove('flex');
|
| 524 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 525 |
});
|
|
|
|
|
|
|
|
|
|
|
|
|
| 526 |
|
| 527 |
+
// FAQ Accordion
|
| 528 |
+
const faqBtns = document.querySelectorAll('.faq-btn');
|
| 529 |
+
|
| 530 |
+
faqBtns.forEach(btn => {
|
| 531 |
+
btn.addEventListener('click', () => {
|
| 532 |
+
const content = btn.nextElementSibling;
|
| 533 |
+
const icon = btn.querySelector('i');
|
| 534 |
+
|
| 535 |
+
// Toggle content
|
| 536 |
+
content.classList.toggle('hidden');
|
| 537 |
+
|
| 538 |
+
// Rotate icon
|
| 539 |
+
if (content.classList.contains('hidden')) {
|
| 540 |
+
icon.style.transform = 'rotate(0deg)';
|
| 541 |
+
} else {
|
| 542 |
+
icon.style.transform = 'rotate(180deg)';
|
| 543 |
+
}
|
| 544 |
+
});
|
| 545 |
+
});
|
| 546 |
+
|
| 547 |
+
// Smooth scrolling for anchor links
|
| 548 |
+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
| 549 |
+
anchor.addEventListener('click', function (e) {
|
| 550 |
+
e.preventDefault();
|
| 551 |
+
|
| 552 |
+
document.querySelector(this.getAttribute('href')).scrollIntoView({
|
| 553 |
+
behavior: 'smooth'
|
| 554 |
+
});
|
| 555 |
+
|
| 556 |
+
// Close mobile menu if open
|
| 557 |
+
if (!mobileMenu.classList.contains('hidden')) {
|
| 558 |
+
mobileMenu.classList.add('hidden');
|
| 559 |
+
mobileMenu.classList.remove('flex');
|
| 560 |
+
}
|
| 561 |
+
});
|
| 562 |
+
});
|
| 563 |
+
</script>
|
| 564 |
+
<script>feather.replace();</script>
|
| 565 |
+
|
| 566 |
</body>
|
| 567 |
</html>
|
| 568 |
|