help text
This commit is contained in:
parent
0a84db25a3
commit
0f54e411db
1 changed files with 64 additions and 0 deletions
|
|
@ -164,6 +164,26 @@
|
|||
padding: 2rem;
|
||||
}
|
||||
|
||||
.help-content {
|
||||
background: #f8f9fa;
|
||||
border-radius: 6px;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.help-content h6 {
|
||||
margin-bottom: 0.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.help-content p {
|
||||
margin-bottom: 0.75rem;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.help-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.chart-container {
|
||||
height: 300px;
|
||||
|
|
@ -216,6 +236,50 @@
|
|||
<div class="row">
|
||||
<!-- Input Panel -->
|
||||
<div class="col-lg-4">
|
||||
<!-- Help Section -->
|
||||
<div class="collapsible-section mb-3">
|
||||
<div class="collapsible-header" onclick="toggleCollapsible('help-section')">
|
||||
<h5 class="mb-0">
|
||||
<i class="bi bi-question-circle"></i> How the Calculator Works
|
||||
<i class="bi bi-chevron-down float-end"></i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="collapsible-content" id="help-section">
|
||||
<div class="help-content">
|
||||
<h6 class="text-primary mb-2"><i class="bi bi-lightbulb"></i> Calculator Overview</h6>
|
||||
<p class="small">This ROI calculator models your investment in the Servala platform by simulating cloud service provider (CSP) business growth over time. It calculates potential returns based on instance growth, churn rates, and revenue sharing with Servala.</p>
|
||||
|
||||
<h6 class="text-primary mb-2 mt-3"><i class="bi bi-gear"></i> Key Parameters</h6>
|
||||
<div class="small">
|
||||
<p><strong>Investment Amount:</strong> Your initial capital investment in the Servala platform and infrastructure.</p>
|
||||
<p><strong>Monthly Revenue per Instance:</strong> The recurring revenue generated from each managed service instance (excl. compute).</p>
|
||||
<p><strong>Servala Revenue Share:</strong> Percentage of revenue shared with Servala after the grace period. This is Servala's platform fee.</p>
|
||||
<p><strong>Grace Period:</strong> Initial months where you keep 100% of revenue before sharing begins with Servala.</p>
|
||||
<p><strong>Discount Rate:</strong> Used for NPV calculations - represents your required rate of return or cost of capital.</p>
|
||||
</div>
|
||||
|
||||
<h6 class="text-primary mb-2 mt-3"><i class="bi bi-graph-up"></i> Growth Scenarios</h6>
|
||||
<div class="small">
|
||||
<p><strong>Conservative:</strong> Steady growth with low churn (2%), suitable for established markets.</p>
|
||||
<p><strong>Moderate:</strong> Balanced growth with moderate churn (3%), typical for competitive markets.</p>
|
||||
<p><strong>Aggressive:</strong> Rapid expansion with higher churn (5%), for high-growth strategies.</p>
|
||||
<p>Each scenario has 4 growth phases with customizable instance acquisition rates in Advanced Parameters.</p>
|
||||
</div>
|
||||
|
||||
<h6 class="text-primary mb-2 mt-3"><i class="bi bi-calculator"></i> What is NPV?</h6>
|
||||
<p class="small"><strong>Net Present Value (NPV)</strong> represents the current worth of future cash flows, discounted back to today's value using your discount rate. A positive NPV indicates the investment is profitable. NPV accounts for the time value of money - money received today is worth more than the same amount received in the future.</p>
|
||||
|
||||
<h6 class="text-primary mb-2 mt-3"><i class="bi bi-bullseye"></i> Understanding Results</h6>
|
||||
<div class="small">
|
||||
<p><strong>ROI:</strong> Return on Investment as a percentage of your initial investment.</p>
|
||||
<p><strong>Break-even:</strong> Month when cumulative revenue equals your initial investment.</p>
|
||||
<p><strong>NPV Break-even:</strong> Month when discounted cash flows become positive (more accurate timing).</p>
|
||||
<p><strong>Churn:</strong> Monthly percentage of instances that stop generating revenue (customer loss).</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Export Buttons -->
|
||||
<div class="export-buttons">
|
||||
<h5><i class="bi bi-download"></i> Export Results</h5>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue