Create a 3D component to render the animated Globe on the homepage

[CatherineKiiru]

Description

We want to create a reusable component for the 3D implementation on the homepage. The current implementation uses Threejs but it's not rendering the component correctly. Alternative frameworks you can use for this component are:

• Tresjs
• Pixiejs
• React Three Fibre It's a good opportunity to learn 3D rendering on websites and learn about 3D rendering frameworks.

Screen capture

This is the idea render we're aiming for. screen-capture (13).webm

Source files

The current implementation is in the app/page.tsx directory because it's the homepage. The components are in the ui directory. Do a git pull from the saga branch, then create a new branch to make your changes

[CatherineKiiru]

Closing because we agreed to use an image, since we're changing the designs anyway