Home
Works
Services
Resources
Contact
Responsive Design
Apex Build mobile

Mobile

375px viewport

Apex Build

Texas Construction Company Website

Location

Austin, TX

Timeline

1-2 Weeks

Year

2026

View Live Site

Full multi-page marketing website for a fictional Texas-based general contracting company, built with a bilingual UX targeting the Austin construction market.

Fully responsive

3-column desktop collapses to single-column on mobile

Custom hamburger menu

Slide-down overlay, no external menu library

Bilingual CTAs always visible

English & Spanish numbers surfaced at every breakpoint

Fast on any connection

Next.js image optimization with WebP & lazy loading

About

Apex Build is a general contracting company based in Austin, TX. They serve both English and Spanish-speaking clients across residential and commercial construction — from ground-up builds to major renovations.

Highlights
  • Floating Glassmorphism Navbar

    Fixed pill-shaped nav with a frosted glass effect, fully responsive with a custom slide-down mobile hamburger menu — no external menu library.

  • Scroll-Triggered Animated Titles

    Custom AnimatedTitle component with staggered word-by-word reveal on scroll, built without GSAP or Framer Motion.

  • Bilingual CTA Experience

    English and Spanish phone numbers surfaced throughout the UI to target Austin's bilingual construction market.

  • 9-Project Portfolio Grid

    Responsive 3-col to 1-col project grid with hover effects and individual project links — collapses cleanly on mobile.

  • Zero UI Library Build

    Production-ready multi-page marketing site built from scratch — no shadcn, no Headless UI, no external component libraries.

  • Next.js Image Optimization

    All project images use next/image with fill for automatic WebP conversion, lazy loading, and responsive sizing.

Tags
ConstructionBilingualGeneral ContractorNext.jsReactTypeScriptTailwind CSSAustin, TX
Let's build something great together

Not sure where to start?