fix(service-overview): Resolve content overflow on pages 2, 3, 4
Fixed three overflow issues identified in PDF review: Page 2: - Removed 'Quick Pricing Examples' section (redundant with page 1) - Removed 'New Client Special' callout box Page 3: - Condensed 'Getting Started' step descriptions to single lines - Reduced from 2-line descriptions to concise 1-line text Page 4: - Reduced 'Industries We Serve' from 8 to 4 industries - Removed final 'Ready to Protect Your Business?' CTA box All pages now fit within 11-inch height with comfortable spacing.
This commit is contained in:
@@ -683,39 +683,6 @@ ul.feature-list li:before {
|
|||||||
</div>
|
</div>
|
||||||
</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 class="footer">
|
||||||
<div style="margin-bottom: 5px;">
|
<div style="margin-bottom: 5px;">
|
||||||
@@ -834,17 +801,17 @@ Compare to hiring an IT person: $50,000+ annual salary + benefits + training vs.
|
|||||||
<div style="text-align: center; padding: 10px;">
|
<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>
|
<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>
|
<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>
|
<p style="font-size: 10px;">Call us or schedule online for free assessment</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="text-align: center; padding: 10px;">
|
<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>
|
<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>
|
<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>
|
<p style="font-size: 10px;">Detailed proposal with clear, transparent pricing</p>
|
||||||
</div>
|
</div>
|
||||||
<div style="text-align: center; padding: 10px;">
|
<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>
|
<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>
|
<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>
|
<p style="font-size: 10px;">We handle installation, training, and setup</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -952,18 +919,6 @@ Compare to hiring an IT person: $50,000+ annual salary + benefits + training vs.
|
|||||||
<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>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>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>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>
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
|
|||||||
Reference in New Issue
Block a user