redesign landing page: better teaser calc, value-focused CTAs

Replace toy-like sliders (rent/m², exit multiple) with more intuitive
inputs (build cost per court, equity %). Replace outputs (annual revenue,
equity IRR) with payback period and cash-on-cash return. Show model
assumptions inline. Remove "free" messaging from all CTAs and meta tags,
focus on the plan→suppliers→financing value chain instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

padelnomics/src/padelnomics/public/templates/landing.html

@@ -3,9 +3,9 @@
 {% block title %}Padelnomics - Padel Court Business Plan & ROI Calculator{% endblock %}
 
 {% block head %}
-<meta name="description" content="Plan your padel court investment in minutes. Free financial planner with 60+ variables, sensitivity analysis, and professional-grade projections. Indoor/outdoor, rent/buy models.">
+<meta name="description" content="Plan your padel court investment in minutes. Financial planner with 60+ variables, sensitivity analysis, and professional-grade projections. Indoor/outdoor, rent/buy models.">
 <meta property="og:title" content="Padelnomics - Padel Court Financial Planner">
-<meta property="og:description" content="The most sophisticated padel court business plan calculator. Free forever. 60+ variables, 6 analysis tabs, charts, sensitivity analysis.">
+<meta property="og:description" content="The most sophisticated padel court business plan calculator. 60+ variables, 6 analysis tabs, charts, sensitivity analysis, and supplier connections.">
 <meta property="og:type" content="website">
 <meta property="og:url" content="{{ config.BASE_URL }}">
 <link rel="canonical" href="{{ config.BASE_URL }}">
@@ -122,7 +122,7 @@
   <header style="text-align: center; padding: 4rem 0 2rem;">
     <h1 style="font-size: 2.5rem; line-height: 1.15;">Plan Your Padel Business<br>in Minutes, Not Months</h1>
     <p style="font-size: 1.2rem; max-width: 640px; margin: 1rem auto 0; color: #64748B;">
-      Model your padel court investment with 60+ variables, sensitivity analysis, and professional-grade projections. 100% free.
+      Model your padel court investment with 60+ variables, sensitivity analysis, and professional-grade projections.
     </p>
   </header>
 
@@ -147,16 +147,18 @@
         <span class="val" id="tv-util">40%</span>
       </div>
       <div class="slider-row">
-        <label>Rent / m&sup2;</label>
+        <label>Build Cost / Court</label>
-        <input type="range" id="tc-rent" min="2" max="15" step="1" value="4" oninput="tCalc()">
+        <input type="range" id="tc-buildcost" min="20000" max="50000" step="5000" value="30000" oninput="tCalc()">
-        <span class="val" id="tv-rent">&euro;4/m&sup2;</span>
+        <span class="val" id="tv-buildcost">&euro;30K</span>
       </div>
       <div class="slider-row">
-        <label>Exit Multiple</label>
+        <label>Equity %</label>
-        <input type="range" id="tc-exit" min="3" max="10" step="0.5" value="6" oninput="tCalc()">
+        <input type="range" id="tc-equity" min="15" max="50" step="5" value="25" oninput="tCalc()">
-        <span class="val" id="tv-exit">6.0x</span>
+        <span class="val" id="tv-equity">25%</span>
       </div>
 
+      <p style="text-align: center; font-size: 11px; color: #94A3B8; margin-top: 0.5rem; margin-bottom: 0;">Assumes &euro;8/m&sup2; rent, 5% interest, 10-year loan, 300 m&sup2; per court</p>
+
       <div class="teaser-results">
         <div class="teaser-metric">
           <div class="tm-label">Total Investment</div>
@@ -169,23 +171,23 @@
           <div class="tm-sub">After debt service</div>
         </div>
         <div class="teaser-metric">
-          <div class="tm-label">Annual Revenue</div>
+          <div class="tm-label">Payback Period</div>
-          <div class="tm-value tm-blue" id="tr-rev">&mdash;</div>
+          <div class="tm-value tm-blue" id="tr-payback">&mdash;</div>
-          <div class="tm-sub">Net of booking fees</div>
+          <div class="tm-sub">Years to recover equity</div>
         </div>
         <div class="teaser-metric">
-          <div class="tm-label">Equity IRR</div>
+          <div class="tm-label">Cash-on-Cash</div>
-          <div class="tm-value" id="tr-irr">&mdash;</div>
+          <div class="tm-value" id="tr-coc">&mdash;</div>
-          <div class="tm-sub" id="tr-irr-sub">5-year hold</div>
+          <div class="tm-sub">Annual return on equity</div>
         </div>
       </div>
 
       <div class="teaser-cta">
