@page "/"
@using TIAMSharedUI.Shared

<PageTitle>Index</PageTitle>

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

<div class="container-fluid" style="align-content: center;">

    

    <div class="text-center">

        <h1>Welcome</h1>
        <h2>Please select!</h2>
     </div>

     <div class="row">

     
    <NavLink class="nav-link col-md-6 col-lg-4 col-12" href="transfer">
        <div class="card my-3 my-card text-white">
            <img class="card-img" src="_content/TIAMSharedUI/images/m_transfer.jpg" alt="Card image">
            <div class="card-img-overlay">

                <h3 class="card-title">Transfer</h3>
                
                <p class="card-text">Do you need a lift? Book a transfer now!</p>
                
            </div>
        </div>
    </NavLink>

    <NavLink class="nav-link col-md-6 col-lg-4 col-12" href="tours">
            <div class="card my-3 my-card text-white">
        <img class="card-img" src="_content/TIAMSharedUI/images/m_tour.jpg" alt="Card image">
    <div class="card-img-overlay">
        <h3 class="card-title">Tours</h3>
        <p class="card-text">Are you curious about the wonderful sights of Budapest or Hungary? Book a guided tour now!</p>
        
    </div>
    </div>
    </NavLink>

    <NavLink class="nav-link col-md-6 col-lg-4 col-12" href="clubcards">
            <div class="card my-3 my-card text-white">
        <img class="card-img" src="_content/TIAMSharedUI/images/m_restaurant.jpg" alt="Card image">
    <div class="card-img-overlay">
        <h3 class="card-title">Clubcards</h3>
        <p class="card-text">Join the club, and enjoy great offers during your stay!</p>
        
    </div>
</div>
</NavLink>
    </div>

</div>