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 -ExecutionPolicy Bypass -File serve.ps1 # serves :4327 and opens a browser
or any static server, e.g.:
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).