Footer Style 4

<footer className="site-footer style-1 footer-dark overlay-black-middle" 
        style={{backgroundImage:`url('/_next/static/media/bg1.cf596262.jpg')`, backgroundAttachment:'fixed', backgroundSize:'cover' }}
    >                    
        <div className="footer-top">
            <div className="container">
                <div className="row">
                    <div className="col-xl-3 col-md-4 col-sm-6">
                        <div className="widget widget_about me-2">
                            <div className="footer-logo logo-white">
                                <Link to={"/"}><Image src={IMAGES.LogoWhite} alt="logo" /></Link> 
                            </div>
                            <ul className="widget-address">
                                <li>
                                    <p><span>Address</span> : 451 Wall Street, UK, London</p>
                                </li>
                                <li>
                                    <p><span>E-mail</span> : example@info.com</p>
                                </li>
                                <li>
                                    <p><span>Phone</span> : (064) 332-1233</p>
                                </li>
                            </ul>
                            <div className="subscribe_widget">
                                <h6 className="title fw-medium text-capitalize">subscribe to our newsletter</h6>	
                                <form className="dzSubscribe style-1">
                                    <div className="dzSubscribeMsg"></div>
                                    <div className="form-group">
                                        <div className="input-group mb-0">
                                            <input name="dzEmail" required type="email" className="form-control" placeholder="Your Email Address" />
                                            <div className="input-group-addon">
                                                <button name="submit" value="Submit" type="submit" className="btn">
                                                    <i className="icon feather icon-arrow-right" />
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div className="col-xl-3 col-md-4 col-sm-6">
                        <div className="widget widget_post">
                            <h5 className="footer-title">Recent Posts</h5>
                            <ul>
                                {WidgetData.map((item, ind)=>(
                                    <li key={ind}>
                                        <div className="dz-media"><Image src={item.image} alt="" /></div>
                                        <div className="dz-content">
                                            <h6 className="name"><Link to="/post-standard">{item.name}</Link></h6>
                                            <span className="time">April 23, 2024</span>
                                        </div>
                                    </li>
                                ))}                                    
                            </ul>
                        </div>
                    </div>
                    <div className="col-xl-2 col-md-4 col-sm-4 col-6" >
                        <div className="widget widget_services">
                            <h5 className="footer-title">Our Stores</h5>
                            <ul>
                                {OurStores.map((item,ind)=>(
                                    <li key={ind}><Link to={"#"}>{item.name}</Link></li>
                                ))}                                    
                            </ul>   
                        </div>
                    </div>
                    <div className="col-xl-2 col-md-4 col-sm-4 col-6">
                        <div className="widget widget_services">
                            <h5 className="footer-title">Useful Links</h5>
                            <ul>
                                {UsefulLinks.map((item, i)=>(
                                    <li key={i}><Link to="#">{item.name}</Link></li>
                                ))}                                    
                            </ul>
                        </div>
                    </div>
                    <div className="col-xl-2 col-md-4 col-sm-4">
                        <div className="widget widget_services">
                            <h5 className="footer-title">Footer Menu</h5>
                            <ul>
                                {FooterMenu.map((item,ind)=>(
                                    <li key={ind}><Link to={"#"}>{item.name}</Link></li>
                                ))}                                    
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {/*  Footer Top End  */}

        {/*  Footer Bottom  */}
        <div className="footer-bottom">
            <div className="container">
                <div className="row fb-inner">
                    <div className="col-lg-6 col-md-12 text-start"> 
                        <p className="copyright-text">© <span className="current-year">{year}</span> <a href="https://www.dexignzone.com/">DexignZone</a> Theme. All Rights Reserved.</p>
                    </div>
                    <div className="col-lg-6 col-md-12 text-end"> 
                        <div className="d-flex align-items-center justify-content-center justify-content-md-center justify-content-xl-end">
                            <span className="me-3">We Accept: </span>
                            <Image src={IMAGES.FooterImg} alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>