-        <p>This is a simplified estimate. The full planner models 60+ variables with monthly cash flows, sensitivity analysis, and more.</p>
+        <p>Want the full picture? The planner models 60+ variables with monthly projections, sensitivity analysis, and connects you with court suppliers.</p>
         {% if user %}
-        <a href="{{ url_for('planner.index') }}" role="button">Open Full Planner</a>
+        <a href="{{ url_for('planner.index') }}" role="button">Start Planning</a>
         {% else %}
-        <a href="{{ url_for('auth.signup') }}" role="button">Unlock the Full Planner &mdash; Free</a>
+        <a href="{{ url_for('auth.signup') }}" role="button">Create Your Plan</a>
         {% endif %}
       </div>
     </div>
@@ -197,7 +199,7 @@
     <div class="grid">
       <article>
         <header><strong>Plan</strong></header>
-        <p>Model your padel hall investment with our free financial planner. CAPEX, operating costs, cash flow, returns, sensitivity analysis.</p>
+        <p>Model your padel hall investment with our financial planner. CAPEX, operating costs, cash flow, returns, sensitivity analysis.</p>
       </article>
       <article>
         <header><strong>Finance</strong></header>
@@ -261,11 +263,11 @@
   <!-- Final CTA -->
   <section style="text-align: center; padding: 3rem 0;">
     <h2>Start Planning Today</h2>
-    <p>No credit card. No paywall. Full access to every feature.</p>
+    <p>Start with your plan. Then get quotes from verified court suppliers and connect with financing partners.</p>
     {% if user %}
-    <a href="{{ url_for('planner.index') }}" role="button">Open Planner</a>
+    <a href="{{ url_for('planner.index') }}" role="button">Start Planning</a>
     {% else %}
-    <a href="{{ url_for('auth.signup') }}" role="button">Create Free Account</a>
+    <a href="{{ url_for('auth.signup') }}" role="button">Create Your Plan</a>
     {% endif %}
   </section>
 </main>
