Apex Build
Full multi-page marketing website for a fictional Texas-based general contracting company, built with a bilingual UX targeting the Austin construction market.
Home
Works
Services
Resources
Contact
Responsive Design
Mobile
375px viewport
Lucas Granite
Premium Stone Surfaces
Full multi-page lead-gen site for a granite countertop company serving 30+ cities across Utah, Idaho, and Wyoming — 3-step MT-aware booking wizard, middleware city routing with cookie persistence, auto-generated SEO landing pages, and a dual-nav system — zero UI kits.
Mobile bottom nav
Fixed icon bar replaces the desktop header on mobile — no external menu library
3-step booking wizard
Contact info → project details → MT time-slot scheduling, fully usable on any screen size
City landing pages on mobile
30+ auto-generated city pages load fast with city-specific copy and meta — all responsive
Performance-first mobile build
Lazy Firebase init, optimized images, and minimal JS keep load times fast on any connection
About
Lucas Granite is a premium countertop company serving 30+ cities across Utah, Idaho, and Wyoming. They specialize in granite, quartz, and natural stone surfaces for residential and commercial projects — with a focus on fast turnaround and local, personalized service.
Highlights
Middleware City Routing
Custom Next.js middleware reads a cookie and silently rewrites the homepage to the visitor's last-visited city — personalized return experience with no third-party routing library.
30+ Auto-Generated City Pages
Each city page is statically generated via generateStaticParams with unique H1s, meta tags, and local reviews — all templated from a single data file using a {{city}}/{{state}} replacement system.
3-Step MT-Aware Booking Wizard
Multi-step form collects contact info, project details, and a time slot — slots generated in Mountain Time (8AM–6:30PM, 30-min intervals) with honeypot spam protection and Formspree submission.
Dual Navigation System
Desktop gets a sticky header with a transparent-to-solid scroll transition; mobile gets a fixed bottom icon bar — both built without any external navigation library.
Service Area Carousel
Horizontal-scroll city cards with embedded grayscale Google Maps and an 'All Cities' modal organized by state — giving users a clear view of the full 30+ city service area.
Firebase Analytics & SEO Sitemap
Lazy-initialized Firebase Analytics avoids blocking page load, while a dynamically generated sitemap covers all city slugs and static routes for maximum search engine coverage.
Tags
Granite & StoneLead GenerationLocal SEONext.jsReactTypeScriptTailwind CSSUtah
Not sure where to start?
Other Projects
Scrap Calculators
Free real-time precious metals calculator and educational resource — built for everyday people who want to know what their gold, silver, or platinum is worth before selling.
Maaz Roofing Inc
Full marketing and lead generation website for Maaz Roofing Inc — a licensed, BBB Accredited A+ roofing contractor with 30+ years of craftsmanship across Southern California. Built in Next.js 15 with a drone video hero, bilingual EN/ES support, interactive services accordion, and a 10-project portfolio carousel.