Files
claudetools/projects/msp-pricing/marketing/Service-Overview-OnePager.html
Mike Swanson 24ea18c248 refactor(service-overview): Rework for comfortable two-page layout
Major improvements for readability:
- Font sizes increased 20-40% (body 10px→12px, headers 22-26px→26-28px)
- Page padding increased 0.4in→0.6in for more breathing room
- All spacing increased 50-60% (margins, gaps, padding)
- Line-height improved (1.35→1.5 for body text)
- Box padding increased 30-50% across all elements
- Grid gaps increased (6px→10px)

Result: Professional, comfortable two-page layout that's easy to read
without the cramped, maximum-density feel of the previous version.
2026-02-01 19:08:38 -07:00

822 lines
23 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GPS Service Overview - Arizona Computer Guru</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', Tahoma, sans-serif; line-height: 1.5; color: #333; background: #f5f5f5; }
.page {
width: 8.5in;
height: 11in;
padding: 0.6in;
padding-bottom: 0.8in;
background: white;
position: relative;
margin: 20px auto;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
overflow: hidden;
}
@media print {
@page { size: letter; margin: 0; }
body { margin: 0; padding: 0; background: white; }
.page {
width: 100%;
height: 11in;
margin: 0;
padding: 0.6in;
padding-bottom: 0.8in;
page-break-after: always;
box-shadow: none;
overflow: hidden;
}
.page:last-child { page-break-after: auto; }
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 12px;
border-bottom: 3px solid #1e3c72;
margin-bottom: 16px;
}
.logo { font-size: 22px; font-weight: bold; color: #1e3c72; }
.contact { text-align: right; font-size: 11px; color: #666; }
.contact .phone { font-size: 16px; font-weight: bold; color: #f39c12; }
h1 { color: #1e3c72; font-size: 26px; margin-bottom: 6px; line-height: 1.2; }
h2 { color: #1e3c72; font-size: 18px; margin: 15px 0 9px 0; padding-bottom: 4px; border-bottom: 2px solid #f39c12; page-break-after: avoid; }
h3 { color: #1e3c72; font-size: 14px; margin: 9px 0 5px 0; font-weight: bold; page-break-after: avoid; }
.subtitle { font-size: 12px; color: #666; font-style: italic; margin-bottom: 9px; }
p { font-size: 12px; margin-bottom: 8px; line-height: 1.5; }
.tier-comparison {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin: 10px 0;
}
.tier-box {
border: 2px solid #e0e0e0;
border-radius: 6px;
padding: 10px;
position: relative;
background: white;
page-break-inside: avoid;
}
.tier-box.popular {
border-color: #f39c12;
border-width: 2px;
}
.tier-box .badge {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
background: #f39c12;
color: white;
padding: 3px 8px;
border-radius: 8px;
font-weight: bold;
font-size: 9px;
white-space: nowrap;
}
.tier-name {
font-size: 13px;
font-weight: bold;
color: #1e3c72;
text-align: center;
margin-bottom: 4px;
}
.tier-price {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #27ae60;
margin-bottom: 4px;
}
.tier-price .period {
font-size: 9px;
color: #666;
display: block;
}
.tier-label {
text-align: center;
font-size: 10px;
font-weight: bold;
color: #666;
margin-bottom: 6px;
}
.tier-features {
list-style: none;
padding: 0;
margin: 0;
}
.tier-features li {
font-size: 11px;
padding: 3px 0;
padding-left: 14px;
position: relative;
line-height: 1.4;
}
.tier-features li:before {
content: "✓";
position: absolute;
left: 0;
color: #27ae60;
font-weight: bold;
font-size: 12px;
}
.tier-features li strong {
color: #1e3c72;
}
.best-for {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #e0e0e0;
font-size: 10px;
color: #666;
text-align: center;
}
.support-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin: 10px 0;
}
.support-card {
border: 2px solid #e0e0e0;
border-radius: 6px;
padding: 8px;
text-align: center;
position: relative;
page-break-inside: avoid;
}
.support-card.popular {
border-color: #f39c12;
}
.support-card.popular:before {
content: "⭐ POPULAR";
position: absolute;
top: -8px;
left: 50%;
transform: translateX(-50%);
background: #f39c12;
color: white;
padding: 2px 6px;
border-radius: 6px;
font-size: 8px;
font-weight: bold;
}
.support-name {
font-size: 12px;
font-weight: bold;
color: #1e3c72;
margin-bottom: 3px;
}
.support-price {
font-size: 16px;
font-weight: bold;
color: #27ae60;
margin-bottom: 3px;
}
.support-details {
font-size: 10px;
color: #666;
margin-bottom: 4px;
}
.support-features {
list-style: none;
padding: 0;
margin: 4px 0 0 0;
}
.support-features li {
font-size: 10px;
padding: 2px 0;
line-height: 1.3;
}
.table {
width: 100%;
border-collapse: collapse;
margin: 8px 0;
font-size: 10px;
page-break-inside: avoid;
}
.table th {
background: #1e3c72;
color: white;
padding: 5px;
text-align: left;
font-weight: 600;
}
.table td {
padding: 4px 5px;
border-bottom: 1px solid #e0e0e0;
}
.callout-box {
background: #fff3cd;
border-left: 3px solid #f39c12;
padding: 8px 10px;
margin: 8px 0;
border-radius: 2px;
font-size: 10px;
page-break-inside: avoid;
}
.callout-box.success {
background: #d4edda;
border-left-color: #27ae60;
}
.callout-box.info {
background: #d1ecf1;
border-left-color: #17a2b8;
}
.example-box {
background: #f8f9fa;
border: 1px solid #1e3c72;
border-radius: 4px;
padding: 8px;
margin: 8px 0;
page-break-inside: avoid;
}
.example-header {
font-size: 11px;
font-weight: bold;
color: #1e3c72;
margin-bottom: 4px;
}
.cost-line {
display: flex;
justify-content: space-between;
font-size: 10px;
padding: 2px 0;
}
.cost-line.total {
border-top: 1px solid #1e3c72;
margin-top: 5px;
padding-top: 5px;
font-weight: bold;
color: #1e3c72;
}
ul.feature-list {
list-style: none;
padding: 0;
margin: 5px 0;
}
ul.feature-list li {
padding: 2px 0;
padding-left: 14px;
position: relative;
font-size: 11px;
}
ul.feature-list li:before {
content: "✓";
position: absolute;
left: 0;
color: #27ae60;
font-weight: bold;
font-size: 12px;
}
.cta-box {
background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
color: white;
padding: 12px;
border-radius: 6px;
text-align: center;
margin: 10px 0;
page-break-inside: avoid;
}
.cta-box h2 {
color: white;
border: none;
margin: 0 0 5px 0;
font-size: 16px;
}
.cta-box .phone-large {
font-size: 18px;
font-weight: bold;
margin: 5px 0;
}
.cta-box p {
font-size: 11px;
margin: 3px 0;
}
.footer {
position: absolute;
bottom: 0.3in;
left: 0.6in;
right: 0.6in;
text-align: center;
padding-top: 6px;
border-top: 2px solid #1e3c72;
color: #666;
font-size: 9px;
background: white;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin: 8px 0;
}
.pricing-tier {
border: 1px solid #e0e0e0;
border-radius: 4px;
padding: 8px;
text-align: center;
page-break-inside: avoid;
}
.pricing-tier h4 {
font-size: 12px;
color: #1e3c72;
margin-bottom: 3px;
}
.pricing-tier .price {
font-size: 15px;
font-weight: bold;
color: #27ae60;
margin: 3px 0;
}
.pricing-tier .details {
font-size: 9px;
color: #666;
margin: 2px 0;
}
.pricing-tier ul {
list-style: none;
padding: 0;
margin: 5px 0 0 0;
text-align: left;
}
.pricing-tier li {
font-size: 9px;
padding: 2px 0;
line-height: 1.3;
}
.voip-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
margin: 8px 0;
}
.voip-box {
border: 1px solid #e0e0e0;
border-radius: 4px;
padding: 6px;
position: relative;
page-break-inside: avoid;
}
.voip-box.popular {
border-color: #f39c12;
border-width: 2px;
}
.voip-box.popular:before {
content: "★ POPULAR";
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%);
background: #f39c12;
color: white;
padding: 2px 5px;
border-radius: 4px;
font-size: 7px;
font-weight: bold;
}
.voip-name {
font-size: 11px;
font-weight: bold;
color: #1e3c72;
text-align: center;
margin-bottom: 3px;
}
.voip-price {
font-size: 15px;
font-weight: bold;
color: #27ae60;
text-align: center;
margin-bottom: 3px;
}
.voip-price .period {
font-size: 8px;
color: #666;
display: block;
}
.voip-label {
font-size: 9px;
color: #666;
text-align: center;
margin-bottom: 4px;
}
.voip-features {
list-style: none;
padding: 0;
margin: 0;
}
.voip-features li {
font-size: 9px;
padding: 2px 0;
line-height: 1.3;
}
</style>
</head>
<body>
<!-- PAGE 1: FRONT - GPS PROTECTION SERVICES -->
<div class="page">
<div class="header">
<div class="logo">Arizona Computer Guru</div>
<div class="contact">
<div class="phone">520.304.8300</div>
<div>7437 E. 22nd St, Tucson, AZ 85710 | azcomputerguru.com</div>
</div>
</div>
<h1>GPS Protection Services - Complete IT Solution</h1>
<div class="subtitle">Protecting Tucson Businesses Since 2001</div>
<h2>Endpoint Monitoring Plans - Choose Your Protection Level</h2>
<div class="tier-comparison">
<div class="tier-box">
<div class="tier-name">GPS-BASIC</div>
<div class="tier-price">$19<span class="period">/endpoint/month</span></div>
<div class="tier-label">Essential Protection</div>
<ul class="tier-features">
<li>24/7 system monitoring</li>
<li>Automated patch management</li>
<li>Remote management</li>
<li>Endpoint antivirus</li>
<li>Monthly health reports</li>
</ul>
<div class="best-for"><strong>Best For:</strong> Small businesses with straightforward IT needs</div>
</div>
<div class="tier-box popular">
<span class="badge">⭐ MOST POPULAR</span>
<div class="tier-name">GPS-PRO</div>
<div class="tier-price">$26<span class="period">/endpoint/month</span></div>
<div class="tier-label">Business Protection</div>
<p style="font-size: 10px; font-weight: 600; margin-bottom: 3px; text-align: center;">Everything in BASIC, PLUS:</p>
<ul class="tier-features">
<li><strong>Advanced EDR</strong> threat detection</li>
<li><strong>Email security</strong> & anti-phishing</li>
<li><strong>Dark web</strong> credential monitoring</li>
<li><strong>Monthly security training</strong></li>
<li><strong>Cloud monitoring</strong> (M365/Google)</li>
</ul>
<div class="best-for"><strong>Best For:</strong> Businesses handling customer data, requiring cyber insurance</div>
</div>
<div class="tier-box">
<div class="tier-name">GPS-ADVANCED</div>
<div class="tier-price">$39<span class="period">/endpoint/month</span></div>
<div class="tier-label">Maximum Protection</div>
<p style="font-size: 10px; font-weight: 600; margin-bottom: 3px; text-align: center;">Everything in PRO, PLUS:</p>
<ul class="tier-features">
<li><strong>Advanced threat intelligence</strong></li>
<li><strong>Ransomware rollback</strong></li>
<li><strong>Compliance tools</strong> (HIPAA, PCI-DSS)</li>
<li><strong>Priority incident response</strong></li>
<li><strong>Enhanced SaaS backup</strong></li>
</ul>
<div class="best-for"><strong>Best For:</strong> Healthcare, legal, financial, businesses with sensitive data</div>
</div>
</div>
<div class="callout-box info">
<strong>GPS-Equipment Monitoring Pack:</strong> $25/month (up to 10 devices) + $3 per additional device. Covers routers, switches, firewalls, printers, scanners, NAS, cameras, and network equipment. Includes uptime monitoring, alerting, and eligibility for Support Plan hours.
</div>
<h2>Support Plans - Bundled Labor Hours</h2>
<div class="support-grid">
<div class="support-card">
<div class="support-name">Essential</div>
<div class="support-price">$200/mo</div>
<div class="support-details">2 hrs included<br>$100/hr effective</div>
<ul class="support-features">
<li>Next business day response</li>
<li>Minimal IT issues</li>
</ul>
</div>
<div class="support-card popular">
<div class="support-name">Standard</div>
<div class="support-price">$380/mo</div>
<div class="support-details">4 hrs included<br>$95/hr effective</div>
<ul class="support-features">
<li>8-hour guarantee</li>
<li>Regular IT needs</li>
</ul>
</div>
<div class="support-card">
<div class="support-name">Premium</div>
<div class="support-price">$540/mo</div>
<div class="support-details">6 hrs included<br>$90/hr effective</div>
<ul class="support-features">
<li>4-hour guarantee</li>
<li>After-hours emergency</li>
</ul>
</div>
<div class="support-card">
<div class="support-name">Priority</div>
<div class="support-price">$850/mo</div>
<div class="support-details">10 hrs included<br>$85/hr effective</div>
<ul class="support-features">
<li>2-hour guarantee, 24/7</li>
<li>Mission-critical ops</li>
</ul>
</div>
</div>
<p style="font-size: 10px; margin: 5px 0;"><strong>All Support Plans Include:</strong> Email & phone support, covers GPS-enrolled endpoints and equipment, professional service, single point of contact.</p>
<h2>Prepaid Block Time - Non-Expiring Project Hours</h2>
<p style="font-size: 10px;">Perfect for one-time projects, seasonal needs, or supplementing your Support Plan.</p>
<table class="table">
<tr><th>Block Size</th><th>Price</th><th>Effective Rate</th><th>Expiration</th></tr>
<tr><td>10 hours</td><td>$1,500</td><td>$150/hour</td><td>Never expires</td></tr>
<tr><td>20 hours</td><td>$2,600</td><td>$130/hour</td><td>Never expires</td></tr>
<tr><td>30 hours</td><td>$3,000</td><td>$100/hour</td><td>Never expires</td></tr>
</table>
<h2>Quick Pricing Examples</h2>
<div class="example-box">
<div class="example-header">Small Office (10 endpoints)</div>
<div class="cost-line"><span>GPS-Pro (10 × $26)</span><span>$260</span></div>
<div class="cost-line"><span>Equipment Pack</span><span>$25</span></div>
<div class="cost-line"><span>Standard Support (4 hrs)</span><span>$380</span></div>
<div class="cost-line total"><span>TOTAL</span><span>$665/month</span></div>
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 12px;">
<div class="example-box">
<div class="example-header">Growing Business (22 endpoints)</div>
<div class="cost-line"><span>GPS-Pro (22 × $26)</span><span>$572</span></div>
<div class="cost-line"><span>Premium Support (6 hrs)</span><span>$540</span></div>
<div class="cost-line total"><span>TOTAL</span><span>$1,112/mo</span></div>
</div>
<div class="example-box">
<div class="example-header">Established Company (42 endpoints)</div>
<div class="cost-line"><span>GPS-Pro (42 × $26)</span><span>$1,092</span></div>
<div class="cost-line"><span>Priority Support (10 hrs)</span><span>$850</span></div>
<div class="cost-line total"><span>TOTAL</span><span>$1,942/mo</span></div>
</div>
</div>
<div class="callout-box success">
<strong>New Client Special Offer - Sign up within 30 days:</strong> ✓ Waived setup fees ✓ First month 50% off support plans ✓ Free security assessment ($500 value)
</div>
<div class="footer">
<div style="margin-bottom: 5px;">
<strong style="font-size: 12px; color: #f39c12;">Ready to Get Started?</strong>
Call <strong style="color: #1e3c72;">520.304.8300</strong> or visit <strong style="color: #1e3c72;">azcomputerguru.com</strong>
</div>
<div style="font-size: 9px;">
Protecting Tucson Businesses Since 2001 | 7437 E. 22nd St, Tucson, AZ 85710 | Turn over for complete IT services →
</div>
</div>
</div>
<!-- PAGE 2: BACK - COMPLETE IT SERVICES -->
<div class="page">
<div class="header">
<div class="logo">Arizona Computer Guru</div>
<div class="contact">
<div class="phone">520.304.8300</div>
<div>7437 E. 22nd St, Tucson, AZ 85710 | azcomputerguru.com</div>
</div>
</div>
<div>
<h1>Complete IT Services - Everything Your Business Needs</h1>
<div class="subtitle">Protecting Tucson Businesses Since 2001</div>
<h2>Web Hosting - Fast, Secure, Managed</h2>
<div class="pricing-grid">
<div class="pricing-tier">
<h4>Starter</h4>
<div class="price">$15/mo</div>
<div class="details">5GB storage, 1 website</div>
<ul>
<li>Free SSL</li>
<li>Daily backups</li>
<li>cPanel access</li>
<li>Email accounts</li>
</ul>
<div class="best-for">Personal sites, portfolios</div>
</div>
<div class="pricing-tier" style="border: 2px solid #f39c12;">
<h4>Business</h4>
<div class="price">$35/mo</div>
<div class="details">25GB storage, 5 websites</div>
<ul>
<li>WordPress optimized</li>
<li>Staging environment</li>
<li>Performance optimization</li>
<li>Priority support</li>
</ul>
<div class="best-for" style="color: #f39c12; font-weight: bold;">MOST POPULAR</div>
</div>
<div class="pricing-tier">
<h4>Commerce</h4>
<div class="price">$65/mo</div>
<div class="details">50GB storage, unlimited sites</div>
<ul>
<li>E-commerce optimized</li>
<li>Dedicated IP included</li>
<li>PCI compliance tools</li>
<li>Priority 24/7 support</li>
</ul>
<div class="best-for">Online stores, high-traffic</div>
</div>
</div>
<h2>Email Hosting - Budget-Friendly or Enterprise</h2>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 8px 0;">
<div>
<h3>WHM Email - Budget Option</h3>
<p><strong>From $2/mailbox/mo</strong> (5GB) + $2 per 5GB</p>
<ul class="feature-list" style="font-size: 10px;">
<li>IMAP/POP3/SMTP, webmail</li>
<li>Works with Outlook, mobile apps</li>
<li>Daily backups, spam filtering</li>
</ul>
<p style="font-size: 10px; margin-top: 5px;"><strong>Packages:</strong> 5GB: $2 | 10GB: $4 | 25GB: $10 | 50GB: $20</p>
</div>
<div>
<h3>Microsoft 365 - Enterprise</h3>
<ul class="feature-list" style="font-size: 10px;">
<li><strong>Basic:</strong> $7/user (50GB, web/mobile, Teams)</li>
<li><strong>Standard:</strong> $14/user (Desktop apps) - POPULAR</li>
<li><strong>Premium:</strong> $24/user (Advanced security)</li>
<li><strong>Exchange:</strong> $5/user (Email only)</li>
</ul>
</div>
</div>
<p style="font-size: 10px; margin: 5px 0;"><strong>Email Security Add-On:</strong> $3/mailbox/month (Anti-phishing, spam, DLP) - Recommended for WHM</p>
<h2>VoIP Services - GPS-Voice Business Phone Systems</h2>
<div class="voip-grid">
<div class="voip-box">
<div class="voip-name">GPS-Voice Basic</div>
<div class="voip-price">$22<span class="period">/user/month</span></div>
<div class="voip-label">Essential Communications</div>
<ul class="voip-features">
<li>Unlimited US/Canada calling</li>
<li>1 local phone number</li>
<li>E911 emergency services</li>
<li>Voicemail w/ email delivery</li>
<li>Mobile & desktop apps</li>
<li>Auto-attendant</li>
</ul>
</div>
<div class="voip-box popular">
<div class="voip-name">GPS-Voice Standard</div>
<div class="voip-price">$28<span class="period">/user/month</span></div>
<div class="voip-label">Business Communications</div>
<p style="font-size: 8px; font-weight: 600; margin-bottom: 2px;">Everything in Basic, PLUS:</p>
<ul class="voip-features">
<li>Voicemail transcription</li>
<li>Ring groups & call queues</li>
<li>Desk phone support</li>
<li>Professional hold experience</li>
</ul>
</div>
<div class="voip-box">
<div class="voip-name">GPS-Voice Pro</div>
<div class="voip-price">$35<span class="period">/user/month</span></div>
<div class="voip-label">Advanced Communications</div>
<p style="font-size: 8px; font-weight: 600; margin-bottom: 2px;">Everything in Standard, PLUS:</p>
<ul class="voip-features">
<li>SMS text messaging</li>
<li>Call recording</li>
<li>2 phone numbers</li>
<li>Advanced analytics</li>
<li>CRM integration ready</li>
</ul>
</div>
<div class="voip-box">
<div class="voip-name">GPS-Voice Call Center</div>
<div class="voip-price">$55<span class="period">/user/month</span></div>
<div class="voip-label">Full Contact Center</div>
<p style="font-size: 8px; font-weight: 600; margin-bottom: 2px;">Everything in Pro, PLUS:</p>
<ul class="voip-features">
<li>Call center seat (ACD)</li>
<li>Real-time dashboards</li>
<li>Supervisor tools</li>
<li>Skills-based routing</li>
<li>Agent analytics</li>
</ul>
</div>
</div>
<p style="font-size: 10px; margin: 5px 0;"><strong>VoIP Add-Ons:</strong> Add'l Number: $2.50 | Toll-Free: $4.95 | SMS: $4 | Transcription: $3 | Teams: $8 | Fax: $12/mo</p>
<p style="font-size: 10px; margin: 5px 0;"><strong>Phone Hardware:</strong> Basic (T53W): $219 | Business (T54W): $279 | Executive (T57W): $359 | Conference (CP920): $599 | Headset: $159 | Cordless: $199</p>
<div class="callout-box success">
<strong>Special for GPS Clients:</strong> Free number porting + 50% off first month VoIP
</div>
<h2>Why Choose GPS (Guru Protection Services)?</h2>
<ul class="feature-list">
<li><strong>LOCAL EXPERTISE</strong> - Tucson-based team that knows your business and responds quickly</li>
<li><strong>PREDICTABLE PRICING</strong> - Fixed monthly costs, no surprise bills or hidden fees</li>
<li><strong>COMPREHENSIVE PROTECTION</strong> - From endpoints to cloud, we monitor everything</li>
<li><strong>PERSONAL SERVICE</strong> - You get a real person, not a ticket queue</li>
<li><strong>PROVEN TRACK RECORD</strong> - Protecting Tucson businesses for over 20 years</li>
<li><strong>ALL-IN-ONE SOLUTION</strong> - Security + Hosting + Communications from one trusted partner</li>
</ul>
<h2>Complete IT Solution Example</h2>
<div class="example-box">
<div class="example-header">15-User Business with Website, Email & VoIP</div>
<div class="cost-line"><span>GPS-Pro Monitoring (15 × $26)</span><span>$390</span></div>
<div class="cost-line"><span>Premium Support (6 hrs included)</span><span>$540</span></div>
<div class="cost-line"><span>Business Web Hosting</span><span>$35</span></div>
<div class="cost-line"><span>GPS-Voice Standard (15 × $28)</span><span>$420</span></div>
<div class="cost-line"><span>Toll-Free Number</span><span>$4.95</span></div>
<div class="cost-line total"><span>MONTHLY TOTAL</span><span>$1,389.95</span></div>
<div class="cost-line total"><span>ANNUAL TOTAL</span><span>$16,679.40</span></div>
</div>
<h2>Get Started in 3 Easy Steps</h2>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 8px 0;">
<div style="text-align: center; padding: 8px; background: #f8f9fa; border-radius: 3px;">
<div style="font-size: 20px; color: #f39c12; font-weight: bold;">1</div>
<div style="font-size: 10px; font-weight: bold; color: #1e3c72; margin: 3px 0;">FREE CONSULTATION</div>
<div style="font-size: 9px;">Call 520.304.8300 for assessment</div>
</div>
<div style="text-align: center; padding: 8px; background: #f8f9fa; border-radius: 3px;">
<div style="font-size: 20px; color: #f39c12; font-weight: bold;">2</div>
<div style="font-size: 10px; font-weight: bold; color: #1e3c72; margin: 3px 0;">CUSTOM PROPOSAL</div>
<div style="font-size: 9px;">Solution for your budget</div>
</div>
<div style="text-align: center; padding: 8px; background: #f8f9fa; border-radius: 3px;">
<div style="font-size: 20px; color: #f39c12; font-weight: bold;">3</div>
<div style="font-size: 10px; font-weight: bold; color: #1e3c72; margin: 3px 0;">SEAMLESS SETUP</div>
<div style="font-size: 9px;">Migration, training, support</div>
</div>
</div>
<div style="background: #f8f9fa; padding: 8px; border-left: 4px solid #27ae60; border-radius: 3px; margin: 8px 0 12px 0;">
<p style="font-size: 10px; font-weight: bold; color: #1e3c72; margin-bottom: 3px;">Our Commitment to You:</p>
<ul class="feature-list" style="font-size: 10px;">
<li>Fast response (2-24 hours by plan)</li>
<li>Proactive monitoring prevents problems</li>
<li>Transparent pricing, no hidden fees</li>
<li>Local Tucson support team</li>
<li>20+ years protecting Arizona companies</li>
</ul>
</div>
</div>
<div class="footer">
<div style="margin-bottom: 5px;">
<strong style="font-size: 12px; color: #f39c12;">Contact Us Today:</strong>
520.304.8300 | info@azcomputerguru.com | azcomputerguru.com
</div>
<div style="font-size: 9px;">
Protecting Tucson Businesses Since 2001 | 7437 E. 22nd St, Tucson, AZ 85710
</div>
</div>
</div>
</body>
</html>