Twenty One Media
Web + Video

3-6 Consulting

3-6 Consulting

Visit Live Site
ReactTypeScriptViteTailwind CSSFramer MotionVercel

The Challenge

3-6 Consulting is a security training and consulting firm founded by law enforcement professionals, named after the biblical passage in Nehemiah 3-6 — where the people of Jerusalem rebuilt their walls while standing guard. They needed a digital presence that conveyed the weight of their mission while reflecting the cinematic, tactical quality of their training programs.

What We Built

We designed and developed a full React SPA with a dark, cinematic aesthetic — near-black backgrounds, gold accent color, Bebas Neue display typography, and a film grain texture overlay that gives the entire site a documentary-film quality. The hero section features a full-screen brand video with gradient overlays, scroll-triggered text reveals, parallax effects, and magnetic button interactions.

The site showcases their five scenario-based training courses, team profiles, client testimonials, and a clear path to booking. Every section is animated with staggered reveals and smooth transitions using Framer Motion.

We also produced the brand film used in the hero section — capturing the intensity of their scenario-based training sessions with cinematic color grading and professional editing.

3-6 Consulting Brand Film

Services Delivered

  • Full React + TypeScript website development
  • Brand film production & editing
  • Cinematic UI design with film grain texture
  • Custom animation system (Framer Motion)
  • Responsive design & mobile optimization
  • Vercel deployment & hosting
  • SEO & Open Graph metadata