Merge branch 'main' into feature/add-swipe-animation

src/components/Boxers/Gallery.astro

@@ -92,12 +92,6 @@ const { id, name } = Astro.props
 	</div>
 </section>
 
-<style>
-	#lightbox img.boxer-gallery-img {
-		view-transition-name: lightbox-image;
-	}
-</style>
-
 <script>
 	import { $ } from "@/lib/dom-selector"
 
@@ -246,12 +240,7 @@ const { id, name } = Astro.props
 				link.setAttribute("data-current", "true")
 
 				// update de image before show lightbox
-				if ($lightbox.open && document.startViewTransition) {
-					document.startViewTransition(() => {
-						updateImg(link)
-					})
-					return
-				} else {
+				if ($lightbox.open) {
 					updateImg(link)
 				}
 

src/sections/Promotions.astro

@@ -8,7 +8,7 @@ import Typography from "@/components/Typography.astro"
 	</Typography>
 	<div class="mt-10 flex flex-col gap-y-10">
 		<a
-			class="mx-auto w-full transition hover:scale-105 hover:contrast-125"
+			class="mx-auto w-full transition-[0.6s] hover:scale-105 hover:contrast-125"
 			href="https://www.instagram.com/ganasdevicio"
 			target="_blank"
 			rel="noopener"
@@ -22,7 +22,7 @@ import Typography from "@/components/Typography.astro"
 			/>
 		</a>
 		<a
-			class="mx-auto w-full transition hover:scale-105 hover:contrast-125"
+			class="mx-auto w-full transition-[0.6s] hover:scale-105 hover:contrast-125"
 			href="https://revolut.onelink.me/qn5U/velada"
 			target="_blank"
 			rel="noopener"
@@ -36,7 +36,7 @@ import Typography from "@/components/Typography.astro"
 			/>
 		</a>
 		<a
-			class="mx-auto w-full transition hover:scale-105 hover:contrast-125"
+			class="mx-auto w-full transition-[0.6s] hover:scale-105 hover:contrast-125"
 			href="https://bit.ly/4ap0ibz"
 			target="_blank"
 			rel="noopener"