introduce investment models
This commit is contained in:
parent
8ab864e444
commit
626badffe9
SSH key fingerprint:
SHA256:kOXg1R6c11XW3/Pt9dbLdQvOJGFAy+B2K6v6PtRWBGQ
2 changed files with 181 additions and 27 deletions
|
|
@ -56,14 +56,22 @@
|
|||
<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>
|
||||
<p class="small">This ROI calculator models your investment in the Servala platform by simulating cloud service provider (CSP) business growth over time. Choose between lending to Servala (guaranteed returns) or direct platform investment (higher potential returns based on your sales performance).</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>Investment Model:</strong> Loan to Servala (fixed returns) vs Direct Investment (performance-based returns).</p>
|
||||
<p><strong>Investment Amount:</strong> Your capital provided to Servala for platform development 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>Servala Revenue Share:</strong> Percentage of revenue shared with Servala after the grace period (Direct Investment only).</p>
|
||||
<p><strong>Grace Period:</strong> Initial months where you keep 100% of revenue before sharing begins with Servala (Direct Investment only).</p>
|
||||
<p><strong>Loan Interest Rate:</strong> Annual interest rate on loan to Servala (Loan Model only).</p>
|
||||
</div>
|
||||
|
||||
<h6 class="text-primary mb-2 mt-3"><i class="bi bi-graph-up"></i> Investment Models</h6>
|
||||
<div class="small">
|
||||
<p><strong>Loan Model:</strong> Lend to Servala at fixed interest rate. Lower risk, guaranteed returns, but limited upside.</p>
|
||||
<p><strong>Direct Investment:</strong> Invest directly in platform operations. Higher risk, but unlimited upside based on your sales performance during grace period and beyond.</p>
|
||||
</div>
|
||||
|
||||
<h6 class="text-primary mb-2 mt-3"><i class="bi bi-graph-up"></i> Growth Scenarios</h6>
|
||||
|
|
@ -79,6 +87,7 @@
|
|||
<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>Churn:</strong> Monthly percentage of instances that stop generating revenue (customer loss).</p>
|
||||
<p><strong>Grace Period Advantage:</strong> Direct Investment model benefits significantly from aggressive sales during grace period (100% revenue retention).</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -147,6 +156,52 @@
|
|||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Investment Model Selection -->
|
||||
<div class="input-group-custom">
|
||||
<label class="form-label">
|
||||
Investment Model
|
||||
<i class="bi bi-question-circle-fill text-muted ms-1"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Choose your investment approach: Loan provides guaranteed returns but limited upside. Direct Investment rewards your sales performance with unlimited upside potential."
|
||||
style="cursor: help; font-size: 0.8rem;"></i>
|
||||
</label>
|
||||
<div class="btn-group w-100" role="group">
|
||||
<input type="radio" class="btn-check" name="investment-model" id="loan-model" value="loan" onchange="toggleInvestmentModel()">
|
||||
<label class="btn btn-outline-warning" for="loan-model">
|
||||
<i class="bi bi-bank"></i> Loan Model
|
||||
</label>
|
||||
<input type="radio" class="btn-check" name="investment-model" id="direct-model" value="direct" checked onchange="toggleInvestmentModel()">
|
||||
<label class="btn btn-outline-success" for="direct-model">
|
||||
<i class="bi bi-rocket"></i> Direct Investment
|
||||
</label>
|
||||
</div>
|
||||
<small class="text-muted mt-1">
|
||||
<span id="model-description">Direct Investment: Higher potential returns based on your sales performance</span>
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<!-- Loan Interest Rate (conditional) -->
|
||||
<div class="input-group-custom" id="loan-rate-section" style="display: none;">
|
||||
<label for="loan-interest-rate">
|
||||
Annual Loan Interest Rate (%)
|
||||
<i class="bi bi-question-circle-fill text-muted ms-1"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Fixed annual interest rate you receive on the loan to Servala. Provides guaranteed monthly payments but limits upside potential."
|
||||
style="cursor: help; font-size: 0.8rem;"></i>
|
||||
</label>
|
||||
<input type="number" class="form-control" id="loan-interest-rate"
|
||||
min="3" max="8" step="0.1" value="5.0"
|
||||
onchange="updateCalculations()">
|
||||
<div class="slider-container">
|
||||
<input type="range" class="slider" id="loan-rate-slider"
|
||||
min="3" max="8" step="0.1" value="5.0"
|
||||
onchange="updateLoanRate(this.value)">
|
||||
</div>
|
||||
<small class="text-muted">3% - 8% annual (fixed monthly payments)</small>
|
||||
</div>
|
||||
|
||||
<div class="input-group-custom">
|
||||
<label for="revenue-per-instance">Monthly Revenue per Instance</label>
|
||||
<div class="input-group">
|
||||
|
|
@ -164,7 +219,14 @@
|
|||
</div>
|
||||
|
||||
<div class="input-group-custom">
|
||||
<label for="servala-share">Servala Revenue Share (%)</label>
|
||||
<label for="servala-share">
|
||||
Servala Revenue Share (%)
|
||||
<i class="bi bi-question-circle-fill text-muted ms-1"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Percentage of revenue shared with Servala after the grace period. Only applies to Direct Investment model."
|
||||
style="cursor: help; font-size: 0.8rem;"></i>
|
||||
</label>
|
||||
<input type="number" class="form-control" id="servala-share"
|
||||
min="10" max="40" step="1" value="25"
|
||||
onchange="updateCalculations()">
|
||||
|
|
@ -173,11 +235,18 @@
|
|||
min="10" max="40" step="1" value="25"
|
||||
onchange="updateServalaShare(this.value)">
|
||||
</div>
|
||||
<small class="text-muted">10% - 40%</small>
|
||||
<small class="text-muted">10% - 40% (Direct Investment only)</small>
|
||||
</div>
|
||||
|
||||
<div class="input-group-custom">
|
||||
<label for="grace-period">Grace Period (Months)</label>
|
||||
<label for="grace-period">
|
||||
Grace Period (Months)
|
||||
<i class="bi bi-question-circle-fill text-muted ms-1"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Initial months where you keep 100% of revenue before sharing begins with Servala. Critical for maximizing returns in Direct Investment model."
|
||||
style="cursor: help; font-size: 0.8rem;"></i>
|
||||
</label>
|
||||
<input type="number" class="form-control" id="grace-period"
|
||||
min="0" max="24" step="1" value="6"
|
||||
onchange="updateCalculations()">
|
||||
|
|
@ -186,7 +255,7 @@
|
|||
min="0" max="24" step="1" value="6"
|
||||
onchange="updateGracePeriod(this.value)">
|
||||
</div>
|
||||
<small class="text-muted">0 - 24 months (100% revenue to CSP)</small>
|
||||
<small class="text-muted">0 - 24 months (100% revenue to CSP - Direct Investment only)</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -482,6 +551,17 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Investment Model Comparison Chart -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="chart-container">
|
||||
<h5><i class="bi bi-graph-up"></i> Investment Model Comparison</h5>
|
||||
<p class="small text-muted mb-3">Compare guaranteed returns from loan model vs performance-based returns from direct investment. Grace period highlighted to show advantage of aggressive sales during 100% revenue retention period.</p>
|
||||
<canvas id="modelComparisonChart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scenario Comparison Table -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
|
@ -492,6 +572,7 @@
|
|||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th>Scenario</th>
|
||||
<th>Investment Model</th>
|
||||
<th>Final Instances</th>
|
||||
<th>Total Revenue</th>
|
||||
<th>CSP Revenue</th>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue