@head

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

@headcontent

@endhead

@body

    <div id="topBanner">
        
        <div id="topBannerContent">

            @foreach(let slide of topBanner)

                <div class="top_banner_slide">

                    <img src="{{ slide.screen }}" alt="slide" class="top_banner_slide">

                    <a href="{{ slide.href }}"><img src="{{ slide.img }}" alt="product" class="top_banner_product_image"></a>

                    <h1 class="top_banner_product_title">{{ slide.title }}</h1>

                </div>

            @endforeach

        </div>

    </div>

    <script src="/js/topBanner.js"></script>

    <div id="header">

        <div id="headerFrame">

            <div id="headerContent">

                @foreach(let element of menu)

                    <div class="menuElement">{{ element.title }}

                        <div class="menuList">

                            @foreach(let column of element.columns)

                                <div class="menuListColumn">

                                    <p class="menuListTitle">{{ column.title }}</p>

                                    @foreach(let position of column.content)

                                        <a href="{{ position.href }}" class="menuListPosition">{{ position.title }}</a>

                                    @endforeach

                                </div>

                            @endforeach

                        </div>

                    </div>

                @endforeach

            </div>

        </div>

    </div>

    <div id="topPanel">

        <div id="topPanelAccount">



        </div>

        <div id="topPanelSearch">

            <input type="text" id="topSearcher" placeholder="Szybkie wyszukiwanie...">

        </div>

    </div>

    <script src="/js/topSearch.js"></script>
    <script src="/js/header.js"></script>

    <div id="content">

        @bodycontent

    </div>

    <div id="footer">

        <div id="footerFrame">

            <div id="footerContent">

                <div id="footerLeft">

                    <h1 class="footerTitle">all4young</h1>

                    <p class="footerText">company sp. z o.o. &copy;</p>

                    <h1 class="footerTitle">Licencja</h1>

                    <p class="footerText">Zamieszczone produkty są własnością firmy do momentu zakupu</p>

                    <p class="footerText">Wszelkie prawa zastrzeżone</p>

                </div>
                <div id="footerRight">

                    <h1 class="footerTitle">Znajdź nas</h1>

                    <a href="/" class="footerLink">Facebook</a>

                    <a href="/" class="footerLink">Instagram</a>

                    <a href="/" class="footerLink">Twitter</a>

                    <h1 class="footerTitle">Dane kontaktowe</h1>

                    <p class="footerText">email: all4youngCompany@gmail.com</p>

                    <p class="footerText">Tel: +48 213 7ss ij0</p>

                    <p class="footerText">Siedziba: Prusy</p>

                </div>

            </div>

        </div>

    </div>

    <div id="smallFooter">
        Site created by Karolaczek
    </div>

@endbody