@page "/"
@using MissNationSharedUI.Shared.Components.Layout



<!--body content start-->
<section class="body-content ">
    <SuperHeroComponent/>
    <HeroComponent />
    <!--slider box-->
    <!--ads box-->
    <!--trendy product-->
    <!--parallax-->
    <!-- <div class="parallax-inner full-width float-left parallax-p">
        <div class="container ">
            <div class="row">
                <div class="heading-title-alt text-center m-bot-0 inline-block">
                    <h1 class="text-uppercase light-txt">Our misson</h1>
                    </p>
                    <h4 class="text-uppercase light-txt">&#10077;Our goal is to choose a Queen who can serve as an Idol to the younger generations, her Nation and the entire World.&#10078;

                    </h4>

                </div>

            </div>
        </div>
    </div>-->
    <!--parallax-->

    
    <QuoteRightComponent/>
    <SlidersComponent/>


    <!--clients
    <div class="page-content">
        <div class="container">
            <div class="row">
                <div class="col-md-12">

                    <div class="heading-title border text-center">
                        <h3 class="text-uppercase">popular brand</h3>
                        <span class="text-uppercase">Know more about our story from the very begening to till date </span>
                    </div>

                    <ul class="clients plus-box grid-5 ">
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-1.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-2.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-3.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-4.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-5.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-6.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-7.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-8.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-9.png" alt="Clients">
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="assets/img/clients/c-10.png" alt="Clients">
                            </a>
                        </li>
                    </ul>

                </div>

            </div>
        </div>
    </div>
    -->
    <!--subscribe-->
   <SubscriptionComponent/>
    <!--subscribe-->


</section>
<!--body content end-->
<!--footer start 1-->

<!--footer 1 end-->
@code {

}