[Main Page] 3D Component For Main Page's Hero

[IcedTea2K]

Description

We want to have a component to display the 3D model as part of the hero of the main page. It should be compatible with .glb or .gITF model files. In additions, the user should be able to interact with it (e.g., rotate it).

Exit criteria

• Resize-able component. It should also be compatible with mobile view
• Able to import model from blender. It's okay to use a placeholder model (the fridge!!!) for now.
• Users should be able to rotate the model with their mouse

Additionals/Bonus points (these are nice to have, but they're not essential for this issue)

• Interactive animations (e.g., control the animation with scrolling, control the rotation with scrolling)
• Rotations have some natural force/velocity to it

Additional Context/References

Front-page of: https://thelabberkeley.com/ but the we're able to interact with the model instead of static images