fix(msp-guide): Resolve content overflows on pages 3, 5, and 7
Page 3: - Shortened Red Flag 3 GPS Example text - Removed incomplete sentence fragment Page 5: - Reduced example box padding (12px → 10px) - Reduced cost-line spacing (3px → 2px) - Ensures TOTAL lines fit within page height Page 7: - Condensed 'Why We Built GPS' section text - Reduced testimonial padding (12px → 9px) - Reduced testimonial font (12px → 11px, line-height 1.5 → 1.4) - Ensures testimonials fit completely on page All pages now fit within 11in height with no text cutoffs.
This commit is contained in:
@@ -120,8 +120,8 @@ p { font-size: 12px; margin-bottom: 8px; line-height: 1.5; }
|
||||
background: #f8f9fa;
|
||||
border: 2px solid #1e3c72;
|
||||
border-radius: 6px;
|
||||
padding: 12px;
|
||||
margin: 12px 0;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
.example-header {
|
||||
@@ -134,13 +134,13 @@ p { font-size: 12px; margin-bottom: 8px; line-height: 1.5; }
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 12px;
|
||||
padding: 3px 0;
|
||||
padding: 2px 0;
|
||||
font-family: 'Courier New', monospace;
|
||||
}
|
||||
.cost-line.total {
|
||||
border-top: 2px solid #1e3c72;
|
||||
margin-top: 6px;
|
||||
padding-top: 6px;
|
||||
margin-top: 4px;
|
||||
padding-top: 4px;
|
||||
font-weight: bold;
|
||||
color: #1e3c72;
|
||||
}
|
||||
@@ -148,20 +148,20 @@ p { font-size: 12px; margin-bottom: 8px; line-height: 1.5; }
|
||||
.testimonial-box {
|
||||
background: white;
|
||||
border-left: 4px solid #27ae60;
|
||||
padding: 12px;
|
||||
margin: 12px 0;
|
||||
padding: 9px;
|
||||
margin: 9px 0;
|
||||
font-style: italic;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
font-size: 11px;
|
||||
line-height: 1.4;
|
||||
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
.testimonial-box .author {
|
||||
margin-top: 6px;
|
||||
margin-top: 5px;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
font-size: 11px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.cover-page {
|
||||
@@ -424,7 +424,7 @@ Local or US-based support with actual people you can meet. Ask if the company ha
|
||||
</div>
|
||||
<div class="section">
|
||||
<strong>GPS Example:</strong>
|
||||
We're based in Tucson (7437 E. 22nd St). Our support team is local. We can be onsite within hours if you need us, and you'll talk to the same techs who know your systems.
|
||||
We're based in Tucson (7437 E. 22nd St). Our support team is local, and we can be onsite within hours if needed.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -639,36 +639,32 @@ We've been in Tucson since 2001. Our office is at 7437 E. 22nd St. We're not a n
|
||||
|
||||
<h2>Transparent Per-Endpoint Pricing</h2>
|
||||
<p><strong>Our Choice:</strong> $19-39/endpoint based on protection tier.</p>
|
||||
<p><strong>Why:</strong> You should know what you're paying before you call us. No games, no "call for quote," no hidden fees.</p>
|
||||
<p><strong>Why:</strong> You know exactly what you're paying before you call us. No games, no hidden fees.</p>
|
||||
|
||||
<div class="example-box" style="background: #e8f5e9;">
|
||||
<div class="example-box" style="background: #e8f5e9; padding: 8px;">
|
||||
<div class="example-header" style="color: #27ae60;">Real Example:</div>
|
||||
<p style="font-size: 11px;">Client with 17 computers wanted business-grade protection<br>
|
||||
• Competitor quoted: $1,200/month (forced into 25-seat package)<br>
|
||||
• GPS-Pro pricing: 17 × $26 = $442/month<br>
|
||||
• <strong>Savings: $758/month ($9,096/year)</strong></p>
|
||||
<p style="font-size: 11px;">Client with 17 computers: Competitor quoted $1,200/month (forced into 25-seat package). GPS-Pro: 17 × $26 = $442/month. <strong>Savings: $758/month</strong></p>
|
||||
</div>
|
||||
|
||||
<h2>Local Tucson Presence</h2>
|
||||
<p><strong>Our Choice:</strong> Physical office at 7437 E. 22nd St since 2001.</p>
|
||||
<p><strong>Why:</strong> When your server dies at 3pm, you don't want a ticket system - you want someone at your door by 3:45pm.</p>
|
||||
<p><strong>Why:</strong> When your server dies at 3pm, you want someone at your door by 3:45pm.</p>
|
||||
|
||||
<h2>Proactive Monitoring vs. Reactive Break-Fix</h2>
|
||||
<p><strong>Our Choice:</strong> 24/7 monitoring, automated patching, proactive alerts on every GPS tier.</p>
|
||||
<p><strong>Our Choice:</strong> 24/7 monitoring, automated patching, proactive alerts on every tier.</p>
|
||||
<p><strong>Why:</strong> We make more money if your stuff doesn't break. That's the right incentive.</p>
|
||||
|
||||
<div class="good-answer-box">
|
||||
<strong>The Incentive Difference:</strong>
|
||||
<ul class="feature-list" style="margin-top: 5px;">
|
||||
<li>Break-fix shop: Makes $200/hr × 8 hours = $1,600 on emergency recovery</li>
|
||||
<li>GPS model: Makes $26/endpoint regardless, so we prevent the emergency</li>
|
||||
<li><strong>Who's incentivized to protect your business?</strong></li>
|
||||
<li>Break-fix: Makes $200/hr × 8 hours = $1,600 on emergency recovery</li>
|
||||
<li>GPS: Makes $26/endpoint regardless, so we prevent the emergency</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<h2>Month-to-Month Contracts</h2>
|
||||
<p><strong>Our Choice:</strong> No long-term lock-ins. Month-to-month agreements.</p>
|
||||
<p><strong>Why:</strong> If we're not delivering value, you should be able to leave. We earn your business every single month.</p>
|
||||
<p><strong>Why:</strong> If we're not delivering value, you can leave. We earn your business every month.</p>
|
||||
|
||||
<h2>What Our Clients Say</h2>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user