@head

<link rel="stylesheet" href="/css/home.css" type="text/css">

@endhead

@body

<img src="/media/logo.png" alt="logo" id="home_logo">

<div class="section">

    <h1 class="sectionTitle">Odkryj siebie na nowo</h1>

    <p class="sectionText">Młodość jest stanem ducha. Nie ważne czy masz 15 czy 40 lat. all4young to miejsce w którym granica się zalewa. Sprawdź nasz sklep i zobacz jak bardzo można pozytywnie się zaskoczyć</p>

</div>

<div class="section">

    <h1 class="sectionTitle">Nowości</h1>

    <div class='reviews'>

        @foreach(let newOpt of news)

            <div class="review">
                
                <img class="reviewImg" alt="reviewImg" src="{{ newOpt.img }}" />

                @if(newOpt.promotion)

                    <h1 class="reviewPromotion" style="color: {{ newOpt.promotionColor }}">{{ newOpt.promotionType }}</h1>

                    <h1 class="reviewOldPrice">{{ newOpt.oldPrice }}</h1>

                @endif

                <h1 class="reviewPrice">{{ newOpt.price }}</h1>

            </div>

        @endforeach

    </div>

</div>

<div class="section">

    <h1 class="sectionTitle">Najczęściej kupowane</h1>

    <div class="reviews">

        @foreach(let mostBuyedOpt of mostBuyed)

            <div class="review">

                <img src="{{ mostBuyedOpt.img }}" alt="reviewImg" class="reviewImg">

            </div>

        @endforeach

    </div>

</div>

@endbody