added estimate now live estimate

This commit is contained in:
Mayur Shinde
2026-07-18 19:37:40 +05:30
parent 44f929f080
commit ab73e59aac
3 changed files with 93 additions and 5 deletions
+32 -3
View File
@@ -1104,10 +1104,39 @@
<p>Whether you protect one home or manage a thousand roofs. We run your address live:
mesh, measurements, and a signature-ready proposal before the call ends.</p>
<form class="cta-form" id="ctaForm">
<input id="ctaAddr" type="text" autocomplete="off" spellcheck="false"
placeholder="Your address, e.g. 950 Ridgeline Rd, McKinney TX" aria-label="Address to estimate">
<button class="btn solid" type="submit">Estimate it now</button>
<select id="ctaAddr" aria-label="Pick a sample address to estimate"
data-area="3400" data-squares="37" data-pitch="6:12" data-material="Architectural shingle" data-low="14200" data-high="16800">
<option value="" data-placeholder="1">Pick a sample address&hellip;</option>
<option value="950 Ridgeline Rd, McKinney TX"
data-area="3400" data-squares="37" data-pitch="6:12" data-material="Architectural shingle" data-low="14200" data-high="16800" selected>950 Ridgeline Rd, McKinney TX</option>
<option value="1420 Maple Grove Dr, Frisco TX"
data-area="2650" data-squares="29" data-pitch="5:12" data-material="Architectural shingle" data-low="10900" data-high="13100">1420 Maple Grove Dr, Frisco TX</option>
<option value="78 Harbor View Ln, Plano TX"
data-area="4820" data-squares="53" data-pitch="8:12" data-material="Standing-seam metal" data-low="31400" data-high="37200">78 Harbor View Ln, Plano TX</option>
<option value="305 Prairie Wind Ct, Allen TX"
data-area="1980" data-squares="22" data-pitch="4:12" data-material="3-tab shingle" data-low="7600" data-high="9200">305 Prairie Wind Ct, Allen TX</option>
<option value="6110 Cedar Bluff Way, Denton TX"
data-area="6240" data-squares="68" data-pitch="7:12" data-material="Architectural shingle" data-low="26800" data-high="31500">6110 Cedar Bluff Way, Denton TX</option>
</select>
<button class="btn solid" type="button" id="ctaEstimateBtn">Estimate it now</button>
</form>
<div class="cta-estimate" id="ctaEstimate" hidden aria-live="polite">
<div class="est-head">
<span class="stamp-tag ok">&#10003; LIVE ESTIMATE</span>
<span class="est-addr" id="estAddr"></span>
</div>
<div class="est-grid">
<div class="est-cell"><span class="est-k">Roof area</span><span class="est-v" id="estArea"></span></div>
<div class="est-cell"><span class="est-k">Squares</span><span class="est-v" id="estSquares"></span></div>
<div class="est-cell"><span class="est-k">Predominant pitch</span><span class="est-v" id="estPitch"></span></div>
<div class="est-cell"><span class="est-k">Material</span><span class="est-v" id="estMaterial"></span></div>
</div>
<div class="est-total">
<span class="est-k">Signature-ready range</span>
<span class="est-price" id="estPrice"></span>
</div>
<p class="cta-fine tag">Sample figures from aerial mesh &middot; final numbers confirm on your live address</p>
</div>
<div class="cta-alt">
<a class="btn" href="https://book.lynkeduppro.com/" target="_blank" rel="noopener">Book the 15-min demo</a>
<a class="btn" href="tel:8662596533">Call (866) 259-6533</a>