<footer>
    <div class="container">
        <div class="row">
            <!-- Section 1: Contact Information -->
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
                <p class="address-text" style="color: white;">310, 3rd Street Extension, <br />Coimbatore, India, <br />Pincode 641012</p>
                <p class="contact-text" style="color: white;">Call us: +917010810447 <br />Email: <a style="color: white;" href="mailto:yoursrafi@gmail.com">yoursrafi@gmail.com</a></p>
                <div class="block-content mb-30">&nbsp;</div>
                <p class="version-text" style="color: white;">Version: 1.1.7</p>
            </div>

            <!-- Section 2: Information -->
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="single-widget">
                    <h3 class="widget-title">Information</h3>
                    <ul class="widget-menu">
                        <li class="menu-item"><a class="menu-link" href="about-us.html">About us</a></li>
                        <li class="menu-item"><a class="menu-link" href="blog.html">Blog</a></li>
                        <li class="menu-item"><a class="menu-link" href="shop-grid.html">Weekly Deals</a></li>
                        <li class="menu-item"><a class="menu-link" href="cart.html">Cart</a></li>
                        <li class="menu-item"><a class="menu-link" href="sign-in.html">Sign In</a></li>
                        <li class="menu-item"><a class="menu-link" href="sign-up.html">Sign Up</a></li>
                    </ul>
                </div>
            </div>

            <!-- Section 3: Customer Service -->
            <div class="col-lg-6 col-md-6 col-sm-12">
                <div class="single-widget">
                    <h3 class="widget-title">Customer Service</h3>
                    <ul class="widget-menu">
                        <li class="menu-item"><a class="menu-link" href="faq.html">Help & FAQs</a></li>
                        <li class="menu-item"><a class="menu-link" href="term-conditions.html">Terms of Conditions</a></li>
                        <li class="menu-item"><a class="menu-link" href="privacy-policy.html">Privacy Policy</a></li>
                        <li class="menu-item"><a class="menu-link" href="refund-policy.html">Online Returns Policy</a></li>
                        <li class="menu-item"><a class="menu-link" href="shipping-return.html">Shipping & Return</a></li>
                        <li class="menu-item"><a class="menu-link" href="contact.html">Contact us</a></li>
                    </ul>
                </div>
            </div>

            <!-- Section 4: Newsletter Sign Up and Payment -->
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
                <div class="single-widget newsletter-widget">
                    <h3 class="widget-title">Newsletter Sign Up</h3>
                    <p class="newsletter-text">Receive our latest updates about our <br />products and promotions.</p>
                    <div class="newsletter-form mb-40">
                        <form>
                            <div class="form-group">
                                <input id="newsletter" class="form-control" name="newsletter" type="email" placeholder="Your Email Address" />
                                <button class="subscribe-btn" type="button">Subscribe</button>
                            </div>
                        </form>
                    </div>
                    <div class="payment-area">
                        <h3 class="widget-title">We Accept</h3>
                        <img class="payment-icons" src="{{@BASE}}/ui/images/accepts-image.webp" alt="accepts-image" />
                    </div>
                    <div class="footer-version">
                        <p class="footer-text" style="color: white;">Version 1.1.7</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
