Improve SEO pages layout, styling, and add screenshot carousel
- Fix nav on both pages to use correct .nav/.nav-inner structure (was using .navbar which had no styles defined), matching index.html - Add coming-soon banner and Login button to both SEO pages - Add screenshot carousel (hero-visual) to both pages matching index.html - Fix footer to use full footer-inner/footer-col structure with logo - Add 200+ lines of missing CSS to styles.css: .problem-section, .solution-section, .comparison-table, .strategies-section, .calculator-section, .compliance-section, .cta-section, and all child components — all matching the dark theme design system - Fix investment calculator element IDs to avoid conflicts with the main ROI calculator in app.js - Add Chatwoot support widget to both pages for consistency - Full mobile responsiveness for all new components Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -7,6 +7,8 @@
|
||||
<meta name="description" content="Modernize your HOA reserve studies with AI-powered continuous planning. Replace static 5-year studies with dynamic, real-time reserve funding analysis. Free preview access.">
|
||||
<meta name="keywords" content="HOA reserve study software, reserve study analysis, HOA capital planning, HOA asset management, reserve funding calculator">
|
||||
<link rel="canonical" href="https://www.hoaledgeriq.com/reserve-study-software" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<!-- Google tag (gtag.js) -->
|
||||
@@ -19,181 +21,264 @@
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar">
|
||||
<div class="container">
|
||||
<img src="logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img" />
|
||||
<div class="nav-links">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="#features">Features</a>
|
||||
<a href="#comparison">Comparison</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero reserve-study-hero">
|
||||
<div class="container">
|
||||
<div class="hero-badge">AI-Powered Reserve Planning</div>
|
||||
<h1 class="hero-headline">
|
||||
HOA Reserve Study Software<br />
|
||||
<span class="gradient-text">That Actually Works</span>
|
||||
</h1>
|
||||
<p class="hero-sub">
|
||||
Replace outdated, static reserve studies with AI-powered continuous planning.
|
||||
Get real-time funding analysis, capital project forecasts, and confidence
|
||||
that your HOA is financially prepared.
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a href="index.html#preview-signup" class="btn btn-primary btn-lg">Start Free Preview</a>
|
||||
<a href="#comparison" class="btn btn-ghost btn-lg">See Comparison →</a>
|
||||
</div>
|
||||
<div class="hero-trust">
|
||||
<p>✓ No credit card required ✓ 14-day free trial ✓ Cancel anytime</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- COMING SOON BANNER -->
|
||||
<div class="coming-soon-banner">
|
||||
<span class="banner-badge" id="bannerCountdown">Launching Soon</span>
|
||||
<span class="banner-text">HOA LedgerIQ is almost here — be first in line.</span>
|
||||
<a href="index.html#preview-signup" class="banner-cta">Get Early Access →</a>
|
||||
</div>
|
||||
|
||||
<!-- Problem Section -->
|
||||
<section class="problem-section">
|
||||
<div class="container">
|
||||
<h2>The Problem with Traditional Reserve Studies</h2>
|
||||
<div class="problem-grid">
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">📅</div>
|
||||
<h3>Outdated Immediately</h3>
|
||||
<p>Traditional studies are static snapshots. By the time you get the report, it's already outdated. Construction costs change, emergencies happen, and your study doesn't adapt.</p>
|
||||
</div>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">💸</div>
|
||||
<h3>Expensive & Infrequent</h3>
|
||||
<p>Professional reserve studies cost $1,500-$5,000 and are only done every 3-5 years. That's like navigating with a 5-year-old map.</p>
|
||||
</div>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">📊</div>
|
||||
<h3>Spreadsheet Chaos</h3>
|
||||
<p>Most HOAs track reserves in spreadsheets that are error-prone, hard to update, and impossible to share with the board in real-time.</p>
|
||||
</div>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">😰</div>
|
||||
<h3>Surprise Special Assessments</h3>
|
||||
<p>Without continuous monitoring, HOAs often discover funding shortfalls too late, leading to emergency special assessments that homeowners hate.</p>
|
||||
</div>
|
||||
<!-- NAV -->
|
||||
<nav class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="index.html" class="nav-logo">
|
||||
<img src="logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img" />
|
||||
</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="#features">Features</a></li>
|
||||
<li><a href="#comparison">Comparison</a></li>
|
||||
<li><a href="index.html#pricing">Pricing</a></li>
|
||||
</ul>
|
||||
<a href="index.html#preview-signup" class="btn btn-primary nav-btn">Get Early Access</a>
|
||||
<a href="https://app.hoaledgeriq.com" class="btn btn-outline nav-btn nav-login" target="_blank" rel="noopener">Login</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- HERO -->
|
||||
<section class="hero">
|
||||
<div class="hero-glow"></div>
|
||||
<div class="container">
|
||||
<div class="hero-badge">
|
||||
<span class="pulse-dot"></span>
|
||||
AI-Powered Reserve Planning
|
||||
</div>
|
||||
<h1 class="hero-headline">
|
||||
HOA Reserve Study Software<br />
|
||||
<span class="gradient-text">That Actually Works</span>
|
||||
</h1>
|
||||
<p class="hero-sub">
|
||||
Replace outdated, static reserve studies with AI-powered continuous planning.
|
||||
Get real-time funding analysis, capital project forecasts, and the confidence
|
||||
that your HOA is financially prepared — year round.
|
||||
</p>
|
||||
<div class="hero-actions">
|
||||
<a href="index.html#preview-signup" class="btn btn-primary btn-lg">Start Free Preview</a>
|
||||
<a href="#comparison" class="btn btn-ghost btn-lg">See Comparison →</a>
|
||||
</div>
|
||||
<div class="hero-trust">
|
||||
<p>✓ No credit card required ✓ 30-day free trial ✓ Cancel anytime</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Screenshot Carousel -->
|
||||
<div class="hero-visual">
|
||||
<div class="screenshot-carousel" id="screenshotCarousel">
|
||||
<div class="carousel-frame">
|
||||
<div class="carousel-slides">
|
||||
<div class="carousel-slide active">
|
||||
<img src="img/screenshot-dashboard.png" alt="HOA LedgerIQ Dashboard — Fund health scores, operating and reserve balances" />
|
||||
<div class="slide-caption">Dashboard — Fund Health & At-a-Glance Metrics</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Solution Section -->
|
||||
<section class="solution-section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">The AI-Powered Alternative</h2>
|
||||
<p class="section-sub">HOA LedgerIQ replaces your static reserve study with dynamic, continuous planning that adapts to real-world changes.</p>
|
||||
|
||||
<div class="solution-grid">
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">🤖</div>
|
||||
<h3>Continuous Monitoring</h3>
|
||||
<p>Real-time tracking of reserve balances, expenses, and funding levels. Get alerts before problems become crises.</p>
|
||||
</div>
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">📈</div>
|
||||
<h3>Dynamic Forecasting</h3>
|
||||
<p>AI-powered projections that adjust based on actual spending, inflation, and construction cost trends.</p>
|
||||
</div>
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">🎯</div>
|
||||
<h3>Smart Recommendations</h3>
|
||||
<p>Get actionable insights: "Increase monthly reserves by $X" or "Delay roof project by 6 months to optimize cash flow."</p>
|
||||
</div>
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">📱</div>
|
||||
<h3>Board-Ready Reports</h3>
|
||||
<p>Generate professional reserve funding reports in seconds, not hours. Perfect for board meetings and homeowner communications.</p>
|
||||
</div>
|
||||
<div class="carousel-slide">
|
||||
<img src="img/screenshot-cashflow.png" alt="HOA LedgerIQ Cash Flow — Projected balances with forward forecasting chart" />
|
||||
<div class="slide-caption">Cash Flow — Actuals & Forward Projections</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Section -->
|
||||
<section id="comparison" class="comparison-section">
|
||||
<div class="container">
|
||||
<h2>Traditional vs. AI-Powered Reserve Studies</h2>
|
||||
<div class="comparison-table">
|
||||
<div class="comparison-row header">
|
||||
<div class="comparison-feature">Feature</div>
|
||||
<div class="comparison-traditional">Traditional Study</div>
|
||||
<div class="comparison-ai">HOA LedgerIQ</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Update Frequency</div>
|
||||
<div class="comparison-traditional">Every 3-5 years</div>
|
||||
<div class="comparison-ai">Real-time ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Cost</div>
|
||||
<div class="comparison-traditional">$1,500-$5,000</div>
|
||||
<div class="comparison-ai">$99/month ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Accuracy</div>
|
||||
<div class="comparison-traditional">Static snapshot</div>
|
||||
<div class="comparison-ai">Dynamic AI adjustments ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Board Reports</div>
|
||||
<div class="comparison-traditional">Manual creation</div>
|
||||
<div class="comparison-ai">One-click generation ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Alerts</div>
|
||||
<div class="comparison-traditional">None</div>
|
||||
<div class="comparison-ai">Proactive notifications ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Special Assessment Prevention</div>
|
||||
<div class="comparison-traditional">Reactive</div>
|
||||
<div class="comparison-ai">Predictive ✓</div>
|
||||
</div>
|
||||
<div class="carousel-slide">
|
||||
<img src="img/screenshot-capital.png" alt="HOA LedgerIQ Capital Planning — Multi-year project timeline and budget view" />
|
||||
<div class="slide-caption">Capital Planning — 5-Year Project Pipeline</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Calculator Section -->
|
||||
<section class="calculator-section">
|
||||
<div class="container">
|
||||
<h2>Calculate Your Reserve Funding Needs</h2>
|
||||
<p>See how much your HOA should have in reserves with our free calculator.</p>
|
||||
<a href="index.html#calculator" class="btn btn-primary btn-lg">Open Reserve Calculator</a>
|
||||
<div class="carousel-controls">
|
||||
<button class="carousel-btn carousel-prev" aria-label="Previous screenshot">←</button>
|
||||
<div class="carousel-dots">
|
||||
<span class="carousel-dot active" data-index="0"></span>
|
||||
<span class="carousel-dot" data-index="1"></span>
|
||||
<span class="carousel-dot" data-index="2"></span>
|
||||
</div>
|
||||
<button class="carousel-btn carousel-next" aria-label="Next screenshot">→</button>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-section">
|
||||
<div class="container">
|
||||
<h2>Ready to Modernize Your Reserve Planning?</h2>
|
||||
<p>Join forward-thinking HOAs that have replaced outdated reserve studies with AI-powered continuous planning.</p>
|
||||
<div class="cta-form">
|
||||
<a href="index.html#preview-signup" class="btn btn-primary btn-lg">Start Your Free 30-Day Trial</a>
|
||||
<p class="cta-note">No credit card required • Cancel anytime • Free preview access</p>
|
||||
</div>
|
||||
<!-- PROBLEM SECTION -->
|
||||
<section class="problem-section">
|
||||
<div class="container">
|
||||
<h2>The Problem with Traditional Reserve Studies</h2>
|
||||
<div class="problem-grid">
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">📅</div>
|
||||
<h3>Outdated Immediately</h3>
|
||||
<p>Traditional studies are static snapshots. By the time you get the report, it's already outdated. Construction costs change, emergencies happen, and your study doesn't adapt.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p>© 2026 HOA LedgerIQ. All rights reserved.</p>
|
||||
<div class="footer-links">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="index.html#features">Features</a>
|
||||
<a href="index.html#pricing">Pricing</a>
|
||||
<a href="index.html#contact">Contact</a>
|
||||
</div>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">💸</div>
|
||||
<h3>Expensive & Infrequent</h3>
|
||||
<p>Professional reserve studies cost $1,500–$5,000 and are only done every 3–5 years. That's like navigating with a 5-year-old map.</p>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">📊</div>
|
||||
<h3>Spreadsheet Chaos</h3>
|
||||
<p>Most HOAs track reserves in spreadsheets that are error-prone, hard to update, and impossible to share with the board in real-time.</p>
|
||||
</div>
|
||||
<div class="problem-card">
|
||||
<div class="problem-icon">😰</div>
|
||||
<h3>Surprise Special Assessments</h3>
|
||||
<p>Without continuous monitoring, HOAs often discover funding shortfalls too late, leading to emergency special assessments that homeowners hate.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script src="app.js"></script>
|
||||
<!-- SOLUTION SECTION -->
|
||||
<section id="features" class="solution-section">
|
||||
<div class="container">
|
||||
<div class="section-label">The AI-Powered Alternative</div>
|
||||
<h2 class="section-title">Continuous Planning That Adapts</h2>
|
||||
<p class="section-sub">HOA LedgerIQ replaces your static reserve study with dynamic, continuous planning that adjusts to real-world changes automatically.</p>
|
||||
<div class="solution-grid">
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">🤖</div>
|
||||
<h3>Continuous Monitoring</h3>
|
||||
<p>Real-time tracking of reserve balances, expenses, and funding levels. Get alerts before problems become crises.</p>
|
||||
</div>
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">📈</div>
|
||||
<h3>Dynamic Forecasting</h3>
|
||||
<p>AI-powered projections that adjust based on actual spending, inflation, and construction cost trends.</p>
|
||||
</div>
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">🎯</div>
|
||||
<h3>Smart Recommendations</h3>
|
||||
<p>Get actionable insights: "Increase monthly reserves by $X" or "Delay roof project by 6 months to optimize cash flow."</p>
|
||||
</div>
|
||||
<div class="solution-card">
|
||||
<div class="solution-icon">📱</div>
|
||||
<h3>Board-Ready Reports</h3>
|
||||
<p>Generate professional reserve funding reports in seconds, not hours. Perfect for board meetings and homeowner communications.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- COMPARISON SECTION -->
|
||||
<section id="comparison" class="comparison-section">
|
||||
<div class="container">
|
||||
<h2>Traditional vs. AI-Powered Reserve Studies</h2>
|
||||
<div class="comparison-table">
|
||||
<div class="comparison-row header">
|
||||
<div class="comparison-feature">Feature</div>
|
||||
<div class="comparison-traditional">Traditional Study</div>
|
||||
<div class="comparison-ai">HOA LedgerIQ</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Update Frequency</div>
|
||||
<div class="comparison-traditional">Every 3–5 years</div>
|
||||
<div class="comparison-ai">Real-time ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Cost</div>
|
||||
<div class="comparison-traditional">$1,500–$5,000</div>
|
||||
<div class="comparison-ai">From $29/month ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Accuracy</div>
|
||||
<div class="comparison-traditional">Static snapshot</div>
|
||||
<div class="comparison-ai">Dynamic AI adjustments ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Board Reports</div>
|
||||
<div class="comparison-traditional">Manual creation</div>
|
||||
<div class="comparison-ai">One-click generation ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Alerts</div>
|
||||
<div class="comparison-traditional">None</div>
|
||||
<div class="comparison-ai">Proactive notifications ✓</div>
|
||||
</div>
|
||||
<div class="comparison-row">
|
||||
<div class="comparison-feature">Special Assessment Prevention</div>
|
||||
<div class="comparison-traditional">Reactive</div>
|
||||
<div class="comparison-ai">Predictive ✓</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CALCULATOR CTA SECTION -->
|
||||
<section class="calculator-section">
|
||||
<div class="container">
|
||||
<h2>Calculate Your Reserve Funding Needs</h2>
|
||||
<p>See how much your HOA should have in reserves with our free AI-powered calculator.</p>
|
||||
<a href="index.html#preview-signup" class="btn btn-primary btn-lg">Open Reserve Calculator</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA SECTION -->
|
||||
<section class="cta-section">
|
||||
<div class="container">
|
||||
<h2>Ready to Modernize Your Reserve Planning?</h2>
|
||||
<p>Join forward-thinking HOAs that have replaced outdated reserve studies with AI-powered continuous planning.</p>
|
||||
<div class="cta-form">
|
||||
<a href="index.html#preview-signup" class="btn btn-primary btn-lg">Start Your Free 30-Day Trial</a>
|
||||
<p class="cta-note">No credit card required · Cancel anytime · Free preview access</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="footer">
|
||||
<div class="container footer-inner">
|
||||
<div class="footer-logo">
|
||||
<img src="logo_house.svg" alt="HOA LedgerIQ" class="logo-img logo-img--footer" />
|
||||
<p>AI-powered HOA reserve study & finance management.</p>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="footer-col">
|
||||
<div class="footer-col-title">Product</div>
|
||||
<a href="index.html#features">Features</a>
|
||||
<a href="index.html#pricing">Pricing</a>
|
||||
<a href="index.html#preview-signup">Early Access</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<div class="footer-col-title">Pages</div>
|
||||
<a href="investment-management.html">Investment Management</a>
|
||||
<a href="reserve-study-software.html">Reserve Studies</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<div class="footer-col-title">Legal</div>
|
||||
<a href="privacy.html">Privacy Policy</a>
|
||||
<a href="terms.html">Terms of Service</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<span>© 2026 HOA LedgerIQ. All rights reserved.</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="app.js"></script>
|
||||
|
||||
<!-- Support Chat Widget -->
|
||||
<script>
|
||||
(function(d,t) {
|
||||
var BASE_URL="https://chat.hoaledgeriq.com";
|
||||
var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
|
||||
g.src=BASE_URL+"/packs/js/sdk.js";
|
||||
g.async = true;
|
||||
s.parentNode.insertBefore(g,s);
|
||||
g.onload=function(){
|
||||
window.chatwootSDK.run({
|
||||
websiteToken: '1QMW1fycL5xHvd6XMfg4Dbb4',
|
||||
baseUrl: BASE_URL
|
||||
})
|
||||
}
|
||||
})(document,"script");
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user