sm"
>
  <div class="featured max-w-6xl mx-auto">
    <div
      x-data="{swiper: null}"
      x-init="swiper = new Swiper($refs.container, {
                    loop: true,
                    slidesPerView: 1,
                    spaceBetween: 32,
                })"
      class="relative w-full"
    >
      <div
        class="swiper-container w-full h-fit overflow-clip"
        x-ref="container"
      >
        <div class="swiper-wrapper">
          <!-- code snippets -->
          {% for snippet in site