I need to use Sketchfab Model in React. and make it work exactly like it's showing.

[MuhammadBilal1234]

So this is the Sketchfab Model.
https://sketchfab.com/3d-models/planet-earth-museum-bbc9452c014a49d796ac3d64de7edf05

My Goal is to display this Model in the background of the App's Front Page, and show other Items on top of it.
Like this :

.

Now What I feature I want to have is :
1- Zoom the Model
2- Like in the SketchFab Model whenever user clicks on the tag. it should zoom to that point and shows Information.
3- Gentle Movement on it's Position.
4- 360 Movement.

I am new learner and it's difficult to wrap your stuff around this. It would mean a lot, if you can share your insights on how to achieve this goal.

TIA

[drcmda]

this is a combination of drei/orbitcontrols for generics mouse rotation, you can clamp angles so it just rotates in certain ways, drei/html for annotations and drei/bounds for zooming towards a point.