Embed

<style>
/* ——— Wrapper & Section ——— */
#pricing-section{
  font-family:system-ui,sans-serif;
  margin:0.5rem 0 1rem;text-align:center;
}
#pricing-section .section-title{
  font-size:clamp(1.75rem,1.3vw+1rem,2.3rem);
  font-weight:400;color:#0a3f68;margin-bottom:0.75rem;
}

/* ——— Flex container ——— */
#pricing-calculator{
  display:flex;gap:2rem;flex-wrap:wrap;
  justify-content:center;align-items:flex-start;
  max-width:1100px;margin-inline:auto;
}

/* ——— Shared card style ——— */
.price-summary,.unit-details{
  background:#f9fafb;padding:2rem;border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
}

/* Price card */
.price-summary{
  flex:1 1 clamp(320px,38%,450px);
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  position:sticky;top:120px;z-index:1000;
}
.price-title{font-size:1.5rem;font-weight:600;color:#0a3f68;margin-bottom:0.5rem;}
.price-value{font-size:clamp(2.8rem,5vw,4rem);font-weight:700;color:#0a3f68;line-height:1;}
.price-subtext{font-size:1.25rem;color:#6b7280;margin-top:0.5rem;}
.price-note{margin-top:0.75rem;font-size:1rem;color:#4b5563;}
.price-note.small{margin-top:0.25rem;font-size:0.875rem;color:#6b7280;}
.price-note.waived{margin-top:0.75rem;font-size:1rem;font-weight:600;color:#0a3f68;}

/* Unit-details card */
.unit-details{
  flex:1 1 clamp(340px,45%,520px);
  display:flex;flex-direction:column;text-align:left;
}
.unit-details .addon-group-title{
  font-size:1.125rem;font-weight:600;color:#0a3f68;margin-bottom:0.5rem;
}
label.addon{
  cursor:pointer;display:flex;align-items:flex-start;gap:1rem;
  background:#fff;padding:1.25rem;border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,0.03);
  transition:transform .2s,box-shadow .2s;margin-bottom:1rem;
}
label.addon:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.06);}
input.addon-checkbox{margin-top:4px;width:20px;height:20px;accent-color:#0a3f68;flex-shrink:0;}
.addon-content{display:flex;flex-direction:column;}
.addon-content strong{font-size:1rem;color:#374151;}
.addon-content small{font-size:0.875rem;color:#6b7280;margin-top:0.25rem;white-space:nowrap;}

.room-counter{margin:1rem 0;display:flex;align-items:center;gap:0.75rem;}
.room-counter label{white-space:nowrap;flex:0 0 auto;}
.room-counter input{width:60px;padding:0.5rem;font-size:1rem;border:1px solid #d1d5db;border-radius:4px;}
.room-counter select{width:70px;padding:0.45rem;font-size:1rem;border:1px solid #d1d5db;border-radius:4px;}
.room-counter small{color:#6b7280;font-size:0.875rem;}

/* hide dropdown by default / show on mobile */
#room-count-select{display:none;}

/* ——— Mid-laptop breakpoint ——— */
@media(max-width:900px){
  #pricing-calculator{gap:1.5rem;}
  .price-summary,.unit-details{flex:1 1 48%;}
  .price-value{font-size:clamp(2.4rem,6vw,3.4rem);}
}

/* ——— Mobile ——— */
@media(max-width:600px){
  #pricing-calculator{flex-direction:column;gap:1.5rem;}
  .price-summary,.unit-details{flex:1 1 100%;}
  .price-summary{padding:1.5rem;top:120px;}
  .price-title{font-size:1.3rem;}
  .price-value{font-size:3rem;}
  .price-subtext{font-size:1rem;}
  label.addon{padding:1rem;}
  input.addon-checkbox{width:18px;height:18px;}
  .room-counter{margin:1rem 1rem;gap:0.5rem;}
  .room-counter input{display:none;}           /* hide number input */
  #room-count-select{display:inline-block;}    /* show dropdown */
}
</style>

<section id="pricing-section">
  <h2 class="section-title">Transparent Unit Pricing</h2>

  <div id="pricing-calculator">

    
    <div class="price-summary">
      <div class="price-title">Flat Management Fee</div>
      <div class="price-value">$<span id="price-value">179.99</span></div>
      <div class="price-subtext">+ HST per month</div>
      <div class="price-note">Per unit</div>
      <div class="price-note small">Exclusively for downtown Toronto condo suites</div>
      <div class="price-note waived">First Month’s Management Fee is Waived!</div>
    </div>

    
    <div class="unit-details">
      <div class="addon-group-title">Unit Details</div>

      <label class="addon">
        <input type="checkbox" class="addon-checkbox" data-price="20">
        <div class="addon-content">
          <strong>Large Suite Surcharge</strong>
          <small>+ $20 /mo for units over 1,000 sq ft</small>
        </div>
      </label>

      <label class="addon">
        <input type="checkbox" class="addon-checkbox" data-price="30">
        <div class="addon-content">
          <strong>Building Age</strong>
          <small>+ $30 /mo for condos built before 2014</small>
        </div>
      </label>

      <div class="room-counter">
        <label for="room-count"><strong>Rooms:</strong></label>

        
        <input id="room-count" type="number" min="0" value="1" />

        
        <select id="room-count-select" aria-label="Rooms">
          
          <option value="0">0</option>
          <option value="1" selected>1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
        </select>

        <small>1st room included – $10 per additional room</small>
      </div>
    </div>

  </div>
</section>


<script>
function setupCalculator(){
  const priceEl  = document.getElementById('price-value');
  const checkboxes= document.querySelectorAll('.addon-checkbox');
  const roomInput = document.getElementById('room-count');
  const roomSelect= document.getElementById('room-count-select');
  if(!(priceEl && checkboxes.length && roomInput))return;

  const basePrice = 179.99;

  /* keep dropdown & input in sync */
  function syncRooms(){
    if(roomSelect){ roomInput.value = roomSelect.value; }
  }

  function updatePrice(){
    let total = basePrice;
    checkboxes.forEach(cb=>{
      if(cb.checked) total += parseFloat(cb.dataset.price)||0;
    });
    const rooms = parseInt(roomInput.value)||0;
    if(rooms>1) total += (rooms-1)*10;
    priceEl.textContent = total.toFixed(2);
  }

  /* Bind events */
  checkboxes.forEach(cb=>{
    cb.removeEventListener('change',updatePrice);
    cb.addEventListener('change',updatePrice);
  });
  roomInput.removeEventListener('input',updatePrice);
  roomInput.addEventListener('input',updatePrice);
  if(roomSelect){
    roomSelect.removeEventListener('change',updatePrice);
    roomSelect.addEventListener('change',()=>{
      syncRooms();
      updatePrice();
    });
  }

  syncRooms(); /* initial */
  updatePrice();
}

/* init on load + when navigating between pages (Durable) */
document.addEventListener('DOMContentLoaded',setupCalculator);
let lastUrl = location.href;
setInterval(()=>{
  if(lastUrl!==location.href){
    lastUrl = location.href;
    setupCalculator();
  }
},400);
</script>

Banner

Rentura's pricing model provides you with stable costs as your rent increases and your portfolio grows. Higher-earning units enjoy the same base price, while modest add-on fees only apply when a larger floor plan or older building requires extra attention. Owning a condo unit with a beautiful lakeview or located in a prime location should not equal larger management fees. 
To further simplify onboarding, the first month's flat fee is waived! 

A Pricing Model Built to Grow Your Portfolio

Home, couple and hug with laptop for finance, track expenses and success for budget goals. Discussion, man and woman with tax review for checking, handle savings and mortgage document in kitchen

Real Estate Concept, Home Loan Application, Broker manager Assessment and Property Value with Location Icon. Contracts and price diagrams.

Rentura Property Management

Rentura simplifies condo ownership for Downtown Toronto landlords. We offer expert tenant placement, rent collection, and oversight — all for one flat monthly fee with no percentage cuts or surprise markups. Whether you own one unit or a growing portfolio, we handle the details so you can enjoy steady income without the daily stress. Our team specializes in downtown condos and delivers responsive, professional service tailored to urban landlords. Transparent pricing. Local expertise. Peace of mind, built in.

Transparent Unit Pricing

Service Fees & Onboarding Details

7% Service Coordination Fee

One-Time Admin Fee

Refundable Reserve Fund

A Pricing Model Built to Grow Your Portfolio