5-Page 3D Educational Site

I need a small, information-driven website that feels more like a 3D learning space than a flat set of pages. The core goal is to present educational content in an engaging way while keeping navigation clear and lightweight.

Scope
– Five pages in total, each built with a consistent 3D aesthetic (think subtle depth, parallax, or lightweight WebGL/Three.js elements rather than heavy game-like scenes).
– A clean home screen that introduces the topic and guides visitors straight to lessons or resources.
– Three content pages where the actual educational material lives; I’ll supply copy and media, you handle layout and any interactive 3D touches that help users explore it.
– A final page for references/downloads so users can take material offline.

Technical notes
• Please implement in a mainstream stack that is easy for me to update later—something like React + Three.js or vanilla HTML/CSS/JS with a WebGL helper is fine.
• Responsive behaviour is essential; the 3D effects should degrade gracefully on smaller devices.
• All assets need to load quickly—keep any models lightweight and optimise textures.

Deliverables
1. Fully coded site with five working pages.
2. Source files, organised and documented so I can tweak content myself.
3. A short read-me explaining how to update text, images, and 3D components.

Acceptance criteria
– Each page passes Lighthouse performance checks at 80+ on mobile.
– No console errors in the latest Chrome, Firefox, Safari.
– All interactive 3D elements function smoothly at 60 fps on a mid-range laptop.

If you’ve built similar information sites with a light 3D layer before, I’d love to see them. Let’s make educational content pop!