my images are not loading when i deploy to github pages

[sweet parcel]

it seems like the url doesnt parse correctly after building

editing the html to manually change it to the correct path makes the images show up

i think it has to do with the way i am importing my images

FIXED: image optimization is not compatible with export mode so i just had to edit config to disabled optimization

my next.config.js