Apex Build

Apex Build

Texas Construction Company Website

Location

Austin, TX

Timeline

1-2 Weeks

Year

2026

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

Responsive Design
architectural-site-e5c660jfl-omar-bahenas-projects.vercel.app
Apex Build desktop
Apex Build mobile

Mobile

375px viewport

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 mock freelance concept built for a fictional Texas-based general contractor. The site targets both English and Spanish-speaking clients, reflecting the bilingual reality of the construction industry in Texas. It features a floating glassmorphism navbar, custom scroll-triggered animated headings, a full project portfolio grid, and a contact form — all built from scratch with no UI libraries. The editorial aesthetic pairs large serif italic type with bold sans-serif, heavy whitespace, and a black-and-white palette with amber accents.

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.

Let's build something great together

Not sure where to start?