sync: auto-sync from GURU-5070 at 2026-06-14 20:04:14

Author: Mike Swanson
Machine: GURU-5070
Timestamp: 2026-06-14 20:04:14

projects/acg-website-showcase/README.md

@@ -0,0 +1,50 @@
+# Arizona Computer Guru — Website Showcase
+
+A self-contained, hand-built single-page marketing site for Arizona Computer Guru,
+produced as a local "what we can do" test piece. No framework, no build step.
+
+**Art direction:** "Sonoran Ledger" — warm paper, a bookkeeper's-ledger rhythm,
+mono numerals, orange used only as sparse accent "ink." Chosen by a Grok + Gemini
+design panel and confirmed by Mike. See `DESIGN.md`.
+
+## View it
+From this folder:
+
+```powershell
+powershell -ExecutionPolicy Bypass -File serve.ps1        # serves :4327 and opens a browser
+```
+or any static server, e.g.:
+```bash
+py -m http.server 4327      # then open http://localhost:4327/
+```
+
+It also works opened directly as `index.html` (file://), though serving is cleaner
+(Google Fonts and JSON-LD behave best over http).
+
+## What's inside
+| Path | Purpose |
+|---|---|
+| `index.html` | The page — semantic, accessible, all sections |
+| `css/styles.css` | Sonoran Ledger design system (light + dark themes) |
+| `js/app.js` | Theme toggle, IT-cost calculator, FAQ, mobile nav, reveal |
+| `assets/images/` | Grok-generated photography (hero, story, trust) + paper texture |
+| `design/` | Pipeline artifacts: AI design directions, reviews, render screenshots |
+| `DESIGN.md` | Locked design system + anti-slop rules |
+
+## Features
+- Light **and** dark themes (system-aware, remembered, no flash-of-wrong-theme).
+- Live **IT cost calculator** — endpoints, GPS tier, support plan, M365, phones,
+  hosting → monthly/annual/all-in-per-endpoint. "Send me this estimate" hands the
+  built statement to the contact form.
+- Published GPS pricing, services, FAQ, and concierge story from ACG's own materials.
+- WCAG-AA contrast in both themes; keyboard-accessible nav, FAQ, and forms.
+
+## Build pipeline (how it was made)
+Grok (art-direction input + image generation) → Gemini (design-weight decision) →
+human pick → hand-built static site → Gemini + Grok design & code review → fixes →
+Gemini vision final design gate → polish → local publish.
+
+## Not production
+This is a demonstration build. The contact form is not wired to a mailbox, pricing
+is illustrative of published GPS rates, and photography is representational. The live
+site project lives at `clients/azcomputerguru.com/` (Astro).