Updated content

Fixed carousel in news

src/components/section/CarouselSection.astro

@@ -16,7 +16,7 @@ const { images } = Astro.props;
             <div class="swiper-slide">
               <div class="flex! flex-col items-center justify-center relative">
 
-              <div class="uppercase text-2xl lg:text-9xl text-white shadow-2xl absolute font-secondary">
+              <div class="uppercase text-2xl lg:text-9xl text-white text-shadow-lg absolute font-secondary">
                 {image.text}
               </div>
               <Image src={image.image} alt="" />
@@ -42,23 +42,24 @@ const { images } = Astro.props;
 
 <script>
   import Swiper from "swiper";
-  import { Navigation, Pagination, Scrollbar } from 'swiper/modules';
+  const swiper = new Swiper(".swiper", {
+    // Optional parameters
+    loop: true,
 
-const swiper = new Swiper('.swiper', {
-  modules: [Navigation, Pagination, Scrollbar],
-  loop: true,
+    // If we need pagination
+    pagination: {
+      el: ".swiper-pagination",
+    },
 
-  navigation: {
-    nextEl: '.swiper-button-next',
-    prevEl: '.swiper-button-prev',
-  },
+    // Navigation arrows
+    navigation: {
+      nextEl: ".swiper-button-next",
+      prevEl: ".swiper-button-prev",
+    },
 
-  pagination: {
-    el: '.swiper-pagination',
-  },
-
-  scrollbar: {
-    el: '.swiper-scrollbar',
-  },
-});
+    // And if we need scrollbar
+    scrollbar: {
+      el: ".swiper-scrollbar",
+    },
+  });
 </script>

src/content.config.js

@@ -13,7 +13,10 @@ const news = defineCollection({
         country: z.string().optional(),
         thumbnail: z.string().optional(),
         youtube: z.string().optional(),
-        gallery: z.string().array().optional().nullable()
+        gallery: z.array(z.object({
+            image: z.string().optional(),
+            text: z.string().optional()
+        })).optional().nullable()
     }),
 });
 

src/data/news/3.md

@@ -9,11 +9,21 @@ country: 'CO'
 thumbnail: https://ik.imagekit.io/crpy/JBP-CONDECORACION-25.webp
 youtube: https://www.youtube.com/watch?v=ENQE4stFb4A
 gallery: [
-    'https://ik.imagekit.io/crpy/JBP-CONDECORACION-16.webp',
-    'https://ik.imagekit.io/crpy/JBP-CONDECORACION-05.webp',
-    'https://ik.imagekit.io/crpy/JBP-CONDECORACION-22.webp',
-    'https://ik.imagekit.io/crpy/JBP-CONDECORACION-04.webp',
-    'https://ik.imagekit.io/crpy/JBP-CONDECORACION-25.webp'
+    {
+        image: 'https://ik.imagekit.io/crpy/JBP-CONDECORACION-16.webp',
+    },
+    {
+        image: 'https://ik.imagekit.io/crpy/JBP-CONDECORACION-05.webp',
+    },
+    {
+        image: 'https://ik.imagekit.io/crpy/JBP-CONDECORACION-22.webp',
+    },
+    {
+        image: 'https://ik.imagekit.io/crpy/JBP-CONDECORACION-04.webp',
+    },
+    {
+        image: 'https://ik.imagekit.io/crpy/JBP-CONDECORACION-25.webp'
+    }
 ]
 ---
 

src/pages/news/[id].astro

@@ -41,7 +41,7 @@ const { Content } = await render(post);
 
 		{post.data.gallery && (
 			post.data.gallery.map(galleryImage => (
-				<Image src={galleryImage} alt="" />
+				<Image src={galleryImage.image} alt={galleryImage.text} />
 			))
 		)}