AlbaCreation

KALIBR

Website for a licensed shooting school: a WebGPU 3D hero, online booking, price calculator, and an exam trainer.

Challenge

A shooting school needs a premium website that builds trust and captures leads: civilian and security-guard training, certification, sport sections, range rental. Plus online booking, transparent pricing, and exam prep — without phone calls during business hours.

Solution

Next.js 16 and React 19 with a premium dark theme. The hero is a GPU 3D scene (React Three Fiber / WebGPU with WebGL fallback): a lit rifle and cartridge with a firing cycle. Online booking and callback via API, a monthly slot calendar, an interactive price calculator, and an exam trainer with practice and exam modes. Schedule and requests admin on Drizzle + Neon Postgres, full SEO markup (Schema.org, sitemap, OG), and a low-vision mode.

Outcome

A live product at voskres-calibr.ru: requests come in online and land in Telegram, the manager runs the schedule from the admin, and the 3D hero plus premium visuals set the school apart. Everything is ready to scale — content and prices are edited through the data layer.

Stack

Next.js 16React 19TypeScriptReact Three FiberWebGPUTailwind v4DrizzleNeon Postgres

Gallery

WebGPU 3D hero scene
WebGPU 3D hero scene
Interactive price calculator
Interactive price calculator
Exam trainer: practice and exam modes
Exam trainer: practice and exam modes

Need a similar project?

Discuss project