JoeBot/HOALedgerIQ_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Go-live: remove Coming Soon, add Start Free Trial CTAs, embed pricing page

Browse Source 
- Remove coming-soon banner from all pages (index, articles, SEO pages, legal pages)
- Replace all "Get Early Access" CTAs with "Start Free Trial" → https://app.hoaledgeriq.com/pricing
- Hero CTA updated to "Start Your Free 14-Day Trial"
- Pricing section: replace static pricing grid with live iframe embed from app.hoaledgeriq.com/pricing
- Add .pricing-embed-wrap / .pricing-embed / .pricing-embed-fallback CSS
- Hide lead capture signup section (preserved with style="display:none" for future use)
- Update footer "Early Access" → "Start Free Trial" across all pages
- Update calculator CTA → https://app.hoaledgeriq.com/pricing
- Remove "Coming soon to hoaledgeriq.com" copy from privacy/terms footers
- Pages updated: index.html, styles.css, reserve-study-software.html, investment-management.html,
  special-assessment-calculator.html, privacy.html, terms.html, articles/index.html,
  articles/why-we-built-hoa-ledgeriq.html, articles/hoa-financial-blind-spots.html

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
olsch01
2026-04-21 09:38:19 -04:00
parent 5cc20df0df
commit 3e0969e682
10 changed files with 48 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
index.html
View File

