TidyLinker.com
TypeScript
Pull Request Merged
PR #164 merged: feat: photography-led landing redesign with AI-generated imagery
Summary
A photography-led refresh of / and /cleaners built around a single locked visual language (soft natural light, lived-in English interiors, brushed brass, sage shaker, no showroom aesthetic). Every supporting image is purpose-built with Imagen 4 — there are no third-party photos or video assets anywhere on these pages.
Landing (/)
- Hero rebuilt as an asymmetric text + image split, with an overlapping "every cleaner verified" caption card. The search bar sits below the split in its own grounded zone (no boxed container — that fought the dropdown panel).
- Popular services replaces the pill row with a 4×4 photo-tile grid covering all 16 services. Each tile has a unique generated image. Refresh of
database/seeders/ServiceSeeder.phpkeeps the data side in sync. - Why TidyLinker tightened to centred icon-led pillars on a warm teal/amber wash — no boxed cards, no FT cosplay.
- How-it-works (clients + cleaners) point at new on-brand imagery (a cleaner mid-clean in a sun-lit bedroom, and at a kitchen sink).
- Featured Cleaners section removed and the home route no longer queries
featuredCleaners. - New PreFooterCta — a photo-backed dark-teal CTA band that closes the page before the existing footer (which is unchanged).
Search results (/cleaners)
- Old
/hero-still.pngreference replaced with a lighter search-as-hero header — small photo accent on the right, search bar in the same grounded zone as the landing. - No structural changes to the cleaner cards / filter sidebar.
Search bar
- Scrolls the active section to the top of the viewport when its dropdown opens, and tightens the dropdown's gap, so the panel is never trapped below the fold or visually detached.
Public assets
- Removes
public/hero-video.mp4andpublic/hero-still.png(no longer referenced after the redesign). - Adds
public/images/landing/containing the 20 new images.
Test plan
-
/renders the new hero, 16 service tiles, Why pillars, How-it-works sections, pre-footer CTA, and footer - Service tile click navigates to
/cleaners?service=<name>with the right filter applied - Search-bar dropdown (service/location/date) opens cleanly without clipping or breakout
-
/cleanersrenders without the brokenhero-still.pngreference - No console errors on either page
- Visual check at mobile (375px), tablet (768px), desktop (1440px)
+468
additions
-252
deletions
35
files changed