sync: auto-sync from GURU-5070 at 2026-07-24 05:50:23
Author: Mike Swanson Machine: GURU-5070 Timestamp: 2026-07-24 05:50:23
This commit is contained in:
@@ -71,3 +71,43 @@ Small follow-ups (offered, not actioned): add vCIO & Compliance + Projects & Blo
|
||||
- Source: `projects/acg-website/v2/` (site), `projects/community-forum/` (Flarum theme, submodule). Todo: `projects/acg-website/TODO.md`. Memory: `.claude/memory/project_acg_website_redesign.md`.
|
||||
- Numbers: business line 520.304.8300; radio call-in 520-790-2040 (KVOI 1030AM, The Computer Guru Show, Sat 9AM). Address: 7437 E. 22nd St, Tucson, AZ 85710.
|
||||
- Competitor set: national — Electric, Ntiva, NexusTek, Corsica, Integris; Arizona — LeeShanok, Silverado, Integrated Axis, Nextrio (now IT Solutions Inc), Total Networks (now LayerCake).
|
||||
|
||||
---
|
||||
|
||||
## Update: 05:48 PT (2026-07-24) — reposition, founder story, full imagery, Grok fix, AI service (coming soon)
|
||||
|
||||
### Summary
|
||||
Continued the v2 build far past the initial multipage version. Repositioned the core messaging (the "we charge the same whether it breaks or not" line was false since GPS Basic is break/fix), rewrote the About origin into Mike's real founder story, corrected the radio number, fixed the Grok CLI, ran a full 3-AI art-directed imagery build-out across the whole site (with an owner-feedback fix round), documented a hero-image strategy, added the next-phases roadmap (AI Consultant + SEO), and scoped + built the AI Consulting service, then set it to "Coming Soon" pending owner sign-off.
|
||||
|
||||
### Key Decisions
|
||||
- **Reposition:** dropped "charge the same whether it breaks or not"; new manifesto **"No games, no padded bills, just better IT"** (Gemini's pick over "we do it better"). Accountability lives in the voice, not a formal guarantee. Break/fix owned openly ("your call, same team either way"). Softened "old break-fix model" so break/fix is not disparaged.
|
||||
- **About = Mike's real founder story** ("Both" voice: company narrative + an attributed first-person pull-quote). Generalized specifics per Mike (a county agency at 17, dad "in the chip business", no employer/company names). Villain reframed to the BS *way* IT is done, not break/fix. Radio show grounded in its real "counter the wrong answers on air" origin.
|
||||
- **All-3-AI art direction:** Claude curates, Grok (grok-4.5) generates, Gemini (agy) reviews each. Treatment **mix**: heavy `.frame--duo` for infra/landscape, light `.frame--duo-soft` (real photo shows) for people/scene shots. Per-slot aspect: **21/7** page-head banners, **4/5** portrait story figures.
|
||||
- **AI Consultant service scoped:** all 4 pillars (Train/Advise/Build/Govern), BOTH audiences, MIX packaging (workshop → vCAIO retainer → project), co-equal placement. Credibility grounded in the real ~2-year internal-first AI experience (caution = the proof). Set **Coming Soon** per Mike; full draft preserved.
|
||||
|
||||
### Problems Encountered
|
||||
- **Grok empty output** = stale `-m grok-build` pin (unknown model id in CLI 0.2.111); Grok self-fixed the pin to `grok-4.5`. Verified text + image gen.
|
||||
- **Image aspect mismatch** — 1.5 landscape gen cropped badly in the 21/7 + 4/5 frames; fixed by generating each image at its slot's aspect (the Contact fix surfaced this).
|
||||
- **Persistent ff-profile caches stale css/js** (recurring) — always verify with a fresh `FF_PROFILE` temp dir, not `?cb=` on the page URL.
|
||||
- **Owner image feedback** — 3-hand cabling (re-rolled hands-free), dirty-ceiling AP (clean re-roll), and 4 nature "LIGHT" shots swapped for on-topic IT imagery (vintage-80s computer/ROOTS, offsite drives/COPIES, roadmap/ROADMAP, server LEDs/UPTIME) + caption fixes.
|
||||
- **Grok image_to_video** returns no artifact (hero video deferred, logged to errorlog).
|
||||
|
||||
### Configuration Changes
|
||||
- Messaging: `v2/index.html` (manifesto band), `v2/about.html` (origin + meta + founder pull-quote), `v2/managed-it.html` (pull quote + "old break-fix" softened).
|
||||
- Radio number `520-790-2020` -> `520-790-2040` across all 14 pages.
|
||||
- Imagery: 27 new page-relevant assets, every page's `<img>` src/alt/caption/frame-class, `v2/css/v2.css` (new `.frame--duo-soft`).
|
||||
- New docs: `v2/HERO-STRATEGY.md`, `v2/AI-SERVICE-SCOPE.md`; `TODO.md` (+ AI Consultant + SEO next phases, hero series).
|
||||
- AI service: `v2/ai-consulting.html` (now a Coming Soon teaser), `v2/ai-consulting-draft.html` (full build preserved for later), `assets/ai-workshop.png` + `assets/ai-desk.png`; `index.html` + `services.html` AI cards -> "COMING SOON".
|
||||
- Grok skill: model pin -> `grok-4.5`; `HEADLESS.md` + `PEER_GUIDE.md` added (Grok-authored).
|
||||
- Memory: `project_acg_founder_story.md` (founder story + ethos).
|
||||
|
||||
### Pending / Incomplete Tasks
|
||||
- **AI Consulting** — finish + un-hide (draft ready) once Mike confirms the "why us" accuracy and sets pricing (currently consult-first).
|
||||
- **SEO strategy** (next phase) — location pages, Google Business Profile, local content engine (forum/radio), local schema; needs its own plan doc.
|
||||
- **Hero image series** — seasonal set / highlight slider (strategy documented); generate spring/fall/winter + selector.
|
||||
- Contact form -> real mailbox; prune orphaned old image assets; production DNS/hosting cutover to azcomputerguru.com. Hero video retry when a working tool exists.
|
||||
|
||||
### Reference Information
|
||||
- Live: https://ww9.azcomputerguru.com/ (v2, all pages re-imaged). Forum: https://community.azcomputerguru.com/.
|
||||
- Key commits this stretch: messaging + founder story (`2e5c0c00`), Grok fix (`728308de`), full imagery pass (`e5db1466`). AI-service + coming-soon committed by this /save.
|
||||
- Docs: `v2/HERO-STRATEGY.md`, `v2/AI-SERVICE-SCOPE.md`, `TODO.md`.
|
||||
|
||||
41
projects/acg-website/v2/AI-SERVICE-SCOPE.md
Normal file
41
projects/acg-website/v2/AI-SERVICE-SCOPE.md
Normal file
@@ -0,0 +1,41 @@
|
||||
# AI Consultant Service — Scope (build-ready)
|
||||
|
||||
> Scoped with Mike 2026-07-23. A new **co-equal service** on azcomputerguru.com.
|
||||
> Positioning throughline: **the honest guide who cuts through the AI hype** — ACG
|
||||
> has real AI experience and applies its no-BS ethos to AI. This is the white space
|
||||
> (every MSP shouts "AI" as buzzword noise; ACG says "we've actually done this, here's
|
||||
> straight help"). Fits the anti-weaponized-ignorance brand exactly.
|
||||
|
||||
## Locked decisions
|
||||
- **Scope:** all four pillars (below).
|
||||
- **Audience:** BOTH — deepen existing clients AND a front door for AI-curious businesses who aren't IT clients yet (growth + retention).
|
||||
- **Packaging:** a MIX — workshops (affordable entry) → ongoing advisory retainer (a "vCAIO", like the vCIO) → project-based implementation.
|
||||
- **Prominence:** co-equal service — a card in "THE INDEX" (home + services page) + its own detail page, same weight/pattern as the other services. (Homepage nod ok; not a separate sub-brand.)
|
||||
|
||||
## The four pillars (become the "what's included" expandable sub-index on the detail page)
|
||||
1. **Learn / Training** — hands-on team workshops on real AI tools (ChatGPT, Copilot, etc.): what they do, how to use them productively, and what NOT to do. The front door; what clients already ask for.
|
||||
2. **Advise / Strategy** — a consult to find where AI genuinely helps *their* business vs where it's a waste: real ROI, tool selection, what to skip. The no-BS filter applied to AI.
|
||||
3. **Build / Implement** — set up and integrate the tools, workflows, and automations that pass the filter. Hands-on.
|
||||
4. **Protect / Govern** — an AI-use policy, data safety (no company data leaking into public models), acceptable-use, and compliance.
|
||||
|
||||
## Site work (mirrors the existing detail-page pattern)
|
||||
- **THE INDEX card** on the homepage + services.html (a new numbered service; clickable through to the page like the rest). Confirm the homepage index list intent (it currently shows 6 of the services).
|
||||
- **Detail page** `ai-consulting.html` (or chosen slug), same template as the others:
|
||||
- page-head: service name + mono kicker + FROM-price + a relevant image (soft-treatment, human/work AI scene, e.g. a team in a workshop / someone using AI at a desk).
|
||||
- **01 What it is** — plain English: honest, practical AI help for real businesses, no hype.
|
||||
- **02 What's included** — the 4 pillars as the educational expand accordion (define + why it matters + soft consult nudge), same as the other pages.
|
||||
- **03 How we deliver / why us** — the honest-guide angle grounded in ACG's REAL AI experience (see open item).
|
||||
- **04 Who it's for + pricing** — the mix packaging with real anchors (see open item).
|
||||
- CTA (talk to a human / book a workshop).
|
||||
- **Homepage nod** — a line/mention so it doesn't hide only on the services page.
|
||||
|
||||
## Proposed naming / headline (for Mike to confirm)
|
||||
- Plain service name: **"AI Consulting"** (clear, searchable). Detail-page headline in the brand voice, e.g. **"AI, without the hype."** Card kicker could be "AI // no hype."
|
||||
|
||||
## OPEN — needed from Mike before writing the copy
|
||||
1. **Real AI proof / experience** (to ground credibility honestly, no fabrication): what has ACG/Mike actually DONE with AI? e.g. tools deployed for clients (Copilot/M365 AI, automations, custom builds), workshops already given, specific wins or domains, years of hands-on. A few real specifics = the whole credibility of pillar 03.
|
||||
2. **Pricing approach** — the site's differentiator is transparent published pricing. Do we publish anchors (e.g. workshop from $X, advisory retainer from $X/mo, implementation quoted) or keep AI as "let's scope your needs"? Recommend publishing at least a workshop price + "advisory from $X/mo" to stay on-brand, but need the numbers.
|
||||
3. (minor) Final service name + slug + whether it gets a homepage index card now or later.
|
||||
|
||||
## Status
|
||||
Scoped, not built. Build after Mike provides the 2 open items above. Tracked in TODO.md.
|
||||
272
projects/acg-website/v2/ai-consulting-draft.html
Normal file
272
projects/acg-website/v2/ai-consulting-draft.html
Normal file
@@ -0,0 +1,272 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="light">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AI Consulting | Arizona Computer Guru</title>
|
||||
<meta name="description" content="Honest, practical AI help for Arizona businesses: team training, strategy, implementation, and AI-use policy. No hype, no buzzwords. Start with a free consult." />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="css/v2.css" />
|
||||
<link rel="icon" type="image/svg+xml" href="assets/acg-g-mark.svg" />
|
||||
<script>
|
||||
(function () { try {
|
||||
var s = localStorage.getItem("acg-theme");
|
||||
var m = s || (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
|
||||
document.documentElement.setAttribute("data-theme", m);
|
||||
document.documentElement.classList.add("js");
|
||||
} catch (e) {} })();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="header-grid">
|
||||
<a class="brand" href="index.html" aria-label="Arizona Computer Guru home">
|
||||
<span class="brand__mark" aria-hidden="true"><svg viewBox="0 0 101 96" fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke="currentColor" stroke-width="19.75"><path d="M67 15.09A38 38 0 1 0 85.17 40.1"/><path d="M51.64 45.35 92.5 15.67"/></g><g stroke="var(--accent, #E24A12)" stroke-width="7.75"><path d="M67 15.09A38 38 0 1 0 85.17 40.1"/><path d="M51.64 45.35 92.5 15.67"/></g></svg></span>
|
||||
<span class="brand__text">
|
||||
<span class="brand__name">Arizona Computer Guru</span>
|
||||
<span class="brand__since">Concierge IT / Tucson / Est. 2001</span>
|
||||
</span>
|
||||
</a>
|
||||
<nav class="nav" id="siteNav" aria-label="Primary">
|
||||
<a class="nav__link" href="index.html">Home</a>
|
||||
<a class="nav__link" href="services.html" aria-current="page">Services</a>
|
||||
<a class="nav__link" href="pricing.html">Pricing</a>
|
||||
<a class="nav__link" href="about.html">About</a>
|
||||
<a class="nav__link" href="contact.html">Contact</a>
|
||||
<a class="nav__link nav__link--mobile" href="calculator.html">Estimate your cost</a>
|
||||
<a class="nav__link nav__link--mobile" href="tel:+15203048300">520.304.8300</a>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<a class="nav__cta" href="calculator.html">Estimate</a>
|
||||
<a class="nav__phone" href="tel:+15203048300">520.304.8300</a>
|
||||
<button class="theme-toggle" id="themeToggle" type="button" aria-pressed="false" aria-label="Switch to dark theme"><span aria-hidden="true" data-theme-icon>☀</span></button>
|
||||
<button class="nav__toggle" id="navToggle" type="button" aria-expanded="false" aria-controls="siteNav" aria-label="Open menu"><span aria-hidden="true">☰</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="main">
|
||||
|
||||
|
||||
<!-- ============ PAGE HEAD ============ -->
|
||||
<section class="page-head" aria-labelledby="page-h">
|
||||
<p class="page-head__meta mono reveal">
|
||||
<span>DOC.02.9 / AI CONSULTING</span>
|
||||
<span>PUT AI TO WORK / AI.OPS</span>
|
||||
<span class="page-head__meta-wide">START WITH A FREE CONSULT</span>
|
||||
</p>
|
||||
<h1 id="page-h" class="page-head__title">
|
||||
<span class="reveal">AI, without</span>
|
||||
<span class="accent-word reveal">the hype.</span>
|
||||
</h1>
|
||||
<div class="page-head__deck">
|
||||
<p class="page-head__lead reveal">Straightforward, practical help putting AI to work in your business, from a team that has actually used it. Training, strategy, setup, and the policy to keep your data safe. No breathless hype, no buzzword bingo, just a clear answer on what is worth your time and what is not.</p>
|
||||
<div class="page-head__aside reveal">
|
||||
<a class="btn btn--primary" href="contact.html">Book a free consult <span class="arrow" aria-hidden="true">→</span></a>
|
||||
<a class="btn btn--ghost" href="tel:+15203048300">520.304.8300</a>
|
||||
</div>
|
||||
</div>
|
||||
<figure class="page-head__figure frame frame--duo-soft reveal">
|
||||
<img src="assets/ai-workshop.png" width="1280" height="720" alt="A small-business team gathered around a single open laptop at a table during a hands-on AI training workshop, one person pointing at the screen while the others take notes, warm natural window light." loading="lazy" />
|
||||
<span class="frame__meta frame__meta--tl mono" aria-hidden="true">FIG.016 / TRAIN</span>
|
||||
<span class="frame__meta frame__meta--br mono" aria-hidden="true">7437 E 22ND ST / TUCSON</span>
|
||||
</figure>
|
||||
</section>
|
||||
|
||||
<!-- ============ 01 WHAT IT IS ============ -->
|
||||
<section class="sect grid-bg" aria-labelledby="wi-h">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<span class="section-no section-no--ink" aria-hidden="true">01</span>
|
||||
<p class="kicker mono">What it is / in plain English</p>
|
||||
</div>
|
||||
<div class="story__grid">
|
||||
<div class="story__copy">
|
||||
<h2 id="wi-h" class="sect__title reveal">Real help with AI, minus the hype.</h2>
|
||||
<p class="reveal">Everyone is talking about AI right now, and most of the talk is either breathless hype or a sales pitch for a tool you may not need. We do the opposite. We give you honest, practical help figuring out where AI actually fits your business and, just as importantly, where it does not.</p>
|
||||
<p class="reveal">That covers the whole range: training your team on the tools they already have, advising you on what is worth doing, building the pieces that make sense, and writing the policy that keeps your data safe. Whether you are an existing client or a business new to us that is simply AI-curious, you start in the same place, with a straight conversation and zero pressure.</p>
|
||||
<p class="pull reveal">We will tell you where AI genuinely helps, and just as honestly where it is a waste of your money.</p>
|
||||
</div>
|
||||
<figure class="story__figure frame frame--duo-soft reveal">
|
||||
<img src="assets/ai-desk.png" width="864" height="1080" alt="A focused professional at a tidy office desk using an AI assistant on a laptop, one hand on the keyboard, a coffee mug and a notebook alongside, warm natural side light." loading="lazy" />
|
||||
<span class="frame__meta frame__meta--tl mono" aria-hidden="true">FIG.026 / ASSIST</span>
|
||||
<span class="frame__meta frame__meta--br mono" aria-hidden="true">AT THE DESK / REAL WORK</span>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 02 WHAT'S INCLUDED ============ -->
|
||||
<div class="band-ink">
|
||||
<section class="band-sect" aria-labelledby="inc-h">
|
||||
<div class="band-wrap">
|
||||
<div class="section-head">
|
||||
<span class="section-no" aria-hidden="true">02</span>
|
||||
<p class="kicker mono">What's included / the concrete list</p>
|
||||
</div>
|
||||
<h2 id="inc-h" class="band-title reveal">Four ways we actually help.</h2>
|
||||
<div class="svc-index svc-index--fold">
|
||||
<article class="svc reveal">
|
||||
<button class="svc__q" type="button" aria-expanded="false">
|
||||
<span class="svc__no" aria-hidden="true">01</span>
|
||||
<span class="svc__name">Training and workshops</span>
|
||||
<span class="svc__tail"><span class="pm" aria-hidden="true">+</span></span>
|
||||
</button>
|
||||
<div class="svc__panel"><div class="svc__panel-inner">
|
||||
<p class="svc__desc">A workshop is hands-on training where we sit down with your team and show them how to actually use the AI tools they already have, like Copilot and ChatGPT, to get real work done faster. Just as important, we cover what not to do, so nobody pastes something sensitive into the wrong place. It is the easiest and most affordable way to start, and a short consult tells us exactly what your team needs to learn.</p>
|
||||
</div></div>
|
||||
</article>
|
||||
<article class="svc reveal">
|
||||
<button class="svc__q" type="button" aria-expanded="false">
|
||||
<span class="svc__no" aria-hidden="true">02</span>
|
||||
<span class="svc__name">Advisory and strategy</span>
|
||||
<span class="svc__tail"><span class="pm" aria-hidden="true">+</span></span>
|
||||
</button>
|
||||
<div class="svc__panel"><div class="svc__panel-inner">
|
||||
<p class="svc__desc">This is the no-nonsense filter applied to AI. We look at how your business actually runs and tell you honestly where AI genuinely helps, where it is a waste of money, and which tools are worth the subscription. You can bring us in for a one-time strategy session or keep us on as an ongoing advisor, a kind of virtual AI officer, the same way our vCIO works. If you are not sure where to even begin, that is exactly what a consult is for.</p>
|
||||
</div></div>
|
||||
</article>
|
||||
<article class="svc reveal">
|
||||
<button class="svc__q" type="button" aria-expanded="false">
|
||||
<span class="svc__no" aria-hidden="true">03</span>
|
||||
<span class="svc__name">Implementation</span>
|
||||
<span class="svc__tail"><span class="pm" aria-hidden="true">+</span></span>
|
||||
</button>
|
||||
<div class="svc__panel"><div class="svc__panel-inner">
|
||||
<p class="svc__desc">Once we agree on what is worth doing, we set it up for you. That means configuring the tools, connecting them to the systems you already use, and building the small automations that quietly save your team hours every week. Nothing gets built until it passes the honest filter first, and a consult is where we scope what that actually looks like for you.</p>
|
||||
</div></div>
|
||||
</article>
|
||||
<article class="svc reveal">
|
||||
<button class="svc__q" type="button" aria-expanded="false">
|
||||
<span class="svc__no" aria-hidden="true">04</span>
|
||||
<span class="svc__name">Governance and policy</span>
|
||||
<span class="svc__tail"><span class="pm" aria-hidden="true">+</span></span>
|
||||
</button>
|
||||
<div class="svc__panel"><div class="svc__panel-inner">
|
||||
<p class="svc__desc">Governance is the boring but important part: a clear, plain-English policy for how your team uses AI safely. That means keeping company and client data out of public AI models, spelling out acceptable use, and staying on the right side of any compliance rules you answer to. Most businesses have no policy at all right now, which is a real risk, and a consult is a good place to close that gap.</p>
|
||||
</div></div>
|
||||
</article>
|
||||
</div>
|
||||
<p class="band-punch reveal">The thread through all four is the same one that runs through everything we do: we tell you the truth about what is worth your time and money, and we skip the rest.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- ============ 03 HOW WE DELIVER ============ -->
|
||||
<section class="sect sect--surface" aria-labelledby="hd-h">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<span class="section-no section-no--ink" aria-hidden="true">03</span>
|
||||
<p class="kicker mono">How we deliver it / why it is different</p>
|
||||
</div>
|
||||
<h2 id="hd-h" class="sect__title reveal">We made the mistakes first.</h2>
|
||||
<p class="lead reveal">There is a lot of noise about AI right now, and most of it is trying to sell you something. We took the opposite approach and spent about two years quietly putting AI to work inside our own business before we ever recommended it to a client.</p>
|
||||
<p class="reveal">We built our own AI-powered operations tooling and our own RMM platform, and we use the mainstream tools like Copilot and Grok every single day. Most of that has been internal, on purpose. We wanted to prove it on ourselves first, so the advice you get is earned instead of borrowed from a vendor's brochure.</p>
|
||||
<p class="reveal">That caution is the whole point. We already made the expensive mistakes and hit the dead ends, so you do not have to. We will not put anything near your business that we have not lived with ourselves, and if the honest answer is that AI is not worth it for a particular job, we will tell you that just as plainly.</p>
|
||||
<div class="onair-grid reveal">
|
||||
<div class="onair-cell">
|
||||
<div class="trust__num">2 YRS</div>
|
||||
<div class="trust__label">Hands-on with AI tools, daily</div>
|
||||
<span class="trust__tag mono" aria-hidden="true">PT.01</span>
|
||||
</div>
|
||||
<div class="onair-cell">
|
||||
<div class="trust__num">US FIRST</div>
|
||||
<div class="trust__label">Proven on our own operations before yours</div>
|
||||
<span class="trust__tag mono" aria-hidden="true">PT.02</span>
|
||||
</div>
|
||||
<div class="onair-cell">
|
||||
<div class="trust__num">NO HYPE</div>
|
||||
<div class="trust__label">Straight answers, not buzzwords</div>
|
||||
<span class="trust__tag mono" aria-hidden="true">PT.03</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ 04 WHO IT'S FOR + PRICING ============ -->
|
||||
<section class="sect grid-bg" aria-labelledby="wp-h">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<span class="section-no section-no--ink" aria-hidden="true">04</span>
|
||||
<p class="kicker mono">Who it is for / and how it is packaged</p>
|
||||
</div>
|
||||
<h2 id="wp-h" class="sect__title reveal">For the curious and the skeptical alike.</h2>
|
||||
<p class="lead reveal">Existing clients who want to get more out of the tools they are already paying for, and businesses new to us who keep hearing about AI and want a straight answer without the sales pitch. We meet you wherever you are, from never touched it to already experimenting. It comes in three shapes, so you can start small or go all in.</p>
|
||||
<div class="table-slab reveal">
|
||||
<table class="data-table">
|
||||
<caption>AI consulting / how it is packaged</caption>
|
||||
<thead><tr><th scope="col">Option</th><th class="num" scope="col">Starting point</th><th scope="col">What you get</th></tr></thead>
|
||||
<tbody>
|
||||
<tr class="pop"><td>Workshops</td><td class="num">Free consult first</td><td>Hands-on team training on the AI tools you already touch</td></tr>
|
||||
<tr><td>Advisory (vCAIO)</td><td class="num">Ongoing retainer</td><td>A steady AI strategy partner, like a vCIO for AI</td></tr>
|
||||
<tr><td>Implementation</td><td class="num">Scoped per project</td><td>We set up the tools and automations that pass the filter</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="note reveal">No published price on this one yet, on purpose. We scope AI to your business after a free consult, so you never pay for hype you do not need.</p>
|
||||
<div class="inline-actions reveal" style="margin-top:2rem;">
|
||||
<a class="btn btn--primary" href="contact.html">Book a free AI consult <span class="arrow" aria-hidden="true">→</span></a>
|
||||
<a class="more-link" href="services.html">See all services <span class="arrow" aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ CTA BAND (DARK) ============ -->
|
||||
<div class="band-ink band-ink--cta">
|
||||
<section class="cta cta--compact" aria-labelledby="cta-h">
|
||||
<div class="band-wrap">
|
||||
<p class="kicker mono reveal">No hype / no buzzwords / no obligation</p>
|
||||
<h2 id="cta-h" class="cta__title">
|
||||
<span class="reveal">Cut through</span>
|
||||
<span class="cta__accent reveal">the AI noise.</span>
|
||||
</h2>
|
||||
<p class="cta__sub reveal">Book a free AI consult and we will give you an honest read on where AI helps your business, then scope the rest to fit. No pressure, no jargon walls, and no pretending it is magic.</p>
|
||||
<div class="cta__actions reveal">
|
||||
<a class="btn btn--primary btn--band" href="contact.html">Talk to a human <span class="arrow" aria-hidden="true">→</span></a>
|
||||
<a class="btn btn--ghost btn--band-ghost mono" href="services.html">See all services</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- ============ RADIO TICKER ============ -->
|
||||
<aside class="ticker" aria-label="The Computer Guru Show radio information">
|
||||
<div class="ticker__track" aria-hidden="true">
|
||||
<span class="ticker__item"><strong>The Computer Guru Show</strong> / Saturdays 9AM / KVOI 1030AM</span>
|
||||
<span class="ticker__item">Call in live: <strong>520-790-2040</strong></span>
|
||||
<span class="ticker__item">Tucson's trusted tech talk since 2001</span>
|
||||
<span class="ticker__item"><strong>The Computer Guru Show</strong> / Saturdays 9AM / KVOI 1030AM</span>
|
||||
<span class="ticker__item">Call in live: <strong>520-790-2040</strong></span>
|
||||
<span class="ticker__item">Tucson's trusted tech talk since 2001</span>
|
||||
</div>
|
||||
<p class="sr-only">The Computer Guru Show, Saturdays 9AM on KVOI 1030AM. Call in live: 520-790-2040. Tucson's trusted tech talk since 2001.</p>
|
||||
</aside>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="wrap footer-grid">
|
||||
<div class="footer-col">
|
||||
<p class="footer-brand">Arizona Computer Guru</p>
|
||||
<p class="mono footer-line">Tucson-born / Arizona-wide / since 2001</p>
|
||||
<p class="mono footer-line">7437 E. 22nd St, Tucson, AZ 85710</p>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<p class="mono footer-line"><a href="tel:+15203048300">520.304.8300</a></p>
|
||||
<p class="mono footer-line"><a href="mailto:info@azcomputerguru.com">info@azcomputerguru.com</a></p>
|
||||
<p class="mono footer-line">The Computer Guru Show / Sat 9AM / KVOI 1030AM</p>
|
||||
</div>
|
||||
<div class="footer-col footer-col--meta">
|
||||
<p class="mono footer-line">© <span id="year">2026</span> ACG / 32.2226N 110.9747W</p>
|
||||
<p class="mono footer-line">100% local. Never offshore.</p>
|
||||
</div>
|
||||
<p class="disclaimer mono">Local demonstration build of a proposed azcomputerguru.com. Pricing reflects published GPS rates and is illustrative for the estimator; a real quote is tailored to your environment. Photography is representational.</p>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="js/v2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
136
projects/acg-website/v2/ai-consulting.html
Normal file
136
projects/acg-website/v2/ai-consulting.html
Normal file
@@ -0,0 +1,136 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="light">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>AI Consulting | Arizona Computer Guru</title>
|
||||
<meta name="description" content="Honest, practical AI help for Arizona businesses: team training, strategy, implementation, and AI-use policy. No hype, no buzzwords. Start with a free consult." />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="css/v2.css" />
|
||||
<link rel="icon" type="image/svg+xml" href="assets/acg-g-mark.svg" />
|
||||
<script>
|
||||
(function () { try {
|
||||
var s = localStorage.getItem("acg-theme");
|
||||
var m = s || (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
|
||||
document.documentElement.setAttribute("data-theme", m);
|
||||
document.documentElement.classList.add("js");
|
||||
} catch (e) {} })();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main" class="skip-link">Skip to content</a>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="header-grid">
|
||||
<a class="brand" href="index.html" aria-label="Arizona Computer Guru home">
|
||||
<span class="brand__mark" aria-hidden="true"><svg viewBox="0 0 101 96" fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke="currentColor" stroke-width="19.75"><path d="M67 15.09A38 38 0 1 0 85.17 40.1"/><path d="M51.64 45.35 92.5 15.67"/></g><g stroke="var(--accent, #E24A12)" stroke-width="7.75"><path d="M67 15.09A38 38 0 1 0 85.17 40.1"/><path d="M51.64 45.35 92.5 15.67"/></g></svg></span>
|
||||
<span class="brand__text">
|
||||
<span class="brand__name">Arizona Computer Guru</span>
|
||||
<span class="brand__since">Concierge IT / Tucson / Est. 2001</span>
|
||||
</span>
|
||||
</a>
|
||||
<nav class="nav" id="siteNav" aria-label="Primary">
|
||||
<a class="nav__link" href="index.html">Home</a>
|
||||
<a class="nav__link" href="services.html" aria-current="page">Services</a>
|
||||
<a class="nav__link" href="pricing.html">Pricing</a>
|
||||
<a class="nav__link" href="about.html">About</a>
|
||||
<a class="nav__link" href="contact.html">Contact</a>
|
||||
<a class="nav__link nav__link--mobile" href="calculator.html">Estimate your cost</a>
|
||||
<a class="nav__link nav__link--mobile" href="tel:+15203048300">520.304.8300</a>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<a class="nav__cta" href="calculator.html">Estimate</a>
|
||||
<a class="nav__phone" href="tel:+15203048300">520.304.8300</a>
|
||||
<button class="theme-toggle" id="themeToggle" type="button" aria-pressed="false" aria-label="Switch to dark theme"><span aria-hidden="true" data-theme-icon>☀</span></button>
|
||||
<button class="nav__toggle" id="navToggle" type="button" aria-expanded="false" aria-controls="siteNav" aria-label="Open menu"><span aria-hidden="true">☰</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main id="main">
|
||||
|
||||
|
||||
<!-- ============ PAGE HEAD ============ -->
|
||||
<section class="page-head" aria-labelledby="page-h">
|
||||
<p class="page-head__meta mono reveal">
|
||||
<span>DOC.02.9 / AI CONSULTING</span>
|
||||
<span>PUT AI TO WORK / AI.OPS</span>
|
||||
<span class="page-head__meta-wide">COMING SOON</span>
|
||||
</p>
|
||||
<h1 id="page-h" class="page-head__title">
|
||||
<span class="reveal">AI, without</span>
|
||||
<span class="accent-word reveal">the hype.</span>
|
||||
</h1>
|
||||
<div class="page-head__deck">
|
||||
<p class="page-head__lead reveal">A full, no-hype AI practice is on the way. After nearly two years using AI in our own operations, on purpose, before we would ever point a client at it, we are packaging what we have learned into training, honest advisory, hands-on setup, and the policy to keep your data safe. Coming soon.</p>
|
||||
<div class="page-head__aside reveal">
|
||||
<a class="btn btn--primary" href="contact.html">Tell us you are interested <span class="arrow" aria-hidden="true">→</span></a>
|
||||
<a class="btn btn--ghost" href="tel:+15203048300">520.304.8300</a>
|
||||
</div>
|
||||
</div>
|
||||
<figure class="page-head__figure frame frame--duo-soft reveal">
|
||||
<img src="assets/ai-workshop.png" width="1280" height="720" alt="A small-business team gathered around a single open laptop at a table during a hands-on AI training workshop, one person pointing at the screen while the others take notes, warm natural window light." loading="lazy" />
|
||||
<span class="frame__meta frame__meta--tl mono" aria-hidden="true">FIG.016 / TRAIN</span>
|
||||
<span class="frame__meta frame__meta--br mono" aria-hidden="true">7437 E 22ND ST / TUCSON</span>
|
||||
</figure>
|
||||
</section>
|
||||
|
||||
<!-- ============ COMING SOON ============ -->
|
||||
<section class="sect grid-bg" aria-labelledby="cs-h">
|
||||
<div class="wrap">
|
||||
<div class="section-head">
|
||||
<span class="section-no section-no--ink" aria-hidden="true">—</span>
|
||||
<p class="kicker mono">Status / in the works</p>
|
||||
</div>
|
||||
<h2 id="cs-h" class="sect__title reveal">Coming soon.</h2>
|
||||
<p class="reveal">We are building this out the right way. Four ways we will help once it is ready:</p>
|
||||
<div class="svc-index">
|
||||
<article class="svc"><div class="svc__no" aria-hidden="true">01</div><div><h3 class="svc__name">Training and workshops</h3><p class="svc__desc">Hands-on training so your team actually uses the AI tools they already have, safely.</p></div></article>
|
||||
<article class="svc"><div class="svc__no" aria-hidden="true">02</div><div><h3 class="svc__name">Advisory and strategy</h3><p class="svc__desc">An honest read on where AI genuinely helps your business and where it is a waste of money.</p></div></article>
|
||||
<article class="svc"><div class="svc__no" aria-hidden="true">03</div><div><h3 class="svc__name">Implementation</h3><p class="svc__desc">Setting up the tools and automations that actually earn their keep.</p></div></article>
|
||||
<article class="svc"><div class="svc__no" aria-hidden="true">04</div><div><h3 class="svc__name">Governance and policy</h3><p class="svc__desc">The policy that keeps your company data out of the wrong places.</p></div></article>
|
||||
</div>
|
||||
<p class="pull reveal">No hype, no buzzword bingo, just help you can use.</p>
|
||||
<p class="reveal">Want to be first when it opens? <a href="contact.html">Tell us you are interested →</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ============ RADIO TICKER ============ -->
|
||||
<aside class="ticker" aria-label="The Computer Guru Show radio information">
|
||||
<div class="ticker__track" aria-hidden="true">
|
||||
<span class="ticker__item"><strong>The Computer Guru Show</strong> / Saturdays 9AM / KVOI 1030AM</span>
|
||||
<span class="ticker__item">Call in live: <strong>520-790-2040</strong></span>
|
||||
<span class="ticker__item">Tucson's trusted tech talk since 2001</span>
|
||||
<span class="ticker__item"><strong>The Computer Guru Show</strong> / Saturdays 9AM / KVOI 1030AM</span>
|
||||
<span class="ticker__item">Call in live: <strong>520-790-2040</strong></span>
|
||||
<span class="ticker__item">Tucson's trusted tech talk since 2001</span>
|
||||
</div>
|
||||
<p class="sr-only">The Computer Guru Show, Saturdays 9AM on KVOI 1030AM. Call in live: 520-790-2040. Tucson's trusted tech talk since 2001.</p>
|
||||
</aside>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="wrap footer-grid">
|
||||
<div class="footer-col">
|
||||
<p class="footer-brand">Arizona Computer Guru</p>
|
||||
<p class="mono footer-line">Tucson-born / Arizona-wide / since 2001</p>
|
||||
<p class="mono footer-line">7437 E. 22nd St, Tucson, AZ 85710</p>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<p class="mono footer-line"><a href="tel:+15203048300">520.304.8300</a></p>
|
||||
<p class="mono footer-line"><a href="mailto:info@azcomputerguru.com">info@azcomputerguru.com</a></p>
|
||||
<p class="mono footer-line">The Computer Guru Show / Sat 9AM / KVOI 1030AM</p>
|
||||
</div>
|
||||
<div class="footer-col footer-col--meta">
|
||||
<p class="mono footer-line">© <span id="year">2026</span> ACG / 32.2226N 110.9747W</p>
|
||||
<p class="mono footer-line">100% local. Never offshore.</p>
|
||||
</div>
|
||||
<p class="disclaimer mono">Local demonstration build of a proposed azcomputerguru.com. Pricing reflects published GPS rates and is illustrative for the estimator; a real quote is tailored to your environment. Photography is representational.</p>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="js/v2.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
projects/acg-website/v2/assets/ai-desk.png
Normal file
BIN
projects/acg-website/v2/assets/ai-desk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
BIN
projects/acg-website/v2/assets/ai-workshop.png
Normal file
BIN
projects/acg-website/v2/assets/ai-workshop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
@@ -226,6 +226,14 @@
|
||||
</div>
|
||||
<a class="svc__meta mono" href="pricing.html">from $15<span class="svc__per">/mo</span></a>
|
||||
</article>
|
||||
<article class="svc reveal">
|
||||
<div class="svc__no" aria-hidden="true">07</div>
|
||||
<div class="svc__body">
|
||||
<h3 class="svc__name"><a class="svc__link" href="ai-consulting.html">AI Consulting <span class="svc__go" aria-hidden="true">→</span></a></h3>
|
||||
<p class="svc__desc">Honest, practical AI help: training, strategy, setup, and safe-use policy. No hype, just what is worth your time.</p>
|
||||
</div>
|
||||
<span class="svc__meta mono">COMING SOON</span>
|
||||
</article>
|
||||
</div>
|
||||
<a class="more-link more-link--band reveal" href="services.html">See all services <span class="arrow" aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
|
||||
@@ -84,7 +84,7 @@
|
||||
<span class="section-no" aria-hidden="true">01</span>
|
||||
<p class="kicker mono">Everything we do / on one page</p>
|
||||
</div>
|
||||
<h2 id="catalog-h" class="band-title reveal">Eight lines of business.<br />Zero mystery.</h2>
|
||||
<h2 id="catalog-h" class="band-title reveal">Nine lines of business.<br />Zero mystery.</h2>
|
||||
|
||||
<div class="svc-group">
|
||||
<h3 class="svc-group__title reveal">Run your systems<span class="svc-group__tag mono" aria-hidden="true">SYS.RUN</span></h3>
|
||||
@@ -168,7 +168,21 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="band-punch reveal">Every service above is on our published price list. If it is not on the list, we will quote it before we touch it.</p>
|
||||
<div class="svc-group">
|
||||
<h3 class="svc-group__title reveal">Put AI to work<span class="svc-group__tag mono" aria-hidden="true">AI.OPS</span></h3>
|
||||
<div class="svc-index">
|
||||
<article class="svc reveal">
|
||||
<div class="svc__no" aria-hidden="true">09</div>
|
||||
<div class="svc__body">
|
||||
<h4 class="svc__name"><a class="svc__link" href="ai-consulting.html">AI Consulting <span class="svc__go" aria-hidden="true">→</span></a></h4>
|
||||
<p class="svc__desc">Honest, practical AI help: team training, strategy, implementation, and an AI-use policy that keeps your data safe. We already made the mistakes internally, so the advice is earned, not hype.</p>
|
||||
</div>
|
||||
<span class="svc__meta mono">COMING SOON</span>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="band-punch reveal">Most of what we do is on our published price list. If it is not on the list, we will quote it before we touch it.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user