Infinity Development
Corporate site for a forward-thinking multifamily developer—sustainability and urban transformation focus.
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
Dancer & Co
Full custom marketing website for Jessica Matteson, PLA — a Connecticut & New York landscape architect with 25 years of experience. Built in Next.js 15 with quiet luxury aesthetics: animated hero carousel, word-by-word scroll reveals, interactive 9-step process, portfolio grid, and a custom brand design system.
Travel Filmz
Full multi-page photography portfolio for a travel and lifestyle brand — pure CSS masonry gallery, native dialog lightbox, custom scroll animations, and AVIF image optimization, built with zero UI libraries.