bribrunner commited on
Commit
04eced3
·
verified ·
1 Parent(s): 741fa6a

Manual changes saved

Browse files
Files changed (1) hide show
  1. index.html +71 -180
index.html CHANGED
@@ -489,189 +489,80 @@
489
  </footer>
490
  </div>
491
 
492
- <script>
493
- // Vanta.js Background
494
- VANTA.WAVES({
495
- el: "#vanta-bg",
496
- mouseControls: true,
497
- touchControls: true,
498
- gyroControls: false,
499
- minHeight: 200.00,
500
- minWidth: 200.00,
501
- scale: 1.00,
502
- scaleMobile: 1.00,
503
- color: 0x1b9aaa,
504
- shininess: 130.00,
505
- waveHeight: 25.00,
506
- waveSpeed: 0.80,
507
- zoom: 0.75
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
- // Update URL without jumping
539
- if (history.pushState) {
540
- history.pushState(null, null, this.getAttribute('href'));
541
- }
542
- }
543
- // Close mobile menu if open
544
- if (mobileMenu && !mobileMenu.classList.contains('hidden')) {
545
- mobileMenu.classList.add('hidden');
546
- mobileMenu.classList.remove('flex');
547
- }
548
- });
549
- });
550
-
551
- // FAQ accordion (only one open at a time)
552
- document.querySelectorAll('.faq-btn').forEach((btn) => {
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