claudetools/wiki/clients/azcomputerguru.com.md

type, name, display_name, last_compiled, compiled_by, sources

type	name	display_name	last_compiled	compiled_by	sources
client	azcomputerguru.com	ACG Website (azcomputerguru.com)	2026-05-24	DESKTOP-0O8A1RL/claude-main	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)