@@ -277,72 +279,53 @@ function tCalc() {
   var courts = +document.getElementById('tc-courts').value;
   var rate = +document.getElementById('tc-rate').value;
   var util = +document.getElementById('tc-util').value;
-  var rentSqm = +document.getElementById('tc-rent').value;
+  var buildCost = +document.getElementById('tc-buildcost').value;
-  var exitMult = +document.getElementById('tc-exit').value;
+  var equityPct = +document.getElementById('tc-equity').value;
 
   // Display slider values
   document.getElementById('tv-courts').textContent = courts;
   document.getElementById('tv-rate').innerHTML = '&euro;' + rate + '/hr';
   document.getElementById('tv-util').textContent = util + '%';
-  document.getElementById('tv-rent').innerHTML = '&euro;' + rentSqm + '/m\u00B2';
+  document.getElementById('tv-buildcost').innerHTML = '&euro;' + Math.round(buildCost / 1000) + 'K';
-  document.getElementById('tv-exit').textContent = exitMult.toFixed(1) + 'x';
+  document.getElementById('tv-equity').textContent = equityPct + '%';
 
-  // Simplified model (rent model, indoor, all double courts)
+  // CAPEX: build cost per court is the main driver
-  var sqmPerCourt = 300; // court + shared space
+  var capex = courts * buildCost;
-  var totalSqm = courts * sqmPerCourt;
+
-  var courtCost = courts * 25000;
+  // Financing: equity % from slider, remainder is debt
-  var capex = courtCost + 60000 + 80000 + 40000 + 100000 + 50000; // elec + sanitary + fitout + planning + parking
+  // Assumes 5% interest, 10-year amortizing loan
+  var iRate = 0.05, term = 10;
+  var equity = capex * (equityPct / 100);
+  var debt = capex - equity;
+  var mRate = iRate / 12;
+  var nPay = term * 12;
+  var pmt = debt > 0 ? debt * mRate / (1 - Math.pow(1 + mRate, -nPay)) : 0;
 
   // Revenue
+  // Assumes 16 bookable hours/day, 29 days/month, off-peak rate = 65% of peak
   var hoursDay = 16, daysMonth = 29;
   var availHours = courts * hoursDay * daysMonth;
   var bookedHours = availHours * (util / 100);
-  var offPeakRate = rate * 0.65;
+  var peakShare = 0.4;
-  var wRate = rate * 0.4 + offPeakRate * 0.6;
+  var wRate = rate * peakShare + rate * 0.65 * (1 - peakShare);
-  var courtRev = bookedHours * wRate;
+  var grossRev = bookedHours * wRate;
-  var netRev = courtRev * 0.9; // 10% booking fee
+  var netRev = grossRev * 0.9; // 10% booking platform fee
 
   // Operating costs
-  var rent = totalSqm * rentSqm;
+  // Assumes €8/m² rent (300 m² per court), €400/court utilities, €350 marketing
-  var opex = rent + courts * 400 + 350; // utilities/maint per court + marketing
+  var rent = courts * 300 * 8;
+  var opex = rent + courts * 400 + 350;
 
-  // EBITDA
+  // Monthly cash flow after debt service
   var ebitda = netRev - opex;
-
-  // Financing (85% LTV, 5%, 10yr)
-  var loanPct = 0.85, iRate = 0.05, term = 10;
-  var debt = capex * loanPct;
-  var equity = capex - debt;
-  var mRate = iRate / 12;
-  var nPay = term * 12;
-  var pmt = debt * mRate / (1 - Math.pow(1 + mRate, -nPay));
   var netCF = ebitda - pmt;
 
-  // Annual figures
+  // Payback period: years to recover equity from annual net cash flow
-  var annualRev = netRev * 12;
   var annualCF = netCF * 12;
+  var payback = annualCF > 0 ? equity / annualCF : Infinity;
 
-  // IRR approximation (Newton's method, 5yr hold)
+  // Cash-on-cash return: annual net CF / equity invested
-  var hold = 5;
+  var coc = equity > 0 ? annualCF / equity : 0;
-  var y3ebitda = ebitda * 12;
-  var exitVal = y3ebitda * exitMult;
-  var cfs = [-equity];
-  for (var y = 1; y <= hold; y++) {
-    var cf = annualCF;
-    if (y === hold) cf += exitVal - debt * Math.pow((1 + mRate), 12 * hold - 12 * hold); // simplified: remaining debt ~ original for short holds
-    // Simplified: remaining debt after Y years
-    var remDebt = 0;
-    if (y === hold) {
-      // Outstanding balance after hold*12 payments
-      var paid = hold * 12;
-      remDebt = debt * Math.pow(1 + mRate, paid) - pmt * (Math.pow(1 + mRate, paid) - 1) / mRate;
-      if (remDebt < 0) remDebt = 0;
-      cf = annualCF + exitVal - remDebt;
-    }
-    cfs.push(cf);
-  }
-
-  var irr = calcIRR(cfs);
 
   // Format outputs
   var fmt = function(n) { return (n >= 0 ? '' : '-') + '\u20AC' + Math.abs(Math.round(n)).toLocaleString('de-DE'); };
@@ -353,35 +336,23 @@ function tCalc() {
   cfEl.innerHTML = fmt(netCF);
   cfEl.className = 'tm-value ' + (netCF >= 0 ? 'tm-green' : 'tm-red');
 
-  document.getElementById('tr-rev').innerHTML = fmt(annualRev);
+  var pbEl = document.getElementById('tr-payback');
-
+  if (payback > 0 && payback <= 30) {
-  var irrEl = document.getElementById('tr-irr');
+    pbEl.textContent = payback.toFixed(1) + 'yr';
-  if (irr !== null && isFinite(irr)) {
+    pbEl.className = 'tm-value ' + (payback <= 5 ? 'tm-blue' : 'tm-navy');
-    irrEl.textContent = (irr * 100).toFixed(1) + '%';
-    irrEl.className = 'tm-value ' + (irr >= 0 ? 'tm-green' : 'tm-red');
   } else {
-    irrEl.innerHTML = '&mdash;';
+    pbEl.innerHTML = '&mdash;';
-    irrEl.className = 'tm-value tm-navy';
+    pbEl.className = 'tm-value tm-red';
-  }
   }
 
-function calcIRR(cfs) {
+  var cocEl = document.getElementById('tr-coc');
-  // Newton-Raphson IRR solver
+  if (isFinite(coc)) {
-  var guess = 0.15;
+    cocEl.textContent = (coc * 100).toFixed(1) + '%';
-  for (var i = 0; i < 100; i++) {
+    cocEl.className = 'tm-value ' + (coc >= 0 ? 'tm-green' : 'tm-red');
-    var npv = 0, dnpv = 0;
+  } else {
-    for (var t = 0; t < cfs.length; t++) {
+    cocEl.innerHTML = '&mdash;';
-      var f = Math.pow(1 + guess, t);
+    cocEl.className = 'tm-value tm-navy';
-      npv += cfs[t] / f;
-      if (t > 0) dnpv -= t * cfs[t] / (f * (1 + guess));
   }
-    if (Math.abs(dnpv) < 1e-10) break;
-    var next = guess - npv / dnpv;
-    if (Math.abs(next - guess) < 1e-7) return next;
-    guess = next;
-    if (guess < -0.99 || guess > 10) return null;
-  }
-  return guess;
 }
 
 // Run on load