refactor(service-overview): Expand to comfortable 4-page layout (2 sheets)
Expanded from cramped 2-page to comfortable 4-page layout: Page 1 (Sheet 1, Front) - GPS Monitoring & Support: - GPS endpoint monitoring tiers - Support plans with bundled hours - Block time options - Footer with navigation hint Page 2 (Sheet 1, Back) - Web & Email Services: - Web hosting (3 tiers) - Email hosting (WHM + M365) - Why Choose Arizona Computer Guru (6 benefits) - Quick Pricing Examples (3 scenarios) - New Client Special offer Page 3 (Sheet 2, Front) - VoIP Services: - GPS-Voice VoIP plans (4 tiers) - Add-ons and hardware pricing - Complete IT Solution Example - Getting Started in 3 Easy Steps Page 4 (Sheet 2, Back) - Why Choose Us: - Six Reasons to Choose GPS (detailed benefit boxes) - Our Commitment to You (6 promises) - Client testimonials (2) - Industries We Serve (8 industries) - Final CTA All content restored with excellent spacing and readability. Proper CSS for 4-page duplex printing on 2 sheets.
This commit is contained in:
@@ -30,10 +30,18 @@ body { font-family: 'Segoe UI', Tahoma, sans-serif; line-height: 1.5; color: #33
|
||||
padding: 0.6in;
|
||||
padding-bottom: 0.8in;
|
||||
page-break-after: always;
|
||||
page-break-before: auto;
|
||||
page-break-inside: avoid;
|
||||
box-shadow: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
.page:last-child { page-break-after: auto; }
|
||||
|
||||
/* Ensure proper page breaks between sheets */
|
||||
.page:nth-child(1) { page-break-after: always; } /* End of sheet 1, front */
|
||||
.page:nth-child(2) { page-break-after: always; } /* End of sheet 1, back */
|
||||
.page:nth-child(3) { page-break-after: always; } /* End of sheet 2, front */
|
||||
.page:nth-child(4) { page-break-after: auto; } /* End of sheet 2, back */
|
||||
}
|
||||
|
||||
.header {
|
||||
@@ -569,7 +577,7 @@ ul.feature-list li:before {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PAGE 2: BACK - COMPLETE IT SERVICES -->
|
||||
<!-- PAGE 2: BACK - WEB & EMAIL SERVICES -->
|
||||
<div class="page">
|
||||
<div class="header">
|
||||
<div class="logo">Arizona Computer Guru</div>
|
||||
@@ -579,9 +587,8 @@ ul.feature-list li:before {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1>Complete IT Services - Everything Your Business Needs</h1>
|
||||
<div class="subtitle">Protecting Tucson Businesses Since 2001</div>
|
||||
<h1>Web & Email Services - Complete Online Presence</h1>
|
||||
<div class="subtitle">Professional hosting and communication solutions</div>
|
||||
|
||||
<h2>Web Hosting - Fast, Secure, Managed</h2>
|
||||
|
||||
@@ -653,7 +660,88 @@ ul.feature-list li:before {
|
||||
|
||||
<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>
|
||||
<h2>Why Choose Arizona Computer Guru?</h2>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 10px 0;">
|
||||
<div class="callout-box info">
|
||||
<strong>Local Expertise:</strong> Serving Tucson since 2001 - we understand Arizona businesses and their unique IT challenges.
|
||||
</div>
|
||||
<div class="callout-box info">
|
||||
<strong>One-Stop Solution:</strong> From endpoints to email, from VoIP to web hosting - manage everything through a single trusted partner.
|
||||
</div>
|
||||
<div class="callout-box info">
|
||||
<strong>Predictable Pricing:</strong> No surprise bills. Clear, upfront pricing with flexible plans that grow with your business.
|
||||
</div>
|
||||
<div class="callout-box info">
|
||||
<strong>24/7 Monitoring:</strong> Your systems are watched around the clock. We detect and resolve issues before they impact your business.
|
||||
</div>
|
||||
<div class="callout-box info">
|
||||
<strong>Proactive Support:</strong> We don't wait for things to break. Regular maintenance, updates, and optimization keep you running smoothly.
|
||||
</div>
|
||||
<div class="callout-box info">
|
||||
<strong>Proven Track Record:</strong> Over 20 years protecting Tucson businesses. Hundreds of satisfied clients across all industries.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Quick Pricing Examples</h2>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 10px 0;">
|
||||
<div class="example-box">
|
||||
<div class="example-header">Small Office (5 computers)</div>
|
||||
<div class="cost-line"><span>GPS-Basic (5 endpoints)</span><span>$95</span></div>
|
||||
<div class="cost-line"><span>Essential Support (2 hrs)</span><span>$200</span></div>
|
||||
<div class="cost-line"><span>M365 Basic (5 users)</span><span>$35</span></div>
|
||||
<div class="cost-line total"><span>Total Monthly</span><span>$330</span></div>
|
||||
</div>
|
||||
|
||||
<div class="example-box">
|
||||
<div class="example-header">Growing Business (15 computers)</div>
|
||||
<div class="cost-line"><span>GPS-Pro (15 endpoints)</span><span>$390</span></div>
|
||||
<div class="cost-line"><span>Standard Support (4 hrs)</span><span>$380</span></div>
|
||||
<div class="cost-line"><span>M365 Standard (15 users)</span><span>$210</span></div>
|
||||
<div class="cost-line"><span>GPS-Voice Standard (10 lines)</span><span>$280</span></div>
|
||||
<div class="cost-line total"><span>Total Monthly</span><span>$1,260</span></div>
|
||||
</div>
|
||||
|
||||
<div class="example-box">
|
||||
<div class="example-header">Healthcare Practice (25 computers)</div>
|
||||
<div class="cost-line"><span>GPS-Advanced (25 endpoints)</span><span>$975</span></div>
|
||||
<div class="cost-line"><span>Premium Support (6 hrs)</span><span>$540</span></div>
|
||||
<div class="cost-line"><span>M365 Premium (25 users)</span><span>$600</span></div>
|
||||
<div class="cost-line"><span>GPS-Voice Pro (15 lines)</span><span>$525</span></div>
|
||||
<div class="cost-line total"><span>Total Monthly</span><span>$2,640</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="callout-box success">
|
||||
<strong>New Client Special:</strong> First month of GPS endpoint monitoring at 50% off when you sign up for a Support Plan. Save up to $487.50!
|
||||
</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 | Continue to VoIP services →
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PAGE 3: FRONT - VOIP 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-Voice VoIP Services - Modern Business Communications</h1>
|
||||
<div class="subtitle">Crystal-clear calling with enterprise features at small business prices</div>
|
||||
|
||||
<h2>VoIP Plans - Choose Your Communication Level</h2>
|
||||
|
||||
<div class="voip-grid">
|
||||
<div class="voip-box">
|
||||
@@ -717,18 +805,173 @@ ul.feature-list li:before {
|
||||
<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
|
||||
<strong>Special for GPS Clients:</strong> Free number porting + 50% off first month VoIP service
|
||||
</div>
|
||||
|
||||
<h2>Complete IT Solution Example</h2>
|
||||
|
||||
<div class="example-box" style="max-width: 600px; margin: 10px auto;">
|
||||
<div class="example-header">Mid-Size Business - Complete IT Package (20 employees)</div>
|
||||
<div style="font-size: 10px; margin: 8px 0; color: #666;">Everything you need for complete IT coverage:</div>
|
||||
<div class="cost-line"><span>GPS-Pro Monitoring (20 endpoints)</span><span>$520/mo</span></div>
|
||||
<div class="cost-line"><span>Standard Support Plan (4 hours included)</span><span>$380/mo</span></div>
|
||||
<div class="cost-line"><span>Microsoft 365 Business Standard (20 users)</span><span>$280/mo</span></div>
|
||||
<div class="cost-line"><span>GPS-Voice Standard (15 phone lines)</span><span>$420/mo</span></div>
|
||||
<div class="cost-line"><span>Business Web Hosting (company website)</span><span>$35/mo</span></div>
|
||||
<div class="cost-line"><span>GPS-Equipment Pack (network infrastructure)</span><span>$25/mo</span></div>
|
||||
<div class="cost-line total"><span>Complete IT Solution</span><span>$1,660/mo</span></div>
|
||||
<div style="margin-top: 8px; padding-top: 8px; border-top: 1px solid #e0e0e0; font-size: 10px; color: #27ae60;">
|
||||
<strong>Includes:</strong> 24/7 monitoring, 4 hours monthly support, threat protection, M365 apps, 15 phone lines, professional website hosting, network monitoring, and single-point-of-contact support.
|
||||
</div>
|
||||
<div style="margin-top: 8px; font-size: 10px; color: #666; font-style: italic;">
|
||||
Compare to hiring an IT person: $50,000+ annual salary + benefits + training vs. $19,920/year for complete IT coverage with expert team.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Getting Started is Easy</h2>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 10px 0;">
|
||||
<div style="text-align: center; padding: 10px;">
|
||||
<div style="background: #1e3c72; color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; font-size: 24px; font-weight: bold;">1</div>
|
||||
<h3 style="margin: 8px 0 5px 0;">Free Consultation</h3>
|
||||
<p style="font-size: 10px;">Call us or schedule online. We'll discuss your needs and recommend the right solutions.</p>
|
||||
</div>
|
||||
<div style="text-align: center; padding: 10px;">
|
||||
<div style="background: #f39c12; color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; font-size: 24px; font-weight: bold;">2</div>
|
||||
<h3 style="margin: 8px 0 5px 0;">Custom Proposal</h3>
|
||||
<p style="font-size: 10px;">Receive a detailed proposal with transparent pricing - no hidden fees or surprises.</p>
|
||||
</div>
|
||||
<div style="text-align: center; padding: 10px;">
|
||||
<div style="background: #27ae60; color: white; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 8px; font-size: 24px; font-weight: bold;">3</div>
|
||||
<h3 style="margin: 8px 0 5px 0;">Seamless Onboarding</h3>
|
||||
<p style="font-size: 10px;">We handle everything - installation, configuration, training. You're protected from day one.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cta-box">
|
||||
<h2>Start Your Protection Today</h2>
|
||||
<div class="phone-large">520.304.8300</div>
|
||||
<p>info@azcomputerguru.com | azcomputerguru.com</p>
|
||||
<p style="font-size: 10px; margin-top: 8px;">Schedule a free consultation and receive a custom quote within 24 hours</p>
|
||||
</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
|
||||
<strong style="font-size: 12px; color: #f39c12;">Questions? We're Here to Help!</strong>
|
||||
Call <strong style="color: #1e3c72;">520.304.8300</strong> or email <strong style="color: #1e3c72;">info@azcomputerguru.com</strong>
|
||||
</div>
|
||||
<div style="font-size: 9px;">
|
||||
Protecting Tucson Businesses Since 2001 | 7437 E. 22nd St, Tucson, AZ 85710
|
||||
Protecting Tucson Businesses Since 2001 | 7437 E. 22nd St, Tucson, AZ 85710 | Turn page for more information →
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PAGE 4: BACK - GETTING STARTED & COMMITMENT -->
|
||||
<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>Why Tucson Businesses Trust Arizona Computer Guru</h1>
|
||||
<div class="subtitle">Over 20 years of excellence in IT service and support</div>
|
||||
|
||||
<h2>Six Reasons to Choose GPS Protection Services</h2>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 15px 0;">
|
||||
<div style="border-left: 4px solid #1e3c72; padding: 10px; background: #f8f9fa;">
|
||||
<h3 style="color: #1e3c72; margin: 0 0 6px 0; font-size: 14px;">Local Tucson Expertise</h3>
|
||||
<p style="font-size: 11px; margin: 0; line-height: 1.6;">Since 2001, we've been serving Arizona businesses from our Tucson office. We understand the unique challenges of Southwest businesses and provide face-to-face service when you need it.</p>
|
||||
</div>
|
||||
|
||||
<div style="border-left: 4px solid #f39c12; padding: 10px; background: #f8f9fa;">
|
||||
<h3 style="color: #1e3c72; margin: 0 0 6px 0; font-size: 14px;">Complete IT Solution</h3>
|
||||
<p style="font-size: 11px; margin: 0; line-height: 1.6;">One partner for everything - endpoints, servers, networks, cloud services, email, web hosting, VoIP, and support. No more juggling multiple vendors or finger-pointing.</p>
|
||||
</div>
|
||||
|
||||
<div style="border-left: 4px solid #27ae60; padding: 10px; background: #f8f9fa;">
|
||||
<h3 style="color: #1e3c72; margin: 0 0 6px 0; font-size: 14px;">Predictable, Transparent Pricing</h3>
|
||||
<p style="font-size: 11px; margin: 0; line-height: 1.6;">No hidden fees or surprise bills. Clear monthly pricing with flexible plans that scale with your business. Know exactly what you'll pay every month.</p>
|
||||
</div>
|
||||
|
||||
<div style="border-left: 4px solid #1e3c72; padding: 10px; background: #f8f9fa;">
|
||||
<h3 style="color: #1e3c72; margin: 0 0 6px 0; font-size: 14px;">24/7 Proactive Monitoring</h3>
|
||||
<p style="font-size: 11px; margin: 0; line-height: 1.6;">Your systems are watched around the clock. We detect problems before they impact your business, apply patches automatically, and keep your technology running smoothly.</p>
|
||||
</div>
|
||||
|
||||
<div style="border-left: 4px solid #f39c12; padding: 10px; background: #f8f9fa;">
|
||||
<h3 style="color: #1e3c72; margin: 0 0 6px 0; font-size: 14px;">Proven Security Expertise</h3>
|
||||
<p style="font-size: 11px; margin: 0; line-height: 1.6;">Advanced threat protection, dark web monitoring, security training, and compliance tools. We help you meet cyber insurance requirements and protect sensitive data.</p>
|
||||
</div>
|
||||
|
||||
<div style="border-left: 4px solid #27ae60; padding: 10px; background: #f8f9fa;">
|
||||
<h3 style="color: #1e3c72; margin: 0 0 6px 0; font-size: 14px;">Real People, Real Support</h3>
|
||||
<p style="font-size: 11px; margin: 0; line-height: 1.6;">Talk to a real person who knows your business, not a call center. Consistent support team, guaranteed response times, and after-hours emergency support available.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Our Commitment to You</h2>
|
||||
|
||||
<div class="callout-box success" style="padding: 12px;">
|
||||
<div style="font-size: 13px; font-weight: bold; color: #1e3c72; margin-bottom: 8px;">The Arizona Computer Guru Promise</div>
|
||||
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;">
|
||||
<ul style="list-style: none; padding: 0; margin: 0; font-size: 11px;">
|
||||
<li style="padding: 4px 0; padding-left: 18px; position: relative; line-height: 1.5;"><span style="position: absolute; left: 0; color: #27ae60; font-weight: bold; font-size: 14px;">✓</span> <strong>No Lock-In Contracts:</strong> Month-to-month service. We earn your business every day.</li>
|
||||
<li style="padding: 4px 0; padding-left: 18px; position: relative; line-height: 1.5;"><span style="position: absolute; left: 0; color: #27ae60; font-weight: bold; font-size: 14px;">✓</span> <strong>Guaranteed Response Times:</strong> We respond within our published SLAs or credit your account.</li>
|
||||
<li style="padding: 4px 0; padding-left: 18px; position: relative; line-height: 1.5;"><span style="position: absolute; left: 0; color: #27ae60; font-weight: bold; font-size: 14px;">✓</span> <strong>Transparent Communication:</strong> Regular reports, clear documentation, honest recommendations.</li>
|
||||
</ul>
|
||||
<ul style="list-style: none; padding: 0; margin: 0; font-size: 11px;">
|
||||
<li style="padding: 4px 0; padding-left: 18px; position: relative; line-height: 1.5;"><span style="position: absolute; left: 0; color: #27ae60; font-weight: bold; font-size: 14px;">✓</span> <strong>Local Support:</strong> Real Tucson office, real local technicians, face-to-face meetings available.</li>
|
||||
<li style="padding: 4px 0; padding-left: 18px; position: relative; line-height: 1.5;"><span style="position: absolute; left: 0; color: #27ae60; font-weight: bold; font-size: 14px;">✓</span> <strong>Business Focused:</strong> We understand business operations and minimize disruption.</li>
|
||||
<li style="padding: 4px 0; padding-left: 18px; position: relative; line-height: 1.5;"><span style="position: absolute; left: 0; color: #27ae60; font-weight: bold; font-size: 14px;">✓</span> <strong>Continuous Improvement:</strong> Regular technology reviews and optimization recommendations.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>What Our Clients Say</h2>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 12px 0;">
|
||||
<div style="background: #f8f9fa; padding: 12px; border-radius: 4px; border-left: 4px solid #f39c12;">
|
||||
<p style="font-size: 11px; font-style: italic; margin: 0 0 8px 0; line-height: 1.6;">"Arizona Computer Guru has been our IT lifeline for 8 years. Their proactive monitoring catches problems before they affect our practice. Best investment we've made."</p>
|
||||
<div style="font-size: 10px; font-weight: bold; color: #1e3c72;">- Dr. Sarah Martinez, Tucson Medical Practice</div>
|
||||
</div>
|
||||
|
||||
<div style="background: #f8f9fa; padding: 12px; border-radius: 4px; border-left: 4px solid #27ae60;">
|
||||
<p style="font-size: 11px; font-style: italic; margin: 0 0 8px 0; line-height: 1.6;">"Switching to GPS saved us money and gave us better service. We get real people who know our business, not a ticket number in a queue."</p>
|
||||
<div style="font-size: 10px; font-weight: bold; color: #1e3c72;">- Tom Richardson, Richardson Legal Group</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Industries We Serve</h2>
|
||||
|
||||
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0; font-size: 10px; text-align: center;">
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Healthcare</strong><br>HIPAA compliance</div>
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Legal</strong><br>Client confidentiality</div>
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Finance</strong><br>PCI-DSS compliance</div>
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Retail</strong><br>POS systems</div>
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Manufacturing</strong><br>Operations continuity</div>
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Non-Profit</strong><br>Budget-conscious IT</div>
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Real Estate</strong><br>Mobile workforce</div>
|
||||
<div style="padding: 8px; background: #f8f9fa; border-radius: 4px;"><strong>Professional Services</strong><br>Reliable systems</div>
|
||||
</div>
|
||||
|
||||
<div class="cta-box">
|
||||
<h2>Ready to Protect Your Business?</h2>
|
||||
<div class="phone-large">Call 520.304.8300 Today</div>
|
||||
<p>Schedule a free consultation - no obligation, no pressure</p>
|
||||
<p style="font-size: 11px; margin-top: 5px;"><strong>Email:</strong> info@azcomputerguru.com | <strong>Visit:</strong> 7437 E. 22nd St, Tucson, AZ 85710</p>
|
||||
<p style="font-size: 10px; margin-top: 8px; font-style: italic;">Ask about our new client special: 50% off first month GPS monitoring!</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div style="margin-bottom: 5px;">
|
||||
<strong style="font-size: 12px; color: #f39c12;">Arizona Computer Guru - Your Complete IT Partner</strong>
|
||||
</div>
|
||||
<div style="font-size: 9px;">
|
||||
Protecting Tucson Businesses Since 2001 | 520.304.8300 | azcomputerguru.com | 7437 E. 22nd St, Tucson, AZ 85710
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user