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.
GL Car Wash & Detailing
Mobile Detailing for the Wasatch Front
Full-stack production site for a Utah mobile detailing company — Sanity CMS, Nodemailer email, YouTube API integration, 20+ city SEO landing pages, service card 3D flip, custom word-reveal animation system, and a multi-step booking modal — zero animation libraries.
Responsive Design
glcarwash.com
Mobile
375px viewport
Mobile-first responsive layouts
All sections collapse gracefully — dual hero, service cards, reviews carousel, and city pages all adapt to any screen size
Animated hamburger nav
Custom mobile nav with animated X-to-burger icon transition and staggered link reveal — no external menu library
Google reviews carousel on mobile
Auto-advancing review carousel with touch-swipe support displays live Google reviews at every breakpoint
Booking modal on mobile
Full multi-step booking flow and service recommendation quiz work seamlessly on mobile without any third-party booking library
About
GL Car Wash & Detailing is a marketing and booking site for a Utah-based mobile detailing company serving Salt Lake City and the Wasatch Front. Services, gallery, blog, and contact are all managed by the client through a headless CMS — no developer needed for updates. The site covers 20+ Utah cities with localized landing pages, features a multi-step booking wizard with a service recommendation quiz, and showcases the team's work through an animated service card system, a live Google reviews carousel, and a YouTube video feed directly on the homepage.
Highlights
Sanity CMS + ISR Integration
Services, gallery, blog posts, about, and contact all editable via Sanity Studio — ISR revalidation every 60 seconds keeps content near-real-time without a full redeploy.
Service Card 3D Flip System
Desktop uses true CSS 3D card flip with preserve-3d showing full service details and an inline booking form on the back. Mobile swaps to a horizontal slide to avoid iOS 3D rendering lag.
20+ City SEO Landing Pages
Each Utah city slug has unique hero copy, localized reviews, canonical URL, and full OpenGraph tags — all statically generated and included in the sitemap.
Custom Word-Reveal Animation System
Word-by-word staggered entrance animations built from scratch with IntersectionObserver — used consistently across all section headings with no GSAP or Framer Motion.
YouTube API + Nodemailer Backend
Live YouTube video feed pulls the latest GL Car Wash videos via a custom Express backend with Google APIs. Contact form submissions are delivered via Nodemailer.
Multi-Step Booking Modal
Custom booking modal with a service recommendation quiz guides users to the right service — no external booking library, built entirely with React state.
Not sure where to start?
Other Projects
Pro Match Paints
7-page automotive paint marketing site with HLS.js video gallery, lightbox with keyboard nav, requestAnimationFrame infinite brand carousel, custom scroll animation hook, session-aware splash screen, page transition system, and three JSON-LD schemas — zero UI libraries or animation frameworks.
Grúas Y Maniobras Lucas
Bilingual website for a 100% Mexican crane rental company established in 1984, featuring a fleet of hydraulic cranes and industrial equipment for construction, mining, and energy projects.