@@ -69,13 +69,6 @@ document.addEventListener('DOMContentLoaded', function() {
</script>
<body>
<!-- COMING SOON BANNER -->
<div class="coming-soon-banner">
<span class="banner-badge" id="bannerCountdown">Launching in 60 Days</span>
<span class="banner-text">HOA LedgerIQ is almost here — be first in line.</span>
<a href="#preview-signup" class="banner-cta">Get Early Access →</a>
</div>
<!-- NAV -->
<nav class="nav">
<div class="nav-inner">
@@ -86,9 +79,8 @@ document.addEventListener('DOMContentLoaded', function() {
<li><a href="#features">Features</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="articles/">Insights</a></li>
<li><a href="#preview-signup">Early Access</a></li>
</ul>
<a href="#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
<a href="https://app.hoaledgeriq.com/pricing" class="btn btn-primary nav-btn" target="_blank" rel="noopener">Start Free Trial</a>
<a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a>
</div>
</nav>
@@ -112,7 +104,7 @@ document.addEventListener('DOMContentLoaded', function() {
outdated &amp; manual spreadsheets, while optimizing your community's finances.
</p>
<div class="hero-actions">
<a href="#preview-signup" class="btn btn-primary btn-lg">Join the Preview List</a>
<a href="https://app.hoaledgeriq.com/pricing" class="btn btn-primary btn-lg" target="_blank" rel="noopener">Start Your Free 14-Day Trial</a>
<button class="btn btn-calc btn-lg" id="openCalc">✦ Get your Financial Health Score</button>
<a href="#features" class="btn btn-ghost btn-lg">See the Platform ↓</a>
</div>
@@ -251,72 +243,15 @@ document.addEventListener('DOMContentLoaded', function() {
<h2 class="section-title">Pick the plan that fits your community</h2>
<p class="section-sub">No setup fees. No contracts. All plans include a 14-day free trial.</p>
<div class="pricing-grid">
<!-- STARTER -->
<div class="pricing-card">
<div class="plan-name">Starter</div>
<div class="plan-tagline">Perfect for small community HOAs</div>
<div class="plan-price"><span class="price-amount">$29</span><span class="price-period">/mo</span></div>
<div class="plan-units">For small communities getting started</div>
<ul class="plan-features">
<li><span class="check">✓</span> Account balance tracking</li>
<li><span class="check">✓</span> Investment account tracking</li>
<li><span class="check">✓</span> Dues collection tracking</li>
<li><span class="check">✓</span> Basic delinquency alerts</li>
<li><span class="check">✓</span> Monthly board-ready PDF reports</li>
<li><span class="check">✓</span> Monthly Actuals reconciliation</li>
<li><span class="check">✓</span> Future Year Budget Planning</li>
<li><span class="check">✓</span> 5-year Reserve Forecasting</li>
<li><span class="check">✓</span> Role based access for board members (Up to 5 user accounts)</li>
<li><span class="check">✓</span> Email support</li>
<li class="dim"><span>—</span> AI Analytics</li>
<li class="dim"><span>—</span> Mixed Purpose Community management (SFH, Condo, Apartment)</li>
</ul>
<a href="#preview-signup" class="btn btn-outline plan-btn">Get Early Access</a>
</div>
<!-- PROFESSIONAL — FEATURED -->
<div class="pricing-card pricing-card--featured">
<div class="plan-badge">Most Popular</div>
<div class="plan-name">Professional</div>
<div class="plan-tagline">Advanced AI Features For growing communities &amp; property managers</div>
<div class="plan-price"><span class="price-amount">$79</span><span class="price-period">/mo</span></div>
<div class="plan-units">For growing HOAs that need full features</div>
<ul class="plan-features">
<li><span class="check">✓</span> Everything in Starter</li>
<li><span class="check">✓</span> <strong>AI Financial Analytics</strong></li>
<li><span class="check">✓</span> Custom chart of accounts</li>
<li><span class="check">✓</span> Audit trail &amp; compliance pack</li>
<li><span class="check">✓</span> Priority email &amp; chat support</li>
<li><span class="check">✓</span> Mixed Purpose Community management (SFH, Condo, Apartment)</li>
</ul>
<a href="#preview-signup" class="btn btn-primary plan-btn">Get Early Access</a>
</div>
<!-- ENTERPRISE -->
<div class="pricing-card">
<div class="plan-name">Enterprise</div>
<div class="plan-tagline">For large communities &amp; management companies</div>
<div class="plan-price"><span class="price-amount price-amount--quote">Request Quote</span></div>
<div class="plan-units"> </div>
<ul class="plan-features">
<li><span class="check">✓</span> Everything in Professional</li>
<li><span class="check">✓</span> <strong>Multi-property management</strong></li>
<li><span class="check">✓</span> Custom API integrations</li>
<li><span class="check">✓</span> Advanced AI anomaly detection</li>
<li><span class="check">✓</span> SLA-backed uptime guarantee</li>
<li><span class="check">✓</span> Custom onboarding &amp; training</li>
</ul>
<a href="#preview-signup" class="btn btn-outline plan-btn">Get Early Access</a>
</div>
<div class="pricing-embed-wrap">
<iframe src="https://app.hoaledgeriq.com/pricing" class="pricing-embed" title="HOA LedgerIQ Pricing — Start Your Free Trial" loading="lazy"></iframe>
</div>
<p class="pricing-embed-fallback">Having trouble viewing the pricing page? <a href="https://app.hoaledgeriq.com/pricing" target="_blank" rel="noopener">Open it directly →</a></p>
</div>
</section>
<!-- PREVIEW SIGNUP -->
<section class="signup-section" id="preview-signup">
<section class="signup-section" id="preview-signup" style="display:none">
<div class="signup-glow"></div>
<div class="container">
<div class="signup-card">
@@ -460,7 +395,7 @@ document.addEventListener('DOMContentLoaded', function() {
<div class="footer-col-title">Product</div>
<a href="#features">Features</a>
<a href="#pricing">Pricing</a>
<a href="#preview-signup">Early Access</a>
<a href="https://app.hoaledgeriq.com/pricing" target="_blank" rel="noopener">Start Free Trial</a>
</div>
<div class="footer-col">
<div class="footer-col-title">Pages</div>
@@ -594,7 +529,7 @@ document.addEventListener('DOMContentLoaded', function() {
<div class="calc-cta">
<p>Ready to put these gains to work for your community?</p>
<a href="#preview-signup" class="btn btn-primary btn-lg calc-cta-btn" id="calcCTABtn">Get Early Access — Reserve My Spot →</a>
<a href="https://app.hoaledgeriq.com/pricing" class="btn btn-primary btn-lg calc-cta-btn" id="calcCTABtn" target="_blank" rel="noopener">Start Your Free 14-Day Trial →</a>
<button class="btn btn-ghost calc-recalc" id="calcRecalc">← Recalculate</button>
</div>
</div>