@using BlazorWASM.Shared
<div class="hero text-secondary px-4 py-5 text-center" style="position: relative">
    <video autoplay loop muted style="position: absolute; width: 100%; height: 100%; object-fit: cover; left:0px;">
        <source src="_content/SharedUI/assets/video/mango2.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <div class="py-5" style="position: relative">
        

        <h1 class="display-5 fw-bold text-white" style="position:relative; z-index:100">Üdv a MangoWebnél!</h1>
        <div class="col-lg-6 mx-auto" style="position:relative; z-index:100">
            <h3 style="position:relative; z-index:100">
                A mai világban a tervezés egy jobb világ.
            </h3>
            <p class="fs-5 mb-4" style="position:relative; z-index:100">Üdvözöllek a végtelen képzelet és határtalan kreativitás világában! Együtt induljunk el egy különleges úton, ahol az álmok valósággá válnak.</p>
            <div class="d-grid gap-2 d-sm-flex justify-content-sm-center" style="position:relative; z-index:100">
                <button type="button" class="btn glass btn-lg px-4">What we do</button>
                <button type="button" class="btn glass btn-lg px-4">View works</button>
            </div>
        </div>
      @*   <video autoplay muted loop id="myVideo" style="position:absolute; z-index:2">
        <source src="_content/SharedUI/bgvideo.mp4" type="video/mp4">

        </video> *@
    </div>
</div>

@code {

}