The issue lies in the background image not displaying despite trying different methods such as using ""bg-[url('/image/example.jpeg')""
tailwind.config.js
theme: {
extend: {
colors: {
darkBlue: "#0D1A32",
},
backgroundImage: {
"hero-image": "url('/app/images/lentcm93p_1.jpg')",
},
},
},
plugins: [],
};
Page.js
export default function Home() {
return (
<>
<div className="h-[455px] w-full bg-hero-image bg-cover">
</div>
</>
);
}