# mockup-gallery: I shipped 10 industry mockups as a cold-outreach portfolio

Source: https://www.michaelchurley.com/blog/mockup-gallery-ten-industry-cold-outreach  
Published: 2026-08-08  
Author: Michael C. Hurley  
Tags: mockup-gallery, hurleyus, cold-outreach, web-design, nextjs, tailwind, vercel, portfolio, martech, conversion

![Web Design Portfolio chrome with Prestige luxury real estate tab](/blog/mockup-gallery-ten-industry-cold-outreach/screenshots/gallery-home.png)

## Who

I sell web design the old way sometimes. Email. Industry angle. Proof.

Prospects do not want a Figma file. They want to see what *their* kind of site could look like — real estate, HVAC, SaaS, a restaurant booker — without waiting on a custom sprint.

mockup-gallery is for that motion. Local operators. SMB owners. Anyone I can send a link and a short note. Frontend people who care how a sales kit is actually built under Next 16 and Tailwind 4. Not the twelveux registry crowd. Not a single vertical client delivery.

## What

I built a public Next.js gallery. Package name `design-mockups`. Version **1.0.0**. React 19. Tailwind 4. Bun lockfile. Lucide icons.

One client page. Sticky dark portfolio chrome. Ten tabs. Each tab mounts a full-page industry lander under `app/components/mockups/`.

The brands on the tabs: **Prestige**, **Velocity Motors**, **Nexus Consulting**, **ARIA**, **ZENITH**, **HandyPro**, **Analytics Pro**, **LearnHub**, **TableHub**, **VoyageNow**.

Roughly twenty-six hundred lines of mockup TSX. No per-mockup routes — tab state only. README ships a cold-outreach template (sign-off in-file still says “—Rusty”).

Observability landed later: Sentry, PostHog, Fallow, Blacksmith `ship.yml`.

![Ten industry mockup cards](/blog/mockup-gallery-ten-industry-cold-outreach/screenshots/ten-mockups-grid.png)

## Where

Live on Vercel: https://mockup-gallery-nu.vercel.app — at pack time `X-Robots-Tag: index, follow`.

Repo: https://github.com/HurleyUS/mockup-gallery

Contact chrome: hello@hurleyus.com · +1 (828) 593-1935

![HandyPro home services mockup](/blog/mockup-gallery-ten-industry-cold-outreach/screenshots/home-services.png)

## When

**2026-03-28, 7:21 PM ET.** Ten mockups land. Same evening Tailwind v4 / PostCSS / Vercel CSS fight through `61dda20`.

**2026-05-14 afternoon.** Blacksmith CI standardization + Fallow/FReview scaffolding + formatter green.

**2026-08-08, 6:55 AM ET.** HEAD `21f44ec` — robots `index, follow`. Twenty commits. Package 1.0.0.

## Why

I needed a link for industry email without a bespoke repo per vertical. Ten tabbed landers is that link.

Tailwind v4 pain is part of the truth. May CI/observability is the operator habit. August robots flip says the page is meant to be found.

What industry tab would you send first?