Copy
<footer className="site-footer footer-dark style-3">
<div className="container">
<div className="row">
<div className="col-md-4 col-lg-4 col-md-12 px-0">
<div className="row dz-post g-0 spno">
{footerImage.map((elem, index)=>(
<div className="col-lg-6 col-6" key={index}>
<div className="dz-post-media">
<Image src={elem.image} alt="" />
</div>
</div>
))}
<Link to={"#"} className="instagram-link">
<div className="follow-link bg-white wow bounceIn" data-wow-delay="0.1s">
<div className="follow-link-icon">
<Image src={IMAGES.InstaFollow} alt="follow" />
</div>
<div className="follow-link-content">
<h4>Share with #Pixio</h4>
<p>Follow @Pixio for inspiration.</p>
</div>
</div>
</Link>
</div>
</div>
<div className="col-md-8 col-lg-8 col-md-12">
<div className="footer-top">
<div className="dz-custom-container">
<div className="row align-items-center logo-topbar gx-0 wow fadeInUp" data-wow-delay="0.1s">
<div className="col-12 col-sm-6">
<div className="footer-logo logo-white mb-0">
<Link to="/"><Image src={IMAGES.LogoWhiteSvg} alt=""/></Link>
</div>
</div>
<div className="col-12 col-sm-6">
<div className="dz-social-icon style-1">
<ul>
<SocialIcon />
</ul>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-4 col-md-4 col-sm-4 col-6 wow fadeInUp" data-wow-delay="0.2s">
<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-lg-4 col-md-4 col-sm-4 col-6 wow fadeInUp" data-wow-delay="0.3s">
<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-lg-4 col-md-4 col-sm-4 col-12 wow fadeInUp" data-wow-delay="0.4s">
<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 Bottom --> */}
<div className="footer-bottom wow fadeInUp" data-wow-delay="0.5s">
<div className="fb-inner">
<div className="text-center">
<p className="copyright-text">© <span className="current-year">{det.getFullYear()}</span>
<Link to="https://www.dexignzone.com/"> DexignZone</Link> Theme. All Rights Reserved.
</p>
</div>
</div>
</div>
{/* <!-- Footer Bottom End --> */}
</div>
</div>
</div>
</footer>
