Local Landing Page Agency

Local Landing Page Agency — in a box (Hermes)

Fork this and your Hermes agent is a one-person local web-design agency. It runs the whole loop:

find → inspire → brief → design → preview → cold-email → get paid → serve.

Agency-grade design process

Most AI site builds open the editor and guess at “beautiful.” This agent does the process real $10k landing pages use:

1. Inspiration first — shortlist 3–5 real reference sites (trade competitors + Landbook / Siteinspire / etc.).
2. Creative brief (BRIEF.md) — frankenstein specifics: “layout from A, palette from B, type from C — not the dark theme from D.” Screenshots live in refs/.
3. Plan before code — short section plan, then tokens.
4. DESIGN.md tokens — Google design.md protocol → Tailwind v4 @theme → Astro static site.
5. When round one is wrong, fix the brief — don’t thrash components.

Plus the conversion stack local service businesses need: benefit-led hero, trust bar, tap-to-call, real reviews, short quote form.

Full agency loop

• Designs a real, branded Astro + Tailwind landing page for a local business (HVAC, legal, dental, contractors).
• Cold-outreaches with the build-first playbook: builds the site before pitching, emails a live preview from Hermes’s native mailbox — personalized, low-volume, with unsubscribe.
• Weekly drip until reply or unsubscribe (Hermes-native cron).
• Charges via Stripe Payment Links and serves live on the client’s domain once they pay (Caddy on your box, or Vercel).
• One git repo per client, with BRIEF.md + DESIGN.md + status ladder (prospect → preview → live → paid).

What you bring (BYOK — nothing is baked into the template)

Set these in ~/.hermes/.env after forking:

• OPENROUTER_API_KEY — your Hermes model key (hermes config set OPENROUTER_API_KEY …, then hermes model).
• Email: hermes gateway setup → your dedicated sending mailbox (address + app-password + IMAP/SMTP hosts).
• STRIPE_SECRET_KEY — your own Stripe account (charges your clients).
• A hosting target — a Caddy VPS you control (SSH) or a Vercel Pro token. See the host-deploy skill.
• Optional GH_TOKEN to push each client repo to your GitHub.

node + headless-Chrome ship in the image; per-client npm install runs at build time.

The undeniable demo

Tell it: "Build a landing page for Phoenix Desert HVAC." It shortlists references, writes a BRIEF.md, plans the page, writes a DESIGN.md, generates a branded Astro site (tap-to-call, trust bar, reviews, quote form), builds a preview, and drafts the outreach email with the preview link — end to end.

Skills: design-site, cold-outreach, stripe-billing, host-deploy, client-repo, screenshot.

Process inspiration: Remy — landing page process.