Citywide Auto Glass is a production marketing site for a Birmingham-based mobile auto glass company serving the West Midlands and wider UK. The goal is lead generation — phone, WhatsApp, and Google Maps — not online booking.

Built as a lean Next.js 16 frontend with no separate backend: static content, real work photos from /public/images, and conversion-focused CTAs. Design follows a premium industrial aesthetic (dark #101820 + accent #ff652e) adapted from a logistics-style layout.

Single-page style landing with anchored sections:

• Hero — UK flag motif, stroke typography, full-width work photo, rotating “same day / mobile / fitting” badge
• Stat strip — same-day fitting, emergency callouts, quality glass, UK coverage
• Services & process — 4-step flow (details → quote → book slot → drive away)
• Gallery preview — 8 recent jobs with link to full gallery
• Coverage grid — Birmingham, West Midlands, Solihull, Coventry, Walsall, Wolverhampton, Dudley
• Customer promises — lifetime fitting warranty, pay-when-satisfied, bank transfer acceptance
• Testimonials — Swiper carousel of Google reviews
• Google Maps embed — directions, reviews, service area

/gallery — reads all images from public/images at build time (60+ real job photos) and renders a responsive grid with GalleryLightbox (keyboard nav, prev/next, body scroll lock).

/contact — call (tel:), pre-filled WhatsApp quote message (car reg, glass type, address), and Google Maps link. No form backend — direct channels only.

Legal pages: privacy, terms, warranty, cancellation policy.

Scroll animations — lightweight IntersectionObserver adds is-visible to [data-animate] elements (fade, zoom) via CSS in globals.css — no Framer Motion or GSAP dependency.

Auto-hide navbar on scroll, nextjs-toploader progress bar, Sora font, clipped hero/card shapes via custom CSS utilities.

SEO — per-page metadata (lib/seo.ts), sitemap.ts, robots.ts, manifest.ts, JSON-LD for Organization, WebSite, breadcrumbs, and ContactAction. Google Tag integration for analytics.

A companion citywideautoglass-inbox project (Cloudflare Workers) handles business email on the same domain — Hono API, Durable Objects mailbox, R2 attachments, Workers AI, and reply/forward flows. Separate from the public marketing site but part of the same client footprint.