<!-- Footer Area Start -->
<div class="footer-area ">
    <canvas id="gradient-canvas" width="1875" height="600" class="isLoaded">
    </canvas>
    <div class="footer-container">
        <div class="footer-top">
            <div class="container">
                <div class="row mb-20px">
                    <!-- Start single blog -->
                    <div class="col-md-6 col-lg-3 col-12 mb-md-30px mb-lm-30px" data-aos="fade-up" data-aos-delay="200">
                        <div class="single-wedge">
                            <div class="footer-logo py-2">
                           <a href="index.php"><img src="assets/furniture/home/stellafurn-logo.png" alt="Site Logo" /></a>
                        </div>
                            <p class="about-text">Stylish, durable furniture that brings comfort, elegance, and warmth to your home—choose StellaFurn for a seamless and special experience.
                            </p>
                         
                        </div>
                    </div>
                    <!-- End single blog -->
                    <!-- Start single blog -->
                    <div class="col-md-6  col-lg-3 col-12 mb-md-30px mb-lm-30px" data-aos="fade-up" data-aos-delay="400">
                        <div class="single-wedge">
                            <h4 class="footer-herading">information</h4>
                            <div class="footer-links">
                                <div class="footer-row">
                                    <ul class="align-items-center">
                                        <li class="li"><a class="single-link" href="#">Home</a></li>
                                        <li class="li"><a class="single-link" href="#">About us</a></li>
                                        <li class="li"><a class="single-link" href="#">Delivery Information</a></li>
                                        <li class="li"><a class="single-link" href="privacy-policy.html">Privacy & Policy</a></li>
                                        <li class="li"><a class="single-link" href="#">Terms & Condition</a></li>
                                        <li class="li"><a class="single-link" href="#">Manufactures</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End single blog -->
                    <!-- Start single blog -->
                    <div class="col-md-6 col-lg-3 col-12 mb-lm-30px" data-aos="fade-up" data-aos-delay="600">
                        <div class="single-wedge">
                            <h4 class="footer-herading">Category</h4>
                            <div class="footer-links">
                                <div class="footer-row">
                                    <ul class="align-items-center category">
                                        <li class="li"><a class="single-link" href="l">Sofa</a></li>
                                       
                                        <li class="li"><a class="single-link" href="#">Bed</a></li>
                                         <li class="li"><a class="single-link" href="#">Chair & Seating</a></li>
                                        <li class="li"><a class="single-link" href="#">Mattress</a></li>
                                        <li class="li"><a class="single-link" href="#">Dining Table</a></li>
                                        <li class="li"><a class="single-link" href="#">Curtain</a></li>
                                        <li class="li"><a class="single-link" href="#">Center Table</a></li>
                                        <li class="li"><a class="single-link" href="#">Blind</a></li>
                                        <li class="li"><a class="single-link" href="#">Wallpaper</a></li>
                                        <li class="li"><a class="single-link" href="#">Outdoor</a></li>
                                        <li class="li"><a class="single-link" href="#">Furnishings</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End single blog -->
                    <!-- Start single blog -->
                    <div class="col-md-6  col-lg-3 col-12" data-aos="fade-up" data-aos-delay="800">
                        <div class="single-wedge">
                            <h4 class="footer-herading">newsletter</h4> 
                            <div class="footer-links">
                                <!-- News letter area -->
                                <div id="mc_embed_signup" class="subscribe-form">
                                    <form id="mc-embedded-subscribe-form" class="validate" novalidate="" target="_blank" name="mc-embedded-subscribe-form" method="post" action="http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&amp;id=05d85f18ef">
                                        <div id="mc_embed_signup_scroll" class="mc-form">
                                            <input class="email" type="email" required="" placeholder="Your Mail*" name="EMAIL" value="" />
                                            <div class="mc-news" aria-hidden="true">
                                                <input type="text" value="" tabindex="-1" name="b_6bbb9b6f5827bd842d9640c82_05d85f18ef" />
                                            </div>
                                            <div class="clear">
                                                <button id="mc-embedded-subscribe" class="button btn-primary" type="submit" name="subscribe" value=""><i
                                                        class="icon-cursor"></i> Send Mail</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <!-- News letter area  End -->
                            </div>
                        </div>
                    </div>
                    <!-- End single blog -->
                </div>
                <div class="row ">
                    <div class=" col-12 fotbor">
                        <div class="row foot">
                            <div class="col-12 text-lg-center">
                                <h2 class="footer-widget-title">FOLLOW US</h2>
                            </div>
                            <div class="col-sm-12 col-md-3 col-lg-3">
                                <div class="social-icons">
                                    <div class="d-flex  align-items-center gap-2  ">
                                        <a href="#" target="_blank" class="d-flex align-items-center">
                                            <i class="ion-social-instagram"></i>
                                            <span>@Stellafurn</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-3 col-lg-3">
                                <div class="social-icons">
                                    <div class="d-flex  align-items-center gap-2  ">
                                        <a href="#" target="_blank" class="d-flex align-items-center">
                                            <i class="ion-social-facebook"></i>
                                            <span>@Stellafurn</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-3 col-lg-3">
                                <div class="social-icons">
                                    <div class="d-flex  align-items-center gap-2  ">
                                        <a href="#" target="_blank" class="d-flex align-items-center">
                                            <i class="ion-social-twitter"></i>
                                            <span>@Stellafurn</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-3 col-lg-3">
                                <div class="social-icons">
                                    <div class="d-flex  align-items-center gap-2  ">
                                        <a href="#" target="_blank" class="d-flex align-items-center">
                                            <i class="ion-social-google"></i>
                                            <span>@Stellafurn</span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row flex-sm-row-reverse">
                    <div class="col-md-6 text-end">
                        <div class="payment-link">
                            <img src="assets/images/icons/payment.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-6 text-start">
                        <p class="copy-text"> © 2025 <strong><a href="index.php">StellaFurn </a></strong> </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Footer Area End -->



