Brace: construction company website

01

Overview

Brace is a homepage template for general contractors and construction firms. Warm white, soft cards and a single amber accent, set in a variable-width typeface that swells and compresses around the cursor.

It is built around the things clients actually ask a contractor: what you build, how the programme runs, how safe your sites are and roughly what it will cost. Copy, projects, programme phases and estimator rates all live in one content file.

02

Features

1. 01
   Kinetic headlineLetters near the cursor swell to full width while the rest compress, with key figures rolling up on odometers.
2. 02
   Drawing to builtOne photo shown as a blueprint and as built, with a slider you can drag, touch or drive from the keyboard.
3. 03
   Project filtersSector filters where cards glide to their new places instead of jumping.
4. 04
   Gantt programmeA pinned 64-week programme: scrolling moves the "today" line and fills each phase.
5. 05
   Cost estimatorFour steps to a live ballpark cost range and build time, driven by rates you set.
6. 06
   Safety recordA live days-without-incident counter, certifications, carbon figures and a client quote.

03

Perfect for

1. 01
   General contractors
2. 02
   Construction groups
3. 03
   Civil engineering firms
4. 04
   Property developers

04

Built with

Next.js 15, React 19, GSAP 3, Lenis