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
This commit is contained in:
200
projects/acg-website-showcase/multipage/pricing.html
Normal file
200
projects/acg-website-showcase/multipage/pricing.html
Normal file
@@ -0,0 +1,200 @@
|
||||
<!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 · Tucson · 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>☀</span></button>
|
||||
<button class="nav__toggle" id="navToggle" type="button" aria-expanded="false" aria-controls="navLinks" aria-label="Open menu">≡</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 & 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 & management</li>
|
||||
<li class="is-base">Automated patch management</li>
|
||||
<li class="is-base">Business-grade antivirus</li>
|
||||
<li class="is-base">8×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×7 help desk</li>
|
||||
<li>Advanced EDR & email security</li>
|
||||
<li>Dark-web monitoring</li>
|
||||
<li>Backup & 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 & 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 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 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 & 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 & 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 GB, 1 site</td></tr>
|
||||
<tr class="pop"><td>Business</td><td class="num">$35</td><td>25 GB, 5 sites</td></tr>
|
||||
<tr><td>Commerce</td><td class="num">$65</td><td>50 GB, unlimited</td></tr>
|
||||
</tbody>
|
||||
</table></div>
|
||||
</div>
|
||||
<div class="price-block reveal">
|
||||
<h3>Microsoft 365 & 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–$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 & 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">→</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>© <span id="year">2026</span> Arizona Computer Guru · Protecting Tucson businesses since 2001</p>
|
||||
<p><a href="tel:+15203048300">520.304.8300</a> · <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>
|
||||
Reference in New Issue
Block a user