Hexora

Overview

Hexora is a full-viewport construction-materials hero by SonoJS. Built with Vite, React 19, Tailwind CSS 3, and Lucide. Looping video stage, word-staggered Build Strong, Build Smart headline, Get a Quote CTA, centered Products / Pricing / Solutions / Resources nav, phone + Contact Us, and a mobile fullscreen menu. Demo materials brand chrome only - no quote backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Full-bleed video stage

   Hero video fades in when ready under a soft dark wash for readable type.

2. 02

   Word-stagger copy

   Build Strong, Build Smart and materials subcopy animate word-by-word into Get a Quote.

3. 03

   Responsive chrome

   Desktop nav + phone / Contact Us; mobile hamburger opens a fullscreen menu.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + Tailwind 3 + Lucide - npm run build to dist/.

You get

• Full Vite + React 19 source (Hexora)
• App.jsx hero with AnimatedWords and mobile menu
• Tailwind CSS 3 + Lucide icons