Add new pages for gallery, sitemap, social platforms, terms, and update study destination template

- Created gallery-template.blade.php for displaying a gallery of images.
- Added sitemap.blade.php to outline the structure of the website.
- Introduced social-platform-template.blade.php for showcasing social media links.
- Implemented terms-template.blade.php to present terms and conditions.
- Updated study-destination-template.blade.php to remove redundant code and improve structure.
- Commented out dashboard toggle switch in navbar for future reference.

resources/views/client/raffles/layouts/app.blade.php

@@ -368,8 +368,8 @@
         });
 
         var swiper = new Swiper(".swiper-universities", {
-            slidesPerView: "auto", // Adjusts based on available space
-            centeredSlides: true, // Ensures the center slide is the active one
+            slidesPerView: 1,
+            spaceBetween: 10,
             loop: true,
             autoplay: {
                 delay: 2000,
@@ -441,33 +441,33 @@
         //     });
 
 
-       var swiper = new Swiper(".mySwiper-unis", {
-      slidesPerView: 1,
-      spaceBetween: 10,
-      loop: true,
-  autoplay: {
-    delay: 500, // 3 seconds between slides
-    disableOnInteraction: false, // keeps autoplay running after user interacts
-  },
-    //    navigation: {
-    //   nextEl: '.mySwiper-text .swiper-button-next',
-    //   prevEl: '.mySwiper-text .swiper-button-prev',
-    // },
-      breakpoints: {
-        640: {
-          slidesPerView: 2,
-          spaceBetween: 2,
-        },
-        768: {
-          slidesPerView: 3,
-          spaceBetween: 2,
-        },
-        1024: {
-          slidesPerView: 4,
-          spaceBetween: 3,
-        },
-      },
-    });
+        var swiper = new Swiper(".mySwiper-unis", {
+            slidesPerView: 1,
+            spaceBetween: 10,
+            loop: true,
+            autoplay: {
+                delay: 500, // 3 seconds between slides
+                disableOnInteraction: false, // keeps autoplay running after user interacts
+            },
+            //    navigation: {
+            //   nextEl: '.mySwiper-text .swiper-button-next',
+            //   prevEl: '.mySwiper-text .swiper-button-prev',
+            // },
+            breakpoints: {
+                640: {
+                    slidesPerView: 2,
+                    spaceBetween: 2,
+                },
+                768: {
+                    slidesPerView: 3,
+                    spaceBetween: 2,
+                },
+                1024: {
+                    slidesPerView: 4,
+                    spaceBetween: 3,
+                },
+            },
+        });
 
         var swiper = new Swiper(".mySwiper-text", {
             slidesPerView: 1,
@@ -604,19 +604,19 @@
         });
     </script>
     <script>
-        document.addEventListener('DOMContentLoaded', function () {
-    const tabs = document.querySelectorAll('.accordion-content.resource');
+        document.addEventListener('DOMContentLoaded', function() {
+            const tabs = document.querySelectorAll('.accordion-content.resource');
 
-    tabs.forEach(tab => {
-      tab.addEventListener('click', function () {
-        // Remove highlight from all
-        tabs.forEach(t => t.classList.remove('highlight-tab'));
+            tabs.forEach(tab => {
+                tab.addEventListener('click', function() {
+                    // Remove highlight from all
+                    tabs.forEach(t => t.classList.remove('highlight-tab'));
 
-        // Add highlight to clicked one
-        this.classList.add('highlight-tab');
-      });
-    });
-  });
+                    // Add highlight to clicked one
+                    this.classList.add('highlight-tab');
+                });
+            });
+        });
     </script>
 
     </div>