@page "/tour"
@using TIAMSharedUI.Shared


<div class="container-fluid my-5">
<section class="py-5">
    
        <div class="row gx-4 gx-lg-5 align-items-center">
            <div class="col-md-6"><img class="card-img-top mb-5 mb-md-0" src="_content/TIAMSharedUI/images/slider2.jpg" alt="..." /></div>
            <div class="col-md-6">
                <div class="small mb-1">Historical</div>
                <h1 class="display-5 fw-bolder">Buda castle</h1>
                <h2>by <a href="guideprofile">Klára Kovács</a></h2>
                <div class="fs-5 mb-5">
                    <span class="text-decoration-line-through">$45.00</span>
                    <span>$40.00</span>
                </div>
                <p class="lead">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 class="d-flex justify-content-between">
                    
                    <div>
                        <p>Visitors number:</p>
                    <input class="form-control text-center me-3" id="inputQuantity" type="num" value="1" style="color: black; max-width: 3rem; background-color: transparent" />
                    <button class="btn btn-primary flex-shrink-0" type="button">
                        
                        Add to cart
                    </button>
                    </div>
                </div>
            </div>
        </div>
   
</section>
<!-- Related items section-->
<FeaturedItems ItemType=0 DisplayTitle=true></FeaturedItems>
</div>
@code {

}