<!-- slider area -->

    <div class="hero-area">
        <div class="hero-slider-active swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                        <div class="intro-section height-100vh slider-content-center bg-img  slider-bg-color-1 overly-style-1 opacity-point-4" style="background-image:url(assets/images/slider/banner4.jpg)">
                        <div class="container hover_plx">
                            <div class="hero-content-1  text-center layer">
                                <h1 class="title ">Tensile Manufacturer Crafting Architectural Elegance</h1>
                                <p class="">Aaliya Decor crafts timeless Tensile, blending elegance, comfort, and innovation. </p>
                                <a href="project.html" class="btn btn-primary btn-hover-dark ">VIEW PROJECT</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="intro-section height-100vh slider-content-center bg-img  slider-bg-color-1 overly-style-1 opacity-point-4" style="background-image:url(assets/images/slider/banner5.jpeg)">
                        <div class="container ">
                            <div class="hero-content-1  text-center layer" >
                                <h1 class="title ">Crafting Excellence: Tensile Manufacturer's Creations</h1>
                                <p >Elevate your surroundings with our exquisite decor, sparking joy and inspiration. </p>
                                <a href="project.html" class="btn btn-primary btn-hover-dark ">VIEW PROJECT</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="intro-section height-100vh slider-content-center bg-img  slider-bg-color-1 overly-style-1 opacity-point-4" style="background-image:url(assets/images/slider/banner3.jpeg)">
                        <div class="container ">
                            <div class="hero-content-1  text-center layer" >
                                <h1 class="title ">Exquisite Decor Elegance Delivered </h1>
                                <p >Discover exquisite decor solutions that elevate your surroundings with timeless elegance. </p>
                                <a href="project.html" class="btn btn-primary btn-hover-dark ">VIEW PROJECT</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="intro-section height-100vh slider-content-center bg-img  slider-bg-color-1 overly-style-1 opacity-point-4" style="background-image:url(assets/images/slider/banner2.jpeg)">
                        <div class="container ">
                            <div class="hero-content-1  text-center layer" >
                                <h1 class="title ">Elevate Spaces with Aaliyadecore's Tensile Manufacturer</h1>
                                <p >Transforming environments with precision-engineered Tensile Structures for unmatched aesthetics and functionality.</p>
                                <a href="project.html" class="btn btn-primary btn-hover-dark ">VIEW PROJECT</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-slider-prev main-slider-nav"><i class="fa fa-angle-left"></i></div>
            <div class="home-slider-next main-slider-nav"><i class="fa fa-angle-right"></i></div>
        </div>
    </div>