Footer Style 1

<footer className="site-footer style-1 bg-light">
 <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.logo} 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>
            </motion.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>