So I have a pretty load-heavy hero section in my root route for my nextjs project because I am using 3d models (using three.js)

What I want to do is have a loading UI that fills up the whole screen until everything is loaded and rendered.
I know about suspense fallbacks but what is the best way to implement what I want?

Thanks in advance!