fix: move Swiper.js initialization into script tag to prevent raw JS from displaying as text

index.html

@@ -161,31 +161,33 @@
             </div>
         </div>
     </section>
-    // Swiper.js initialization for dynamic card carousel
-    document.addEventListener('DOMContentLoaded', function () {
-    feather.replace();
-    new Swiper('.mySwiper', {
-    loop: true,
-    autoplay: { delay: 4000, disableOnInteraction: false },
-    effect: 'coverflow',
-    grabCursor: true,
-    centeredSlides: true,
-    slidesPerView: 1,
-    coverflowEffect: {
-    rotate: 30,
-    stretch: 0,
-    depth: 100,
-    modifier: 1,
-    slideShadows: true,
-    },
-    pagination: { el: '.swiper-pagination', clickable: true },
-    navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
-    breakpoints: {
-    768: { slidesPerView: 1 },
-    1024: { slidesPerView: 2 },
-    },
-    });
-    });
+    <!-- Swiper.js initialization for dynamic card carousel -->
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            feather.replace();
+            new Swiper('.mySwiper', {
+                loop: true,
+                autoplay: { delay: 4000, disableOnInteraction: false },
+                effect: 'coverflow',
+                grabCursor: true,
+                centeredSlides: true,
+                slidesPerView: 1,
+                coverflowEffect: {
+                    rotate: 30,
+                    stretch: 0,
+                    depth: 100,
+                    modifier: 1,
+                    slideShadows: true,
+                },
+                pagination: { el: '.swiper-pagination', clickable: true },
+                navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' },
+                breakpoints: {
+                    768: { slidesPerView: 1 },
+                    1024: { slidesPerView: 2 },
+                },
+            });
+        });
+    </script>
     <!-- Call to Action -->
     <section class="bg-gradient-to-br from-green-700 to-green-600 py-16">
         <div class="container mx-auto px-4 text-center">