Carousel

<armada:carousel>
    @foreach (['mountains', 'ocean', 'desert', 'forest'] as $img)
        <armada:image :src="'/img/'.$img.'.svg'" ratio="21/9" :alt="$img" />
    @endforeach
</armada:carousel>

<armada:carousel :per-view="3" :dots="false">
    @foreach (['Kapadokya', 'Ege kıyıları', 'Karadeniz yaylaları', 'Pamukkale', 'Likya yolu'] as $i => $place)
        <armada:card :media="'/img/'.['mountains', 'ocean', 'forest', 'desert', 'ocean'][$i].'.svg'" ratio="4/3" :title="$place" description="Hafta sonu turu" />
    @endforeach
</armada:carousel>

<armada:carousel :autoplay="3000">
    @foreach (['#4d7cfe', '#8b5cf6', '#10b981'] as $i => $c)
        <div class="sc-slide" style="background:{{ $c }}">Slayt {{ $i + 1 }}</div>
    @endforeach
</armada:carousel>