Premium Globe Hero Prototype

Standalone 3D hero section prototype for a custom city map poster website.

Stack

• Globe.gl
• Three.js (via Globe.gl)
• Vanilla JavaScript
• Plain HTML/CSS

Run

Use any static server from globe_hero_prototype.

Example with Python:

python -m http.server 8080

Then open:

http://localhost:8080

Notes

• City markers are driven by the cities array in app.js.
• Marker hover scales to 2.5x with a 300ms transition.
• Replace placeholder files in thumbs/ and textures/ with production assets as needed.