@page "/restaurants"
@using TIAMSharedUI.Shared

<TopRow></TopRow>
<HeroSlider></HeroSlider>

<div class="container-fluid">
    <section class="game-section" style="max-width: 100%; overflow-x:hidden">
        <div class="text-center">

            <h1>Restaurants</h1>
            <h2>Please select!</h2>
        </div>
        <div class="owl-carousel custom-carousel owl-theme">
             <a href="login">
                <div class="item active" style="background-image: url(_content/TIAMSharedUI/images/slider1.jpg);">
               
                        <div class="item-desc">
                            <h3>Parliament of Hungary</h3>
                            <p>The Parliament of Hungary, located in Budapest, is a magnificent neo-Gothic building along the Danube River, housing the country's legislature and representing a symbol of Hungary's political and historical significance.</p>
                        </div>

                </div>
            </a>
            <div class="item" style="background-image: url(_content/TIAMSharedUI/images/slider2.jpg);">
                <div class="item-desc">
                    <h3>Buda Castle</h3>
                    <p>Buda Castle, located in Budapest, Hungary, is a historic palace complex that has served as the royal residence and administrative center for Hungarian kings throughout history. </p>
                </div>
            </div>
            <div class="item" style="background-image: url(_content/TIAMSharedUI/images/slider3.jpg);">
                <div class="item-desc">
                    <h3>Aggtelek National Park</h3>
                    <p>Aggtelek Cave, in northeastern Hungary, is a UNESCO World Heritage site renowned for its intricate karst formations, underground river, and breathtaking natural beauty, making it a must-visit destination for cave enthusiasts and nature lovers.</p>
                </div>
            </div>
            <div class="item" style="background-image: url(_content/TIAMSharedUI/images/slider4.jpg);">
                <div class="item-desc">
                    <h3>Margaret Island</h3>
                    <p>Margaret Island, also in Budapest, is a serene green oasis situated in the middle of the Danube River, offering recreational opportunities, gardens, and a relaxing escape from the city.</p>
                </div>
            </div>
            <div class="item" style="background-image: url(_content/TIAMSharedUI/images/slider5.jpg);">
                <div class="item-desc">
                    <h3>Heroes square</h3>
                    <p>Heroes' Square in Budapest, Hungary, is a grand public square featuring iconic statues and monuments honoring the nation's historic leaders and heroes.</p>
                </div>
            </div>
            <div class="item" style="background-image: url(_content/TIAMSharedUI/images/slider6.jpg);">
                <div class="item-desc">
                    <h3>Vajdahunyad Castle</h3>
                    <p>Vajdahunyad Castle, also in Budapest, is a fairytale-like complex showcasing architectural styles from various historical periods, making it a unique and picturesque cultural destination.</p>
                </div>
            </div>
        </div>
    </section>
    

</div>

<script>
    $(".custom-carousel").owlCarousel({
        autoWidth: true,
        loop: true
    });
    $(document).ready(function () {
        $(".custom-carousel .item").click(function () {
            $(".custom-carousel .item").not($(this)).removeClass("active");
            $(this).toggleClass("active");
        });
    });
</script>