<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">x</span></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-5 col-sm-12 col-xs-12 mb-lm-30px mb-sm-30px">
                        <!-- Swiper -->
                        <div class="swiper-container gallery-top mb-20px">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/1.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/2.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/3.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/4.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/5.jpg" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-container gallery-thumbs slider-nav-style-1 small-nav">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/1.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/2.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/3.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/4.jpg" alt="">
                                </div>
                                <div class="swiper-slide">
                                    <img class="img-responsive m-auto" src="assets/images/product-image/5.jpg" alt="">
                                </div>
                            </div>
                            <!-- Add Arrows -->
                            <div class="swiper-buttons">
                                <div class="swiper-button-next"></div>
                                <div class="swiper-button-prev"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-7 col-sm-12 col-xs-12">
                        <div class="product-details-content quickview-content">
                            <h2>Originals Kaval Windbr</h2>
                            <p class="reference">Reference:<span> demo_17</span></p>
                            <div class="pro-details-rating-wrap">
                                <div class="rating-product">
                                    <i class="ion-android-star"></i>
                                    <i class="ion-android-star"></i>
                                    <i class="ion-android-star"></i>
                                    <i class="ion-android-star"></i>
                                    <i class="ion-android-star"></i>
                                </div>
                                <span class="read-review"><a class="reviews" href="#">Read reviews (1)</a></span>
                            </div>
                            <div class="pricing-meta">
                                <ul>
                                    <li class="old-price not-cut">$18.90</li>
                                </ul>
                            </div>
                            <p class="quickview-para">Lorem ipsum dolor sit amet, consectetur adipisic elit eiusm tempor incidid ut labore et dolore magna aliqua. Ut enim ad minim venialo quis nostrud exercitation ullamco</p>
                            <div class="pro-details-size-color">
                                <div class="pro-details-color-wrap">
                                    <span>Color</span>
                                    <div class="pro-details-color-content">
                                        <ul>
                                            <li class="blue"></li>
                                            <li class="maroon active"></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="pro-details-quality">
                                <div class="cart-plus-minus">
                                    <input class="cart-plus-minus-box" type="text" name="qtybutton" value="1" />
                                </div>
                                <div class="pro-details-cart btn-hover">
                                    <button class="add-cart btn btn-primary btn-hover-primary ml-4"> Add To
                                        Cart</button>
                                </div>
                            </div>
                            <div class="pro-details-wish-com">
                                <div class="pro-details-wishlist">
                                    <a href="wishlist.html"><i class="ion-android-favorite-outline"></i>Add to
                                        wishlist</a>
                                </div>
                                <div class="pro-details-compare">
                                    <a href="compare.html"><i class="ion-ios-shuffle-strong"></i>Add to compare</a>
                                </div>
                            </div>
                            <div class="pro-details-social-info">
                                <span>Share</span>
                                <div class="social-info">
                                    <ul>
                                        <li>
                                            <a href="#"><i class="ion-social-facebook"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="ion-social-twitter"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="ion-social-google"></i></a>
                                        </li>
                                        <li>
                                            <a href="#"><i class="ion-social-instagram"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal end -->







<!-- Global Vendor, plugins JS -->

<!-- Vendor JS -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>

<!--Plugins JS-->
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
<script src="assets/js/plugins/jquery-ui.min.js"></script>
<script src="assets/js/plugins/jquery.nice-select.min.js"></script>
<script src="assets/js/plugins/countdown.js"></script>
<script src="assets/js/plugins/scrollup.js"></script>
<script src="assets/js/plugins/jquery.waypoints.js"></script>
<script src="assets/js/plugins/jquery.lineProgressbar.js"></script>
<script src="assets/js/plugins/jquery.zoom.min.js"></script>
<script src="assets/js/plugins/venobox.min.js"></script>
<script src="assets/js/plugins/ajax-mail.js"></script>

<!-- Use the minified version files listed below for better performance and remove the files listed above -->
<!-- <script src="assets/js/vendor/vendor.min.js"></script>
    <script src="assets/js/plugins/plugins.min.js"></script> -->

<!-- Main Js -->
<script src="assets/js/gradient.js"></script>
<script src="assets/js/main.js"></script>
</body>

</html>