claudetools/wiki/clients/azcomputerguru.com.md

---
type: client
name: azcomputerguru.com
display_name: ACG Website (azcomputerguru.com)
last_compiled: 2026-05-24
compiled_by: DESKTOP-0O8A1RL/claude-main
sources:
  - clients/azcomputerguru.com/session-logs/2026-05-22-session.md
---

# ACG Website (azcomputerguru.com)

> This article covers the public-facing azcomputerguru.com website only. For ACG's internal infrastructure (Neptune Exchange, Gitea, Jupiter, etc.), see [[internal-infrastructure]].

## Overview

The azcomputerguru.com website is Arizona Computer Guru's own public marketing site. As of 2026-05-22, it is being redesigned as a static Astro site with a custom design system, replacing the previous live site. The prototype is under active development in the `clients/azcomputerguru.com/` directory of the ClaudeTools repo.

- **Status:** Prototype in progress. Not yet deployed to production.
- **Billing model:** Internal / owner project — no client billing.
- **Contract status:** N/A (ACG's own site).

## Contacts

*(not documented)* — ACG internal project; no external client contacts.

## Infrastructure

### Production Hosting
- **Host:** IX Web Hosting (cPanel)
- **Deploy path:** `/public_html/`
- **Deployment method:** Manual file upload (no CI/CD configured as of last session)
- **URL:** https://azcomputerguru.com

### Local Development
- **Build tool:** Astro (`npm run build`)
- **Build output:** `dist/`
- **Preview server:** `npx astro preview --port 4325` → `http://localhost:4325/`
- **Build location:** `D:/claudetools/clients/azcomputerguru.com/`
- **Config file:** `clients/azcomputerguru.com/astro.config.mjs`
  - `site: 'https://azcomputerguru.com'`
  - `compressHTML: true`

## Network

*(not documented)* — Static hosted site; no proprietary network infrastructure.

## Cloud / M365

*(not documented)* — Website project only; M365/cloud tenant info belongs in [[internal-infrastructure]].

## GuruRMM

*(not documented)* — No GuruRMM agents are associated with website hosting.

## Active Projects / Open Items

### Prototype Redesign (Astro)
Main deliverable file: `clients/azcomputerguru.com/src/pages/index.astro`

Current design score: **33/40** (up from 21/40 on original live site)

Score progression:
- `2026-05-22T15-08-23Z` — original live site critique: 21/40
- `2026-05-22T15-53-21Z` — after initial craft + harden pass: 31/40
- `2026-05-22T17-03-45Z` — after all P1+P2 fixes: 33/40

Critique snapshots stored in `.impeccable/critique/`.

### Open P2 Items (from last session)
- **Form error states:** CTA form uses browser-native `required` validation only. No styled error feedback. Fix: ~15 lines of inline `<script>` + one CSS error token.
- **Pricing signal:** No pricing context on page. A single line near the catalog or CTA subtext would address persona red flag without committing to numbers.

### Future / Pre-Launch
- **Form backend:** `action="/contact" method="GET"` is a prototype placeholder. IX Web Hosting supports PHP; options: simple `contact.php` or Formspree.
- **Replace placeholder testimonials:** Current testimonials use constructed names (Sarah M., James K., Linda R.) and fabricated quotes. Must be replaced with actual client quotes before launch.
- **`aria-current="page"`:** Not set on homepage nav item.
- **Dynamic copyright year:** Footer `© 2026` is hardcoded. Replace with JS expression or Astro template variable.
- **Production deployment:** Site has not been deployed to IX Web Hosting this session.

## Key Events / History

### 2026-05-22 — Homepage Redesign Session (Impeccable Craft Pass)
- Resumed from a prior context-compacted session that had completed initial craft + harden pass (31/40).
- Scope: all P1 + P2 items from most recent critique.
- Changes made to `index.astro`:
  - Added `.sr-only` utility class to CSS reset block.
  - Added full testimonials section (HTML + CSS): `.testimonial-grid`, `.testimonial-item`, `.testimonial-quote`, `.testimonial-attribution`. Cards use `border-top: 3px solid var(--color-accent)` (not side-stripe — banned).
  - Redesigned CTA band from centered single-column to two-column grid (`1fr 1.1fr`): left = `.cta-text` (heading, subtext, phone link); right = `.cta-form-wrap` with 3-field form (name required, phone/email required, textarea).
  - Restructured service catalog from flat 12-item `<ul>` to 3 labeled groups (`<div class="catalog-group">`): Management (5 items), Security (4 items), Support (3 items). Grid changed from `auto-fit minmax(320px, 1fr)` to `repeat(3, 1fr)`.
  - Removed orphaned CSS rules `.cta-actions`, `.cta-or` after CTA band rewrite.
- Final score: 33/40.

## Design System Notes

- **Fonts:** Barlow Condensed (display, `--font-display`) + Lexend (body, `--font-body`) — Google Fonts via `<head>`
- **Color system:** OKLCH throughout; brand orange `oklch(0.70 0.18 55)`; all tokens in `:root`
- **Spacing scale:** `--sp-1` through `--sp-24` (0.25rem steps)
- **CTA form panel background:** `oklch(0.22 0.06 30)` — very dark brownish-red, chroma shifted toward brand hue
- **Input fields:** `oklch(0.17 0.04 30)`
- **Submit button:** white background + brand-color text (inverts off orange band)

## Anti-Patterns / Warnings

- [WARNING] **Do not deploy the prototype as-is.** Testimonials use placeholder names and fabricated quotes. Replace before any production push.
- [WARNING] **The CTA form has no backend handler.** `action="/contact" method="GET"` will 404 on the live site. Do not launch without a form processor.
- **Side-stripe card borders are banned** in this design system. Use `border-top` accent treatment instead.
- **Do not use a flat `<ul>` for the service catalog.** The grouped `catalog-groups` structure is intentional and was a scored improvement.
- **Do not confuse this article with [[internal-infrastructure]].** The azcomputerguru.com site lives on IX Web Hosting, not Neptune or any ACG-managed server.

## Backlinks

- [[internal-infrastructure]] — ACG's internal servers, Neptune Exchange, Gitea, Jupiter (separate from this article)
- [[gururmm]] — GuruRMM project (referenced in service catalog as a service offering)