@extends('website.layout.master')

@section('title')
    Home
@endsection

@section('content')

    <div class="ms-all-content ms-content-mobile-space pt-130">
        <main>
            <!-- Brand Song Area Start Here  -->
            <section class="ms-song-area pt-40 pb-40">
                <div class="container-fluid ms-maw-1710">
                    <div class="swiper-container ms-song-active fix">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="ms-song-item">
                                    <div class="ms-song-img p-relative">
                                        <a href="#"><img src="{{ URL::asset('website/images/brand-song/01.png')}} "
                                                                           alt="brand-song"></a>
                                        <span class="ms-song-num">01</span>
                                    </div>
                                    <div class="ms-song-content">
                                        <h3 class="ms-song-title"><a href="#">Arcade Fire</a>
                                        </h3>
                                        <span class="ms-song-text">Canadian rock group</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="ms-song-item">
                                    <div class="ms-song-img p-relative">
                                        <a href="#"><img src="{{ URL::asset('website/images/brand-song/02.png')}}"
                                                                           alt="brand-song"></a>
                                        <span class="ms-song-num">02</span>
                                    </div>
                                    <div class="ms-song-content">
                                        <h3 class="ms-song-title"><a href="#">Beastie Boys</a>
                                        </h3>
                                        <span class="ms-song-text">American hip-hop</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="ms-song-item">
                                    <div class="ms-song-img p-relative">
                                        <a href="#"><img src="{{ URL::asset('website/images/brand-song/03.png')}}"
                                                                           alt="brand-song"></a>
                                        <span class="ms-song-num">03</span>
                                    </div>
                                    <div class="ms-song-content">
                                        <h3 class="ms-song-title"><a href="#">Blondie</a></h3>
                                        <span class="ms-song-text">American rock group</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="ms-song-item">
                                    <div class="ms-song-img p-relative">
                                        <a href="#"><img src="{{ URL::asset('website/images/brand-song/04.png')}}"
                                                                           alt="brand-song"></a>
                                        <span class="ms-song-num">04</span>
                                    </div>
                                    <div class="ms-song-content">
                                        <h3 class="ms-song-title"><a href="#">Black
                                                Sabbath</a></h3>
                                        <span class="ms-song-text">British rock group</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="ms-song-item">
                                    <div class="ms-song-img p-relative">
                                        <a href="#"><img src="{{ URL::asset('website/images/brand-song/05.png')}}"
                                                                           alt="brand-song"></a>
                                        <span class="ms-song-num">05</span>
                                    </div>
                                    <div class="ms-song-content">
                                        <h3 class="ms-song-title"><a href="#">Boy II Men</a>
                                        </h3>
                                        <span class="ms-song-text">Hong Kong Folk</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="ms-song-item">
                                    <div class="ms-song-img p-relative">
                                        <a href="#"><img src="{{ URL::asset('website/images/brand-song/06.png')}}"
                                                                           alt="brand-song"></a>
                                        <span class="ms-song-num">06</span>
                                    </div>
                                    <div class="ms-song-content">
                                        <h3 class="ms-song-title"><a href="#">The Coasters</a>
                                        </h3>
                                        <span class="ms-song-text">Canada band group</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="ms-song-item">
                                    <div class="ms-song-img p-relative">
                                        <a href="#"><img src="{{ URL::asset('website/images/brand-song/07.png')}}"
                                                                           alt="brand-song"></a>
                                        <span class="ms-song-num">07</span>
                                    </div>
                                    <div class="ms-song-content">
                                        <h3 class="ms-song-title"><a href="#">The
                                                Flamingos</a></h3>
                                        <span class="ms-song-text">Chicago rock group</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Brand Song Area End Here  -->

            <!-- Banner Area Start Here  -->
            <section class="ms-banner-area p-relative">
                <a class="ms-scroll-down" href="#">SCROLL DOWN</a>
                <div class="ms-banner-social p-absolute">
                    <div class="ms-footer-social">
                        <a href="https://www.instagram.com/" title="Instagram" target="_blank">IN</a>
                        <a href="https://twitter.com/" title="Twitter" target="_blank">TW</a>
                        <a href="https://www.facebook.com/" title="Facebook" target="_blank">FB</a>
                    </div>
                </div>
                <div class="container-fluid ms-maw-1710">
                    <div class="ms-br-30 mx-auto include__bg z-index-1 ms-overlay-1 p-relative"
                         data-background="{{ URL::asset('website/images/banner/banner-thumb-08.png')}} ">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-xl-11">
                                    <div class="ms-banner__main-wrapper">
                                        <div class="ms-banner__content text-center">
                                            <h1 class="ms-banner__bg-title"
                                                data-background="{{ URL::asset('website/images/banner/title-bg.jpg')}} ">
                                                Maia Media
                                            </h1>
                                            <h2 class="ms-banner__title msg_title bd-title-anim">Empowering Creative Careers<br>
                                                Partner in Artistic & Financial Growth</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Banner Area End Here  -->

            <!-- Text scroll area start -->
            <section class="text__scroll-area include__bg ms-ts-space p-relative fix"
                     data-background="{{ URL::asset('website/images/bg/text-scroll-bg.png')}} ">
                <div class="text__scroll-wrapper">
                    <div class="ms-text-line-1">
                        <div class="swiper-container ms-st-active scroll__text pt-20 pb-20">
                            <div class="swiper-wrapper ms-st-active-wrapper">
                                <div class="swiper-slide">
                                    <h3>Where</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Artistic</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Freedom</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Meets</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Strategic</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Growth</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Meet</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-2">the</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Voices</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Shaping</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>the</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Future</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>of</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Music</span></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ms-text-line-2">
                        <div class="swiper-container ms-str-active scroll__text pt-20 pb-20">
                            <div class="swiper-wrapper ms-str-active-wrapper">
                                <div class="swiper-slide">
                                    <h3>Where</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Artistic</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Freedom</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Meets</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Strategic</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Growth</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Meet</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-2">the</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Voices</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>Shaping</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>the</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Future</span></h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3>of</h3>
                                </div>
                                <div class="swiper-slide">
                                    <h3><span class="text-color-1">Music</span></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Text scroll area end -->

            <!-- Popular  area start -->
            <section class="ms-popular__area pt-130 pb-100 fix">
                <div class="container">
                    <div class="row align-items-end mb-25 bdFadeUp">
                        <div class="col-xl-6 col-lg-6">
                            <div class="section__title-wrapper mb-40 bd-title-anim">
                                <span class="section__subtitle">Our Talents</span>
                                <h2 class="section__title msg_title">
                                    <span class="animated-underline active">Meet the Voices Shaping</span> <br>
                                    the Future of Music
                                </h2>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6">
                            <div class="ms-popular__tab ms-popular-flex mb-40">
                                <nav>
                                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                        <button class="nav-link active" id="nav-popular-1-tab" data-bs-toggle="tab"
                                                data-bs-target="#nav-popular-1" type="button" role="tab"
                                                aria-controls="nav-popular-1" aria-selected="true">Artists</button>
                                        <button class="nav-link" id="nav-popular-2-tab" data-bs-toggle="tab"
                                                data-bs-target="#nav-popular-2" type="button" role="tab"
                                                aria-controls="nav-popular-2" aria-selected="false">Musicians</button>
                                        <button class="nav-link" id="nav-popular-3-tab" data-bs-toggle="tab"
                                                data-bs-target="#nav-popular-3" type="button" role="tab"
                                                aria-controls="nav-popular-3" aria-selected="false">Podcasters</button>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="row bdFadeUp">
                        <div class="col-xxl-12">
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="nav-popular-1" role="tabpanel"
                                     aria-labelledby="nav-popular-1-tab" tabindex="0">
                                    <div class="swiper-container ms-popular-active fix">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-01.png')}} "
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Singers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-02.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Bands &
                                                            Group</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-03.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Tributes</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-04.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Solo
                                                            Musicians
                                                        </a></h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-01.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Singers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-02.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Bands &
                                                            Group</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-03.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Tributes</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-04.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Solo
                                                            Musicians
                                                        </a></h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-popular-2" role="tabpanel"
                                     aria-labelledby="nav-popular-2-tab" tabindex="0">
                                    <div class="swiper-container ms-popular-active fix">
                                        <div class="swiper-wrapper">

                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-03.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Tributes</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-04.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Solo
                                                            Musicians
                                                        </a></h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-01.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Singers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-02.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Bands &
                                                            Group</a>
                                                    </h4>
                                                </div>
                                            </div>

                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-03.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Tributes</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-04.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Solo
                                                            Musicians
                                                        </a></h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-01.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Singers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-02.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Bands &
                                                            Group</a>
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-popular-3" role="tabpanel"
                                     aria-labelledby="nav-popular-3-tab" tabindex="0">
                                    <div class="swiper-container ms-popular-active fix">
                                        <div class="swiper-wrapper">

                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-04.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Solo
                                                            Musicians
                                                        </a></h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-01.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Singers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-02.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Bands &
                                                            Group</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-03.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Tributes</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-01.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Singers</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-02.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Bands &
                                                            Group</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-03.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a
                                                            href="#">Tributes</a>
                                                    </h4>
                                                </div>
                                            </div>
                                            <div class="swiper-slide">
                                                <div class="ms-popular__item p-relative mb-30">
                                                    <div class="ms-popular__thumb">
                                                        <div class="ms-popular-overlay"></div>
                                                        <a href="#"><img
                                                                src="{{ URL::asset('website/images/popular/popular-04.png')}}"
                                                                alt="popular band"></a>
                                                        <a href="#" class="ms-popular__link">
                                                            <span class="ms-popular-icon"><i
                                                                    class="fa-regular fa-arrow-right-long"></i></span>
                                                        </a>
                                                    </div>
                                                    <h4 class="ms-popular__title"><a href="#">Solo
                                                            Musicians
                                                        </a></h4>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Popular  area end -->

            <!-- work area start -->
            <section class="work__area work-overlay pt-125 pb-60 include__bg"
                     data-background="{{ URL::asset('website/images/bg/work-bg.jpg ')}} ">
                <img class="work__vactor-shape d-none d-xl-block" src="{{ URL::asset('website/images/work/vactoe-shape.png')}} "
                     alt="vactoe-shape.png">
                <div class="container">
                    <div class="row align-items-center bdFadeUp">
                        <div class="col-xl-6">
                            <div class="work__thumb-wrapper d-inline-block p-relative mb-60">
                                <div class="work__thumb-inner">
                                    <div class="work__thumb">
                                        <img src="{{ URL::asset('website/images/work/ab1.jpg')}} " alt="work image">
                                    </div>
                                    <div class="work__small-thumb">
                                        <div class="work__thumb">
                                            <img src="{{ URL::asset('website/images/work/ab2.jpg')}}" alt="work image">
                                        </div>
                                        <div class="work__thumb">
                                            <img src="{{ URL::asset('website/images/work/ab3.jpg')}}" alt="work image">
                                        </div>
                                    </div>
                                </div>
                                <div class="d-none d-sm-block">
                                    <div class="work__thumb-card ">
                                        <div class="work__card-content">
                                            <span>Excellent :</span>
                                            <p>1050 Review On</p>
                                        </div>
                                        <div class="card__button">
                                            <a class="card__btn" href="#">
                                                <img src="{{ URL::asset('website/images/work/star.png')}} " alt="work icon">
                                                <span>Trustpilot</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="work__content-wrapper work__content-space mb-70 pl-40">
                                <div class="section__title-wrapper mb-50 bd-title-anim">
                                    <span class="section__subtitle">How it Works</span>
                                    <h2 class="section__title two">
                                        From Talent Development to
                                        <span class="animated-underline active"> Global Exposure</span>
                                    </h2>
                                </div>
                                <div class="work__features-inner">
                                    <div class="work__features-item">
                                        <div class="work__features-icon">
                                            <span>
                                                <svg width="46" height="27" viewBox="0 0 46 27" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <g clip-path="url(#clip0_36_265)">
                                                        <mask id="mask0_36_265" style="mask-type:alpha"
                                                              maskUnits="userSpaceOnUse" x="2" y="-1" width="42"
                                                              height="27">
                                                            <path
                                                                d="M40.3981 0.0808105H5.59708C4.33871 0.0808105 3.3186 1.1096 3.3186 2.37868V23.0226C3.3186 24.2917 4.33871 25.3205 5.59708 25.3205H40.3981C41.6565 25.3205 42.6766 24.2917 42.6766 23.0226V2.37868C42.6766 1.1096 41.6565 0.0808105 40.3981 0.0808105Z"
                                                                fill="#DFEFFF" stroke="#2690FF" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </mask>
                                                        <g mask="url(#mask0_36_265)">
                                                            <path
                                                                d="M40.3981 0.0808105H5.59708C4.33871 0.0808105 3.3186 1.1096 3.3186 2.37868V23.0226C3.3186 24.2917 4.33871 25.3205 5.59708 25.3205H40.3981C41.6565 25.3205 42.6766 24.2917 42.6766 23.0226V2.37868C42.6766 1.1096 41.6565 0.0808105 40.3981 0.0808105Z"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </g>
                                                        <mask id="mask1_36_265" style="mask-type:alpha"
                                                              maskUnits="userSpaceOnUse" x="0" y="23" width="46"
                                                              height="4">
                                                            <path
                                                                d="M3.05673 25.8934C3.60661 26.3559 4.56615 26.7308 5.19913 26.7308H41.5731C42.2065 26.7308 43.1378 26.2914 43.6562 25.7464L45.0058 24.3275C45.523 23.7838 45.4265 23.343 44.7957 23.343H1.17102C0.537823 23.343 0.470957 23.7185 1.02017 24.1805L3.05673 25.8934Z"
                                                                fill="#2690FF" />
                                                        </mask>
                                                        <g mask="url(#mask1_36_265)">
                                                            <path
                                                                d="M3.05673 25.8934C3.60661 26.3559 4.56615 26.7308 5.19913 26.7308H41.5731C42.2065 26.7308 43.1378 26.2914 43.6562 25.7464L45.0058 24.3275C45.523 23.7838 45.4265 23.343 44.7957 23.343H1.17102C0.537823 23.343 0.470957 23.7185 1.02017 24.1805L3.05673 25.8934Z"
                                                                fill="white" />
                                                        </g>
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M14.6847 16.2461H16.1739L15.057 10.614H11.7063L10.9617 16.2461H12.4509V17.7478C12.4509 18.368 12.9509 18.8743 13.5678 18.8743C14.1889 18.8743 14.6847 18.37 14.6847 17.7478V16.2462V16.2461Z"
                                                              fill="white" stroke="white" stroke-linecap="round"
                                                              stroke-linejoin="round" />
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M21.7584 18.8743H20.2692L18.4077 10.6139H23.6199L21.7584 18.8743Z"
                                                              fill="white" stroke="white" stroke-linecap="round"
                                                              stroke-linejoin="round" />
                                                        <path
                                                            d="M13.3817 9.48762C14.3069 9.48762 15.057 8.73116 15.057 7.79801C15.057 6.86486 14.3069 6.1084 13.3817 6.1084C12.4564 6.1084 11.7063 6.86486 11.7063 7.79801C11.7063 8.73116 12.4564 9.48762 13.3817 9.48762Z"
                                                            fill="white" stroke="white" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M20.8277 9.48762C21.753 9.48762 22.5031 8.73116 22.5031 7.79801C22.5031 6.86486 21.753 6.1084 20.8277 6.1084C19.9024 6.1084 19.1523 6.86486 19.1523 7.79801C19.1523 8.73116 19.9024 9.48762 20.8277 9.48762Z"
                                                            fill="white" stroke="white" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path d="M27.9299 7.56274H34.8759" stroke="white"
                                                              stroke-linecap="round" />
                                                        <path d="M27.9299 10.4714H34.8759" stroke="white"
                                                              stroke-linecap="round" />
                                                        <path d="M27.9299 13.3801H34.8759" stroke="white"
                                                              stroke-linecap="round" />
                                                        <path d="M27.9299 16.2888H32.5446" stroke="white"
                                                              stroke-linecap="round" />
                                                    </g>
                                                    <defs>
                                                        <clipPath id="clip0_36_265">
                                                            <rect width="45" height="27" fill="white"
                                                                  transform="translate(0.523438)" />
                                                        </clipPath>
                                                    </defs>
                                                </svg>
                                            </span>
                                        </div>
                                        <div class="work__features-content">
                                            <h4>Championing Artists</h4>
                                            <p>Empowering emerging and established talents to have a voice.
                                            </p>
                                        </div>
                                    </div>
                                    <div class="work__features-item">
                                        <div class="work__features-icon">
                                            <span>
                                                <svg width="46" height="30" viewBox="0 0 46 30" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <g clip-path="url(#clip0_36_354)">
                                                        <mask id="mask0_36_354" style="mask-type:alpha"
                                                              maskUnits="userSpaceOnUse" x="6" y="-1" width="41"
                                                              height="27">
                                                            <path
                                                                d="M9.26562 24.7666L43.3012 24.7666C44.5285 24.7666 45.5234 23.7717 45.5234 22.5444V2.25166C45.5234 1.02435 44.5285 0.0294323 43.3012 0.0294323L9.26562 0.0294323C8.03832 0.0294323 7.0434 1.02435 7.0434 2.25166V22.5444C7.0434 23.7717 8.03832 24.7666 9.26562 24.7666Z"
                                                                fill="#DFEFFF" stroke="#2690FF" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </mask>
                                                        <g mask="url(#mask0_36_354)">
                                                            <path
                                                                d="M9.26562 24.7666L43.3012 24.7666C44.5285 24.7666 45.5234 23.7717 45.5234 22.5444V2.25166C45.5234 1.02435 44.5285 0.0294323 43.3012 0.0294323L9.26562 0.0294323C8.03832 0.0294323 7.0434 1.02435 7.0434 2.25166V22.5444C7.0434 23.7717 8.03832 24.7666 9.26562 24.7666Z"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </g>
                                                        <path
                                                            d="M40.7134 17.208L27.6577 17.208M24.9091 17.208L11.8533 17.208"
                                                            stroke="white" stroke-linecap="square"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M31.5173 11.7109L39.6023 11.7109C40.2159 11.7109 40.7134 11.2135 40.7134 10.5998V5.95061C40.7134 5.33696 40.2159 4.8395 39.6023 4.8395L31.5173 4.8395C30.9037 4.8395 30.4062 5.33696 30.4062 5.95061V10.5998C30.4062 11.2135 30.9037 11.7109 31.5173 11.7109Z"
                                                            stroke="white" stroke-width="2" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M34.5291 11.7109V4.8395M40.7134 8.96236H35.2162M34.5291 7.58808H30.4062"
                                                            stroke="white" stroke-linecap="square"
                                                            stroke-linejoin="round" />
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M1.26636 20.3433H12.9603V28.4391H1.26636V20.3433Z"
                                                              fill="white" stroke="white" stroke-linecap="round"
                                                              stroke-linejoin="round" />
                                                        <path
                                                            d="M12.0606 19.8935C12.0606 17.1611 9.8456 14.946 7.11321 14.946C4.38081 14.946 2.16577 17.1611 2.16577 19.8935"
                                                            stroke="white" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </g>
                                                    <defs>
                                                        <clipPath id="clip0_36_354">
                                                            <rect width="45" height="29.4444" fill="white"
                                                                  transform="translate(0.523438)" />
                                                        </clipPath>
                                                    </defs>
                                                </svg>
                                            </span>
                                        </div>
                                        <div class="work__features-content">
                                            <h4>Creative Control</h4>
                                            <p>Ensuring artists maintain full autonomy in their work.</p>
                                        </div>
                                    </div>
                                    <div class="work__features-item">
                                        <div class="work__features-icon">
                                            <span>
                                                <svg width="46" height="42" viewBox="0 0 46 42" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <g clip-path="url(#clip0_36_396)">
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M36.5665 12.3724C38.1067 12.677 39.8538 12.4088 41.4313 11.4975C44.5453 9.70015 45.8206 6.07889 44.2793 3.4094C42.7388 0.740078 38.965 0.0338131 35.8508 1.83184C34.2735 2.7425 33.1675 4.12203 32.6608 5.60739L36.5665 12.3724Z"
                                                              stroke="white" stroke-linecap="round"
                                                              stroke-linejoin="round" />
                                                        <mask id="mask0_36_396" style="mask-type:alpha"
                                                              maskUnits="userSpaceOnUse" x="38" y="2" width="4"
                                                              height="4">
                                                            <path
                                                                d="M38.9634 2.95068L40.5035 3.36336L40.0908 4.90348L38.5507 4.4908L38.9634 2.95068Z"
                                                                stroke="#2690FF" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </mask>
                                                        <g mask="url(#mask0_36_396)">
                                                            <path
                                                                d="M39.8188 2.83813L40.6161 4.21897L39.2352 5.01619L38.438 3.63536L39.8188 2.83813Z"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </g>
                                                        <mask id="mask1_36_396" style="mask-type:alpha"
                                                              maskUnits="userSpaceOnUse" x="39" y="5" width="4"
                                                              height="4">
                                                            <path
                                                                d="M40.5579 5.7124L42.098 6.12508L41.6853 7.6652L40.1452 7.25252L40.5579 5.7124Z"
                                                                stroke="#2690FF" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </mask>
                                                        <g mask="url(#mask1_36_396)">
                                                            <path
                                                                d="M41.4133 5.59985L42.2106 6.98069L40.8297 7.77791L40.0325 6.39708L41.4133 5.59985Z"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </g>
                                                        <mask id="mask2_36_396" style="mask-type:alpha"
                                                              maskUnits="userSpaceOnUse" x="36" y="5" width="4"
                                                              height="4">
                                                            <path
                                                                d="M36.999 5.92603L38.5391 6.3387L38.1265 7.87882L36.5863 7.46614L36.999 5.92603Z"
                                                                stroke="#2690FF" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </mask>
                                                        <g mask="url(#mask2_36_396)">
                                                            <path
                                                                d="M37.8545 5.81348L38.6517 7.19431L37.2709 7.99153L36.4737 6.6107L37.8545 5.81348Z"
                                                                stroke="white" stroke-linecap="round"
                                                                stroke-linejoin="round" />
                                                        </g>
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M33.0191 6.22821L36.2079 11.7513L33.4466 13.3461L30.2571 7.82284L33.0191 6.22821Z"
                                                              fill="white" stroke="white" stroke-width="2"
                                                              stroke-linecap="round" stroke-linejoin="round" />
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M30.2575 7.82262L33.4462 13.3457L15.0969 23.0193L12.7052 18.8768L30.2575 7.82262Z"
                                                              stroke="white" stroke-linecap="round"
                                                              stroke-linejoin="round" />
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M13.1038 19.5673L14.6985 22.3293L11.9367 23.9233L10.3419 21.1619L13.1038 19.5673Z"
                                                              fill="white" stroke="white" stroke-width="2"
                                                              stroke-linecap="round" stroke-linejoin="round" />
                                                        <path d="M11.1395 22.5428L4.23499 26.5292" stroke="white"
                                                              stroke-linecap="square" stroke-linejoin="round" />
                                                        <path
                                                            d="M3.54494 26.9275C1.63803 28.0284 0.984887 30.466 2.08584 32.3729C3.18697 34.2791 5.62455 34.9323 7.53127 33.832M11.5172 40.7358C13.4241 39.6348 14.0772 37.1973 12.9763 35.2904C11.8751 33.3841 9.43756 32.731 7.53084 33.8313"
                                                            stroke="white" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M29.0258 35.4579C30.7317 35.4579 32.115 34.5359 32.115 33.3984C32.115 32.2608 30.7317 31.3389 29.0258 31.3389C27.3198 31.3389 25.9365 32.2608 25.9365 33.3984C25.9365 34.5359 27.3198 35.4579 29.0258 35.4579Z"
                                                              fill="white" />
                                                        <path d="M31.4285 32.7118V23.1736" stroke="white"
                                                              stroke-linecap="round" stroke-linejoin="round" />
                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                              d="M37.9503 38.204C39.6563 38.204 41.0396 37.282 41.0396 36.1445C41.0396 35.0069 39.6563 34.085 37.9503 34.085C36.2444 34.085 34.8611 35.0069 34.8611 36.1445C34.8611 37.282 36.2444 38.204 37.9503 38.204Z"
                                                              fill="white" />
                                                        <path d="M40.3529 34.7713V25.4452L31.4285 23.1008"
                                                              stroke="white" stroke-linecap="round"
                                                              stroke-linejoin="round" />
                                                    </g>
                                                    <defs>
                                                        <clipPath id="clip0_36_396">
                                                            <rect width="45" height="41.4474" fill="white"
                                                                  transform="translate(0.523438)" />
                                                        </clipPath>
                                                    </defs>
                                                </svg>
                                            </span>
                                        </div>
                                        <div class="work__features-content">
                                            <h4>Strategic Growth</h4>
                                            <p>Advancing careers while safeguarding artistic integrity.</p>
                                        </div>
                                    </div>
                                    <div class="work__features-bottom">
                                        <div class="work__features-action">
                                            <div class="work__features-btn">
                                                <a class="unfill__btn" href="#">Get Started</a>
                                            </div>
                                            <div class="features__btn-text">
                                                <span>Book something <br>awesome !</span>
                                            </div>
                                        </div>
                                        <div class="work__features-arrow">
                                            <img src="{{ URL::asset('website/images/work/arrow.png')}}" alt="image not found">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- work area end -->

            <!-- Trending area start -->
            <section class="trending__area p-relative z-index-11 x-clip pt-130 pb-130">
                <span class="trending-round-bg-1"></span>
                <span class="trending-round-bg-2"></span>
                <div class="container">
                    <div class="row align-items-end mb-25 bdFadeUp">
                        <div class="col-lg-8">
                            <div class="section__title-wrapper mb-40 bd-title-anim">
                                <span class="section__subtitle">Trending Genres</span>
                                <div id="msg-title">
                                    <h2 class="section__title"><span class="animated-underline active">Our
                                            Comprehensive</span>
                                        Services</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row bdFadeUp">
                        <div class="trending-grid">
                            <div class="trending-item">
                                <div class="trending__thumb" data-background="{{ URL::asset('website/images/trending/ser1.jpg')}}"></div>
                                <div class="trending__info">
                                    <div class="trending__number">
                                        <span>01</span>
                                    </div>
                                    <div class="trending__arrow">
                                        <a href="{{ URL::asset('website/images/trending/01.jpg')}} " class="popup-image"><i
                                                class="fa-regular fa-arrow-right-long"></i></a>
                                    </div>
                                    <div class="trending__price">
                                        <span>From $99</span>
                                    </div>
                                    <span class="trending__title">Maia Media</span>
                                    <div class="trending__content">
                                        <h4><a href="#">Collaborations</a></h4>
                                        <p>We connect artists with the right partners to spark impactful collaborations.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="trending-item">
                                <div class="trending__thumb" data-background="{{ URL::asset('website/images/trending/02.jpg')}}"></div>
                                <div class="trending__info">
                                    <div class="trending__number">
                                        <span>02</span>
                                    </div>
                                    <div class="trending__arrow">
                                        <a href="{{ URL::asset('website/images/trending/01.jpg')}}" class="popup-image"><i
                                                class="fa-regular fa-arrow-right-long"></i></a>
                                    </div>
                                    <div class="trending__price">
                                        <span>From $99</span>
                                    </div>
                                    <span class="trending__title">Maia Media</span>
                                    <div class="trending__content">
                                        <h4><a href="#">Sponsorships</a></h4>
                                        <p>We help artists find and secure sponsorships to fund their creative projects.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="trending-item">
                                <div class="trending__thumb" data-background="{{ URL::asset('website/images/trending/03.jpg')}}"></div>
                                <div class="trending__info">
                                    <div class="trending__number">
                                        <span>03</span>
                                    </div>
                                    <div class="trending__arrow">
                                        <a href="{{ URL::asset('website/images/trending/03.jpg')}}" class="popup-image"><i
                                                class="fa-regular fa-arrow-right-long"></i></a>
                                    </div>
                                    <div class="trending__price">
                                        <span>From $99</span>
                                    </div>
                                    <span class="trending__title">Maia Media</span>
                                    <div class="trending__content">
                                        <h4><a href="#">Outsourcing Rights</a></h4>
                                        <p>We manage the outsourcing of rights to larger media companies for broader exposure.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="trending-item">
                                <div class="trending__thumb" data-background="{{ URL::asset('website/images/trending/04.jpg')}}"></div>
                                <div class="trending__info">
                                    <div class="trending__number">
                                        <span>04</span>
                                    </div>
                                    <div class="trending__arrow">
                                        <a href="{{ URL::asset('website/images/trending/04.jpg')}}" class="popup-image"><i
                                                class="fa-regular fa-arrow-right-long"></i></a>
                                    </div>
                                    <div class="trending__price">
                                        <span>From $99</span>
                                    </div>
                                    <span class="trending__title">Maia Media</span>
                                    <div class="trending__content">
                                        <h4><a href="#">Project Funding</a></h4>
                                        <p>We provide the necessary financial support to turn creative ideas into reality.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="trending-item">
                                <div class="trending__thumb" data-background="{{ URL::asset('website/images/trending/05.jpg')}}"></div>
                                <div class="trending__info">
                                    <div class="trending__number">
                                        <span>05</span>
                                    </div>
                                    <div class="trending__arrow">
                                        <a href="{{ URL::asset('website/images/trending/05.jpg')}}" class="popup-image"><i
                                                class="fa-regular fa-arrow-right-long"></i></a>
                                    </div>
                                    <div class="trending__price">
                                        <span>From $99</span>
                                    </div>
                                    <span class="trending__title">Maia Media</span>
                                    <div class="trending__content">
                                        <h4><a href="#">Marketing & Production</a></h4>
                                        <p>From marketing strategies to finding the right production facilities, we’ve got it covered.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="trending-item">
                                <div class="trending__thumb" data-background="{{ URL::asset('website/images/trending/06.jpg')}}"></div>
                                <div class="trending__info">
                                    <div class="trending__number">
                                        <span>06</span>
                                    </div>
                                    <div class="trending__arrow">
                                        <a href="{{ URL::asset('website/images/trending/06.jpg')}}" class="popup-image"><i
                                                class="fa-regular fa-arrow-right-long"></i></a>
                                    </div>
                                    <div class="trending__price">
                                        <span>From $99</span>
                                    </div>
                                    <span class="trending__title">Maia Media</span>
                                    <div class="trending__content">
                                        <h4><a href="#">Event Hosting & Monetization</a></h4>
                                        <p>We organize live events and help artists monetize their exclusive content.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Trending area end -->

            <section class="ms-app-area fix pb-70">
                <div class="container">
                    <div class="row align-items-center bdFadeUp">
                        <div class="col-xl-6">
                            <div class="ms-app-left mb-45">
                                <div class="section__title-wrapper mb-40 bd-title-anim">
                                    <span class="section__subtitle">Expanding Networks</span>
                                    <h2 class="section__title">Connecting You <span class="animated-underline active">to the
                                        World</span>
                                    </h2>
                                </div>
                                <p class="ms-app-text mb-65">We use our deep industry ties to bring your work to a global audience. Through our partnerships with top networks and platforms, we ensure your projects are showcased where they matter most. Our connections allow us to extend your reach across streaming services and media outlets, giving your talent the exposure it needs to thrive. Whether online or on air, we make sure your voice resonates with a broad and diverse audience.</p>

                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="ms-app-right m-img mb-60">
                                <img src="{{ URL::asset('website/images/bg/app-cricle-bg.png')}} " alt="app circle">
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Testimonial area end here  -->
            <section class="ms-tm2-area p-relative fix pt-130 pb-130">
                <div class="ms-tm2-line p-absolute">
                    <img src="{{ URL::asset('website/images/testimonial/testimonial-line.png')}} " alt="testimonial line">
                </div>
                <div class="container">
                    <div class="row justify-content-center bdFadeUp">
                        <div class="col-xl-6">
                            <div class="section__title-wrapper text-center mb-65 bd-title-anim">
                                <span class="section__subtitle">Awesome Feedbacks</span>
                                <h2 class="section__title">Peoples <span class="animated-underline active">Think
                                    About</span>
                                    us
                                </h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="ms-tm2-imgs-wrap p-relative">
                        <div class="ms-tm2-img1 ms-tm2-shadow p-absolute w-img d-none d-md-block">
                            <img src="{{ URL::asset('website/images/testimonial/testimonial-07.png')}} " alt="testimonial image">
                        </div>
                        <div class="ms-tm2-img2 ms-tm2-shadow p-absolute w-img d-none d-lg-block">
                            <img src="{{ URL::asset('website/images/testimonial/testimonial-08.png')}}" alt="testimonial image">
                        </div>
                        <div class="ms-tm2-img3 ms-tm2-shadow p-absolute w-img d-none d-xl-block">
                            <img src="{{ URL::asset('website/images/testimonial/testimonial-09.png')}}" alt="testimonial image">
                        </div>
                        <div class="ms-tm2-img4 ms-tm2-shadow p-absolute w-img d-none d-md-block">
                            <img src="{{ URL::asset('website/images/testimonial/testimonial-10.png')}}" alt="testimonial image">
                        </div>
                        <div class="ms-tm2-img5 ms-tm2-shadow p-absolute w-img d-none d-lg-block">
                            <img src="{{ URL::asset('website/images/testimonial/testimonial-11.png')}}" alt="testimonial image">
                        </div>
                        <div class="ms-tm2-img6 ms-tm2-shadow p-absolute w-img d-none d-xl-block">
                            <img src="{{ URL::asset('website/images/testimonial/testimonial-12.png')}}" alt="testimonial image">
                        </div>
                        <div class="row justify-content-center bdFadeUp">
                            <div class="col-xl-8">
                                <div class="ms-tm2-wrap">
                                    <div class="ms-tm2-active mb-60">
                                        <div class="ms-tm2-item text-center">
                                            <div class="ms-tm2-img-main">
                                                <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                    <div class="ms-tm2-signature w-img">
                                                        <img src="{{ URL::asset('website/images/testimonial/testimonial-signature.png')}} "
                                                             alt="testimonial signature">
                                                    </div>
                                                    <div class="ms-tm2-author-img m-img">
                                                        <img src="{{ URL::asset('website/images/testimonial/testimonial-06.png')}}"
                                                             alt="testimonial image">
                                                    </div>
                                                </div>
                                                <div class="ms-tm2-content pt-35">
                                                    <div class="ms-tm2-quotation mb-25">
                                                        <i class="flaticon-quotation"></i>
                                                    </div>
                                                    <p class="ms-tm2-text mb-30">Working with Maia Media has been a transformative experience. They not only respected my creative vision but also opened doors I never thought possible. Their support and industry connections have taken my career to the next level.</p>
                                                    <div class="ms-tm2-author">
                                                        <span class="ms-tm2-name">Alex R</span>
                                                        <span class="ms-tm2-designation">Independent Artist</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ms-tm2-item text-center">
                                            <div class="ms-tm2-img-main">
                                                <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                    <div class="ms-tm2-signature w-img">
                                                        <img src="{{ URL::asset('website/images/testimonial/testimonial-signature.png')}}"
                                                             alt="testimonial signature">
                                                    </div>
                                                    <div class="ms-tm2-author-img m-img">
                                                        <img src="{{ URL::asset('website/images/testimonial/testimonial-06.png')}}"
                                                             alt="testimonial image">
                                                    </div>
                                                </div>
                                                <div class="ms-tm2-content pt-35">
                                                    <div class="ms-tm2-quotation mb-25">
                                                        <i class="flaticon-quotation"></i>
                                                    </div>
                                                    <p class="ms-tm2-text mb-30">Maia Media truly understands the balance between creativity and business. They provided me with the tools and resources to maintain my artistic integrity while expanding my audience. Their team is professional, dedicated, and deeply invested in my success.</p>
                                                    <div class="ms-tm2-author">
                                                        <span class="ms-tm2-name">Samantha L.</span>
                                                        <span class="ms-tm2-designation">Emerging Musician</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ms-tm2-item text-center">
                                            <div class="ms-tm2-img-main">
                                                <div class="ms-tm2-img-wrap p-relative d-inline-block mx-auto">
                                                    <div class="ms-tm2-signature w-img">
                                                        <img src="{{ URL::asset('website/images/testimonial/testimonial-signature.png')}}"
                                                             alt="testimonial signature">
                                                    </div>
                                                    <div class="ms-tm2-author-img m-img">
                                                        <img src="{{ URL::asset('website/images/testimonial/testimonial-06.png')}}"
                                                             alt="testimonial image">
                                                    </div>
                                                </div>
                                                <div class="ms-tm2-content pt-35">
                                                    <div class="ms-tm2-quotation mb-25">
                                                        <i class="flaticon-quotation"></i>
                                                    </div>
                                                    <p class="ms-tm2-text mb-30">Thanks to Maia Media, I’ve been able to collaborate with top industry professionals and secure sponsorships that have brought my projects to life. Their network is vast, and their commitment to their artists is unparalleled.</p>
                                                    <div class="ms-tm2-author">
                                                        <span class="ms-tm2-name">Jordan K.</span>
                                                        <span class="ms-tm2-designation">Filmmaker</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                        class="ms-tm2-dots ms-tm-dots-horizontal ms-round-dots d-flex justify-content-center mt-20">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Testimonial area end here  -->


            <!-- Partner Area Start Here  -->
            <section class="ms-partner-area fix pb-130">
                <div class="container">
                    <div class="row justify-content-center bdFadeUp">
                        <div class="col-lg-6">
                            <div class="section__title-wrapper mb-65 text-center bd-title-anim">
                                <span class="section__subtitle">Our Partners</span>
                                <h2 class="section__title">Valuable <span
                                        class="animated-underline active">Featured</span>
                                    Partners
                                </h2>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-container ms-partner-active bdFadeUp">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-01.png')}} " alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-02.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-03.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-04.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-05.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-04.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-01.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-02.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-03.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-04.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-05.png')}}" alt="partner image">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ URL::asset('website/images/partner/partner-04.png')}}" alt="partner image">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Partner Area End Here  -->


@endsection

@section('script')
    <script src="{{ URL::asset('website/js/vendor/waypoints.js') }}"></script>

@endsection