Here is my code, the image is not showing but it is showing on local server.
import styled from “styled-components”
import Logo from “…/assets/logo.png”
import “…/components/footer.css”
const Footer = () => {
return (
<>
<Footeri>
<footer className="footbg">
<div className="container">
<div className="row">
<div className="col-sm-3 pt-3">
<div className="log pt-5">
<img className="pb-4" src={Logo}/>
<p>Bringing Queens and Kings health and beauty secrets for the young generation prepared using old ayurvedic methods with scientific approach.</p>
</div>
</div>
<div className="col-sm-3">
<div className="pt-5">
<h3 className="p-3 wed">Important URLs</h3>
<ul className="nav flex-column">
<li className="nav-item">
<a className="nav-link" href="/aboutus">About us</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">Contact Us</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">Explore Queensveda</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">Blog</a>
</li>
</ul>
</div>
</div>
<div className="col-sm-3">
<div className="pt-5">
<h3 className="p-3 wed">Documentation</h3>
<ul className="nav flex-column">
<li className="nav-item">
<a className="nav-link" href="#">Terms & Conditions</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">Return & Refund Policies</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">Shipping Policy</a>
</li>
<li className="nav-item">
<a className="nav-link" href="#">Privacy Policy</a>
</li>
</ul>
</div>
</div>
<div className="col-sm-3">
<div className="pt-5">
<h3 className="pb-3 pt-3 wed">Get in Touch</h3>
<b>MAILING ADDRESS</b>B8, 3rd Floor, Sector 2, Noida. PIN 201301
<b>EMAIL ADDRESS</b>
<a className="nav-link" href="mailto:hello@reallygreatsite.com">care@queensveda.com</a>
<b>PHONE NUMBER</b>
<a className="nav-link" href="tel:+91 8824479722">+91 8824479722</a>
</div>
</div>
</div>
</div>
</footer>
</Footeri>
<section className="p-3 cop">
<div className="text-center">Copyright 2024 © Queensveda Herbalcare Pvt Ltd <span className="float-end"> <i className="fa fa-facebook px-3"></i> <i className="fa fa-instagram"></i></span></div>
</section>
</>
)
}
const Footeri = styled.nav `
.footbg{
background-image: url("../src/assets/footer.jpg"); //image not show netlify but local work
}
`
export default Footer