# Arizona Computer Guru — Website Showcase

Multipage marketing site for Arizona Computer Guru. Hand-built static (HTML/CSS/vanilla JS).
3 design skins, Bold as default. **Live deployment:** http://ww9.azcomputerguru.com

**Active version:** `multipage/` (6 pages: Home, Services, Pricing, Calculator, About, Contact)
**Default design:** Bold — premium brutalist with Anton headlines, signal orange, grayscale photos
**Archived:** Single-page Sonoran Ledger version (root `index.html`) — kept as reference pattern

## View it

**Live site:** http://ww9.azcomputerguru.com (deployed to IX hosting, grey-cloud Cloudflare DNS)

**Local preview:**
```bash
cd multipage/
powershell -ExecutionPolicy Bypass -File serve.ps1   # port 4328
# OR
py -m http.server 4328
```

**Archived single-page (Sonoran Ledger):**
```bash
# From project root
powershell -ExecutionPolicy Bypass -File serve.ps1   # port 4327
```

## What's inside

**Multipage (active):** `multipage/`
- 6 HTML pages (index, services, pricing, calculator, about, contact)
- 3 skins: **Bold** (default), Midnight, Verdigris — each with light + dark themes
- Bold design: Anton uppercase headlines, signal orange (#E24A12), grayscale photos, bone/near-black palette
- `css/styles.css` — 3-skin token-based system
- `js/app.js` — theme + skin switchers, calculator, mobile nav, FAQ
- `assets/images/` — Grok photography (default warm set + Verdigris cool set)
- `PRODUCT.md`, `DESIGN.md` — brand register + design rules

**Single-page (archived):** Root directory
- `index.html` — Sonoran Ledger design (warm paper aesthetic)
- Kept as reusable pattern for other Guru-related sites

## Features
- **3 design skins** with header switcher (Bold / Midnight / Verdigris)
- **Light + dark themes** for each skin (system-aware, remembered, FOUC-free)
- **Interactive IT cost calculator** — GPS tiers, support plans, M365, phones → monthly/annual totals
- **Estimate handoff** — calculator builds statement for contact form
- Published GPS pricing, services, FAQ
- WCAG-AA contrast in all 6 modes; keyboard-accessible nav, FAQ, forms
- **Grayscale photography** in Bold skin (color in Midnight/Verdigris)

## Deployment
- **Production:** http://ww9.azcomputerguru.com
- **Server:** IX Web Hosting (ix.azcomputerguru.com, 72.194.62.5)
- **Path:** `/home/azcomputerguru/public_html/ww9/`
- **DNS:** Cloudflare A record (grey cloud / DNS-only)
- **HTTPS:** AutoSSL (Let's Encrypt, auto-provisioned)

Contact forms are demo only (not wired). Pricing illustrative of published GPS rates.

## History
- 2026-06-16: Deployed to ww9.azcomputerguru.com; Paper/Ledger skin dropped, Bold set as default
- 2026-06-14-15: Built multipage (4 skins), Bold skin added as dialed-back radical
- 2026-06-14: Built single-page Sonoran Ledger via Grok+Gemini pipeline
