AlbaCreation

KALIBR

Sitio web de una escuela de tiro licenciada: un hero 3D WebGPU, reserva online, calculadora de precios y un entrenador de examen.

Reto

Una escuela de tiro necesitaba un sitio web premium que generara confianza y captara solicitudes: formación de civiles y guardias de seguridad, certificación, secciones deportivas, alquiler de galería. Además, reserva online, precios transparentes y preparación de examen — sin llamadas telefónicas en horario laboral.

Solución

Next.js 16 y React 19 con un tema oscuro premium. El hero es una escena 3D en GPU (React Three Fiber / WebGPU con respaldo WebGL): un rifle y un cartucho iluminados con un ciclo de disparo. Reserva online y llamada de vuelta vía API, calendario mensual de huecos, calculadora de precios interactiva y entrenador de examen con modos práctica y examen. Administración de horarios y solicitudes con Drizzle + Neon Postgres, marcado SEO completo (Schema.org, sitemap, OG) y un modo para personas con baja visión.

Resultado

Un producto en vivo en voskres-calibr.ru: las solicitudes llegan online y caen en Telegram, el manager gestiona el horario desde el admin, y el hero 3D junto a los visuales premium distinguen a la escuela. Todo listo para escalar — el contenido y los precios se editan a través de la capa de datos.

Stack

Next.js 16React 19TypeScriptReact Three FiberWebGPUTailwind v4DrizzleNeon Postgres

Galería

Escena hero 3D WebGPU
Escena hero 3D WebGPU
Calculadora de precios interactiva
Calculadora de precios interactiva
Entrenador de examen: modos práctica y examen
Entrenador de examen: modos práctica y examen

¿Necesitas un proyecto similar?

Hablar del proyecto