Files
claudetools/projects/acg-website-showcase/multipage/pricing.html
Mike Swanson c5d4d3527c sync: auto-sync from GURU-5070 at 2026-06-14 20:04:14
Author: Mike Swanson
Machine: GURU-5070
Timestamp: 2026-06-14 20:04:14
2026-06-14 20:05:02 -07:00

201 lines
12 KiB
HTML

<!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>Pricing | Arizona Computer Guru</title>
<meta name="description" content="Published, transparent IT pricing: GPS monitoring tiers, support plans, non-expiring block time, hosting, Microsoft 365, and business phones." />
<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=Barlow+Condensed:wght@500;600;700&family=Lexend:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600;700&family=Fraunces:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600;700&family=Anton&family=Hanken+Grotesk:wght@400;500;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/styles.css" />
<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.setAttribute("data-skin",(localStorage.getItem("acg-skin")||"ledger"));document.documentElement.classList.add("js");}catch(e){}})();</script>
</head>
<body>
<a href="#main" class="sr-only">Skip to content</a>
<header class="site-header">
<div class="wrap">
<a class="brand" href="index.html" aria-label="Arizona Computer Guru home">
<span class="brand__mark" aria-hidden="true">ACG</span>
<span><span class="brand__name">Arizona Computer Guru</span><br /><span class="brand__since">Concierge IT &middot; Tucson &middot; since 2001</span></span>
</a>
<nav class="nav" aria-label="Primary">
<div class="nav__links" id="navLinks">
<a class="nav__link" href="index.html">Home</a>
<a class="nav__link" href="services.html">Services</a>
<a class="nav__link" href="pricing.html" aria-current="page">Pricing</a>
<a class="nav__link" href="calculator.html">Estimate</a>
<a class="nav__link" href="about.html">About</a>
<a class="nav__link" href="contact.html">Contact</a>
</div>
<a class="nav__phone" href="tel:+15203048300">520.304.8300</a>
<button class="skin-toggle" id="skinToggle" type="button" aria-label="Switch visual skin (Paper, Midnight, Verdigris, or Bold)" title="Switch skin: Paper / Midnight / Verdigris / Bold"><span class="sw" aria-hidden="true"></span></button>
<button class="theme-toggle" id="themeToggle" type="button" aria-pressed="false" aria-label="Switch to dark theme" title="Toggle light / dark"><span aria-hidden="true" data-theme-icon>&#9728;</span></button>
<button class="nav__toggle" id="navToggle" type="button" aria-expanded="false" aria-controls="navLinks" aria-label="Open menu">&#8801;</button>
</nav>
</div>
</header>
<main id="main">
<section class="page-head ledger">
<div class="wrap reveal">
<p class="eyebrow">Published, not "call for quote"</p>
<h1>Pricing with nothing hidden</h1>
<p class="lead">We think hiding prices is a red flag, in any IT company, including us. Here is the whole list. You pay for exactly what you have.</p>
</div>
</section>
<!-- GPS tiers -->
<section aria-labelledby="gps-h">
<div class="wrap">
<p class="section-tag">Per endpoint <span>/ monitoring &amp; protection</span></p>
<h2 id="gps-h">GPS monitoring tiers</h2>
<div class="rate-card" role="list" style="margin-top:var(--base);">
<div class="tier" role="listitem">
<h3 class="tier__name">GPS-Basic</h3>
<div class="tier__price">$19 <span class="per">/ endpoint / mo</span></div>
<p class="tier__blurb">Essential monitoring for small, simple environments.</p>
<ul>
<li class="is-base">Remote monitoring &amp; management</li>
<li class="is-base">Automated patch management</li>
<li class="is-base">Business-grade antivirus</li>
<li class="is-base">8&times;5 help desk</li>
<li class="is-base">Monthly health reports</li>
</ul>
</div>
<div class="tier tier--pop" role="listitem">
<div class="tier__flag">Most chosen</div>
<h3 class="tier__name">GPS-Pro</h3>
<div class="tier__price">$26 <span class="per">/ endpoint / mo</span></div>
<p class="tier__blurb">Comprehensive protection for growing businesses.</p>
<ul>
<li class="is-base">Everything in Basic</li>
<li>24&times;7 help desk</li>
<li>Advanced EDR &amp; email security</li>
<li>Dark-web monitoring</li>
<li>Backup &amp; disaster recovery</li>
<li>Security-awareness training</li>
</ul>
</div>
<div class="tier" role="listitem">
<h3 class="tier__name">GPS-Advanced</h3>
<div class="tier__price">$39 <span class="per">/ endpoint / mo</span></div>
<p class="tier__blurb">Enterprise-grade security and compliance.</p>
<ul>
<li class="is-base">Everything in Pro</li>
<li>Compliance management (HIPAA/SOC)</li>
<li>Ransomware rollback</li>
<li>Virtual CIO services</li>
<li>Priority response SLA</li>
<li>Dedicated account manager</li>
</ul>
</div>
</div>
<p class="muted" style="margin-top:1rem;font-size:0.9rem;">Add equipment monitoring (routers, switches, printers, NAS) for <span class="mono">$25/mo</span> up to 10 devices.</p>
</div>
</section>
<!-- Support + block -->
<section class="pricing" aria-labelledby="sup-h">
<div class="wrap">
<p class="section-tag">Labor <span>/ predictable rates</span></p>
<h2 id="sup-h">Support plans &amp; block time</h2>
<div class="table-wrap">
<table class="plan-table">
<caption>Support plans, bundled labor at a lower effective rate</caption>
<thead><tr><th scope="col">Plan</th><th class="num" scope="col">Monthly</th><th class="num" scope="col">Hours</th><th class="num" scope="col">Effective&nbsp;rate</th><th scope="col">Response</th></tr></thead>
<tbody>
<tr><td>Essential</td><td class="num">$200</td><td class="num">2</td><td class="num">$100/hr</td><td>Next business day</td></tr>
<tr class="pop"><td>Standard</td><td class="num">$380</td><td class="num">4</td><td class="num">$95/hr</td><td>8 hours</td></tr>
<tr><td>Premium</td><td class="num">$540</td><td class="num">6</td><td class="num">$90/hr</td><td>4 hours</td></tr>
<tr><td>Priority</td><td class="num">$850</td><td class="num">10</td><td class="num">$85/hr</td><td>2 hours, 24/7</td></tr>
</tbody>
</table>
</div>
<div class="table-wrap">
<table class="plan-table" style="margin-top:var(--base);">
<caption>Block time, pre-paid hours that never expire</caption>
<thead><tr><th scope="col">Block</th><th class="num" scope="col">Price</th><th class="num" scope="col">Effective&nbsp;rate</th><th scope="col">Notes</th></tr></thead>
<tbody>
<tr><td>10 hours</td><td class="num">$1,500</td><td class="num">$150/hr</td><td>Use anytime, no expiry</td></tr>
<tr><td>20 hours</td><td class="num">$2,600</td><td class="num">$130/hr</td><td>Bank &amp; draw down</td></tr>
<tr><td>30 hours</td><td class="num">$3,000</td><td class="num">$100/hr</td><td>Best per-hour value</td></tr>
</tbody>
</table>
</div>
<p class="muted" style="margin-top:1rem;font-size:0.9rem;">Off-plan labor is <span class="mono">$175/hr</span>. Plans and block time bring that down, and there is never a charge to find out what something will cost.</p>
</div>
</section>
<!-- Hosting / 365 / Phones -->
<section aria-labelledby="more-h">
<div class="wrap">
<p class="section-tag">Hosting, email &amp; phones <span>/ the rest of the stack</span></p>
<h2 id="more-h">Everything else, also published</h2>
<div class="price-cols">
<div class="price-block reveal">
<h3>Web hosting</h3>
<div class="table-wrap"><table class="plan-table">
<thead><tr><th scope="col">Tier</th><th class="num" scope="col">Monthly</th><th scope="col">Includes</th></tr></thead>
<tbody>
<tr><td>Starter</td><td class="num">$15</td><td>5&nbsp;GB, 1 site</td></tr>
<tr class="pop"><td>Business</td><td class="num">$35</td><td>25&nbsp;GB, 5 sites</td></tr>
<tr><td>Commerce</td><td class="num">$65</td><td>50&nbsp;GB, unlimited</td></tr>
</tbody>
</table></div>
</div>
<div class="price-block reveal">
<h3>Microsoft 365 &amp; email</h3>
<div class="table-wrap"><table class="plan-table">
<thead><tr><th scope="col">Plan</th><th class="num" scope="col">Per user</th><th scope="col">For</th></tr></thead>
<tbody>
<tr><td>Hosted email</td><td class="num">$2&ndash;$10</td><td>IMAP/POP, by storage</td></tr>
<tr><td>M365 Basic</td><td class="num">$7</td><td>Web apps, Teams</td></tr>
<tr class="pop"><td>M365 Standard</td><td class="num">$14</td><td>Desktop Office</td></tr>
<tr><td>M365 Premium</td><td class="num">$24</td><td>Security &amp; device mgmt</td></tr>
</tbody>
</table></div>
<p class="muted" style="font-size:0.84rem;margin-top:0.6rem;">Email security add-on: <span class="mono">$3</span>/mailbox.</p>
</div>
<div class="price-block reveal">
<h3>Business phones</h3>
<div class="table-wrap"><table class="plan-table">
<thead><tr><th scope="col">Tier</th><th class="num" scope="col">Per user</th><th scope="col">Highlights</th></tr></thead>
<tbody>
<tr><td>Basic</td><td class="num">$22</td><td>Unlimited US, app, e911</td></tr>
<tr class="pop"><td>Standard</td><td class="num">$28</td><td>Ring groups, recording</td></tr>
<tr><td>Pro</td><td class="num">$35</td><td>SMS, analytics, CRM</td></tr>
<tr><td>Call Center</td><td class="num">$55</td><td>Queues, supervisor tools</td></tr>
</tbody>
</table></div>
</div>
</div>
</div>
</section>
<section class="cta-band" aria-labelledby="cta-h">
<div class="wrap">
<div class="reveal">
<h2 id="cta-h">Add it up for your business</h2>
<p>Put in your numbers and watch the total. No email wall, no sales call required.</p>
</div>
<div class="cta-band__actions reveal">
<a class="btn btn--primary" href="calculator.html">Build an estimate <span class="arrow" aria-hidden="true">&rarr;</span></a>
<a class="btn btn--ghost" href="contact.html">Ask a question</a>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="wrap">
<p>&copy; <span id="year">2026</span> Arizona Computer Guru &middot; Protecting Tucson businesses since 2001</p>
<p><a href="tel:+15203048300">520.304.8300</a> &middot; <a href="mailto:info@azcomputerguru.com">info@azcomputerguru.com</a></p>
<p class="disclaimer">Local demonstration build of a proposed azcomputerguru.com (multipage). Pricing reflects published GPS rates and is illustrative for the estimator; a real quote is tailored to your environment. The contact form is not wired to a mailbox. Photography is representational.</p>
</div>
</footer>
<script src="js/app.js"></script>
</body>
</html>