@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%; 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">Welcome to MangoWeb!</h1>
        <div class="col-lg-6 mx-auto" style="position:relative; z-index:100">
            <h3 style="position:relative; z-index:100">
               
            </h3>
            <p class="fs-5 mb-4" style="position:relative; z-index:100">At MangoWeb, we're dedicated to bringing your digital dreams to life. As your trusted digital partner, we specialize in crafting bespoke web and app development solutions that elevate your online presence and drive tangible results for your business.</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 {

}