Integrate Three.js 3D Viewer

Requirements:
Properly import three.module.js and GLTFLoader.js using ES6 module syntax

Load a .glb file and display it inside a canvas on a webpage

The viewer should work when uploaded to shared hosting (no Node.js environment)

Ensure it works in modern browsers (Chrome, Firefox, Edge)

Basic mouse controls for rotating the 3D model (OrbitControls optional)

Provided:
GLB model file

Hosting with FTP access

Current index.html and folder structure

Sample code (partially working, but causing module resolution errors)

Deliverable:
A working index.html that:

Loads and displays the .glb model using Three.js

Works online on my hosting environment

Has no module errors in the browser console

Uses only relative file imports for modules

Skills Required:
JavaScript (Vanilla ES6)

Three.js

GLTFLoader

Basic HTML/CSS

FTP/shared hosting experience

WebGL (basic)

Notes:
Please only apply if you have experience debugging module import issues in Three.js. A clean and working viewer is the main goal – no fancy UI required.