Footer Style 2

<footer className="site-footer footer-dark">
 <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="" /></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" action="script/mailchamp.php" method="post">
                                <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>