🚀 New portfolio build: MetaTrader VPS, an immersive 3D landing page

We took a static landing page design and turned it into a fully interactive, WebGL powered website, developed end to end by our team at TechNamah.

What we built: 🧊 A procedural glass "server cube" in Three.js: scrolling turns it, you can drag to spin it and click to pop its layers apart ⚡ A plasma globe call to action: lightning reaches for your cursor and arcs onto the "Contact Us" button 🤖 A 3D bot that follows your cursor anywhere on the page and says hello when you reach it 🗺️ A low poly world map with server pins at real coordinates and camera flights between regions, announced by voice 🎛️ A RAM slider that morphs a particle "?" into the number you pick 📱 Phone first interactions: a spinnable gyroscope hero, swipeable feature cards, 3D running on mobile GPUs 🎵 Generative sound design: the site composes calm music live as you browse, and every hover, click and swipe plays a note in the same key (Web Audio API)

Under the hood: Astro · TypeScript · Three.js (one shared WebGL canvas with custom GLSL shaders) · GSAP & ScrollTrigger · Lenis · Web Audio API · Kokoro (open source text to speech) for the voice, with GPU quality tiers, reduced motion support and static fallbacks, so it stays fast and accessible. Lighthouse (desktop): 100 Performance · 100 Accessibility · 100 Best Practices · 100 SEO

🔊 Turn the sound on for this one. 👉 Explore it live: https://metatrader.technamah.com (Best with a mouse on desktop, then try it on your phone.)

A quick, honest note on credit 👇 🎨 The UI design is not ours. 💻 What we did: the complete development. Every 3D scene, shader, animation, interaction and sound you see and hear in the video. 📁 This is a portfolio and showcase project only. It is not a commercial product and not affiliated with MetaQuotes or MetaTrader.

Want a website that feels this alive? Let's talk. 💬