Locus Realities logolocus realities

Contact

Get in touch

Drop us an email and we'll get back to you within one business day.

hello@locusrealities.com

Contact

Send a message

Built with

Tech Stack

A breakdown of the technologies used to build and deploy this site.

Frontend

Next.js 16

App Router, React Server Components, file-based routing

React 19

Client components, hooks, context

TypeScript 5

Strict typing throughout

Tailwind CSS 4

Utility-first styling with custom brand theme

3D / WebGL

Babylon.js 9

WebGL rendering, scene management, mesh generation

Icosphere geometry

Procedural geodesic sphere via icosahedron subdivision

Spring physics

Custom damped spring simulation for camera and rotation

Dynamic textures

Canvas-based texture generation at runtime

State Management

Zustand

Lightweight global state for UI — stack panel, ready states

React refs

Mutable refs for Babylon render loop communication

IntersectionObserver

Scroll-driven section detection without libraries

Design

Comfortaa

Primary typeface — geometric, modern, distinctive

Brand system

CSS custom properties — green #00FF66, blue #3FA9F5, teal #77BABD

Forms

Web3Forms

Third-party form handling — no backend required for phase 1

DevOps

Docker

Containerised Next.js via standalone output mode

Azure Container Apps

Serverless container hosting with scale-to-zero

Azure Container Registry

Private image registry for built containers

GitHub Actions

CI/CD pipeline — build, push, deploy on merge to main

Phase 1 — Home, About, Contact. Work and Labs coming in phase 2.

Built by Peter Winston — Locus Realities © 2026