Images won't load for Next.js project

Hi I actually just used a different figma to next.js plug in that worked much better. All set now!

Images won't load for Next.js project

import React from "react"; import "./style.css"; export const LandingPage = () => { return ( <div className="landing-page"> <div className="div"> <div className="overlap">

Images won't load for Next.js project

How do I make it an existing URL? I thought I just have to save the image, upload the code of the image and then tell Vercel to pul that code of the image? Thank you for responding!

Images won't load for Next.js project

Here's what it looks like on my screen if anyone can see it: https://vercel.com/jpryor812s-projects/nufriends-react-si8m. It also looks like the images I'm trying to reference...

Images won't load for Next.js project

I designed my app using Figma and exported my code to GitHub and then Vercel. It creates a webpage with the proper colors and fonts, but the images WILL NOT LOAD. I've tried so...

Images won't load for Next.js project