- Nav and footer now use the logo SVG alone (it already contains the
HOA LedgerIQ wordmark) at correct aspect ratio, dropping the
redundant text spans and the 36x36 square sizing that shrank it
- Privacy and Terms pages: replaced V1 dark-theme inline colors
(white headings, light gray body) with dark ink colors for the
V2 white background
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Implements the revised website enhancement requirements:
- Light, clean Apple-style layout (system font stack, pill buttons,
generous whitespace) with a dark AI showcase section
- SEO foundation: meta description, Open Graph, Twitter Card, and
JSON-LD (SoftwareApplication, Organization, FAQPage)
- Native HTML pricing tiers (Starter $29 / Professional $79 /
Enterprise custom) with monthly-annual toggle, replacing the
uncrawlable iframe; pulled from app.hoaledgeriq.com/pricing
- New sections: How It Works (3 steps), trust bar, FAQ accordion,
spreadsheet comparison table, closing CTA
- Mobile hamburger menu (nav previously disappeared under 640px)
- Pillar pages surfaced in footer (investment, reserve studies,
assessment calculator)
- Performance: deferred Chatwoot load, image dimensions, preload
hints, no blocking webfont
- Accessibility: skip link, aria states, prefers-reduced-motion
- ROI calculator preserved (same IDs/handlers in app.js); new v2.js
for hamburger, billing toggle, section highlighting, GA4 events
- Legacy article styles retained so Insights pages keep working
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- Create articles/ directory with hub index page (newest-first card grid)
- Add Article 1: "Why We Built HOA LedgerIQ" (March 16, 2026, founder story)
- Add Article 2: "5 Financial Blind Spots Putting Your HOA at Risk" (April 1, 2026, use case)
- Both articles include screenshot carousel, article CTA, prev/next nav, and full SEO meta
- Add blog/article CSS to styles.css (hub hero, card grid, article prose, showcase, CTA)
- Add "Insights" nav link to index.html, reserve-study-software.html, investment-management.html
- Add "Insights" to footer Pages column on all pages (index.html gets a Pages column added)
- Add articles/ pages to sitemap.xml with appropriate priorities and lastmod dates
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Detect bot-like behavior (webdriver, missing language, etc.)
- Track scroll depth (25%, 50%, 75%)
- Track time on page (10+ seconds threshold)
- Track all meaningful clicks
- Add user properties (screen res, timezone, bot flag)
- Filter real users from bots in GA4 reports
- Add comprehensive documentation
This enables:
✓ Distinguishing real users from automated traffic
✓ Measuring meaningful engagement vs vanity metrics
✓ Identifying calculator abandonment points
✓ Tracking user journey through the site
✓ Better ROI measurement for marketing efforts
See GA4_ENHANCEMENTS.md for full details.
- Track calculator_open events when users open the modal
- Track calculator_submit events when users submit the form
- Track calculator_success events when results are shown
- Includes anonymized form data (homesites, reserve funds)
- Console logging for debugging
This enables tracking of calculator engagement in GA4 to measure:
- How many users open the calculator
- Form submission rate
- Success/failure rate
- User behavior patterns
Events will appear in GA4 under Engagement → Events
AI text is still generated and saved to calc_submissions for internal
follow-up, but no longer displayed to the user — keeps the detailed
analysis behind the product sign-up wall.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Button loading spinner + disable on submit to prevent duplicate AI calls
- Email field and opt-in consent checkbox on calculator form (checked by default)
- Privacy assurance blurb below opt-in
- Refinement blurb on results screen explaining live cash-flow optimization
- calc_submissions SQLite table stores form inputs, computed results, AI text, email, opt-in
- GET /api/calc-submissions endpoint (x-admin-key protected) to retrieve submissions
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Insert Chatwoot chat widget script at bottom of index.html body
(connects to chat.hoaledgeriq.com with token 1QMW1fycL5xHvd6XMfg4Dbb4)
- Add AI_SETUP.md documenting how to upgrade the benefit calculator
from client-side math to live AI API calls (Claude or OpenAI),
including endpoint code, app.js changes, prompt tuning, cost
estimates, and rate limiting guidance
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- New "✦ Calculate Your Interest Income Potential" button between hero CTAs
with gradient border styling distinct from primary/ghost buttons
- Modal overlay collects: homesites, property type, annual dues + frequency,
reserve fund balance, and 2025 actual interest income
- Conservative calculation model: 4.0% HYSA for operating cash, 4.25% CD
ladder for 65% of investable reserves; operating multiplier varies by
payment frequency (monthly 10%, quarterly 20%, annual 35%)
- Results screen shows animated dollar counter, operating vs reserve
breakdown, AI-style narrative recommendation, and direct CTA to signup
- Modal closes on backdrop click or Escape key; CTA closes modal and
scrolls to early access signup form
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
