platoonmomma-site

Lead magnet funnel for @platoonmomma — Personal Life Task Failure Point Diagnostic. Static, self-contained HTML pages. Deploys via GitHub Pages.

File structure (approved list — nothing else should exist)

/CNAME                         custom domain for GitHub Pages
/.nojekyll                     disable Jekyll processing
/robots.txt
/sitemap.xml
/README.md                     this file
/diagnostic/index.html         landing page  (index, follow) — LOCKED design
/diagnostic/thanks/index.html  thank you page (noindex, nofollow)
/privacy-policy/index.html     privacy policy (index, follow)

Every page is a single self-contained HTML file: all CSS in a <style> tag in <head>, all JS in a <script> tag before </body>. There are no separate .css or .js files.

Design system (applies to every page)

Font: DM Sans (Google Fonts) — weights 400, 500, 700, 800
Background: white #FFFFFF always; alternate sections #F7F7F5
Text #111111, muted #666666, light #999999, border #E8E8E4
Royal Blue #1E3CB4 (headlines, accents, step numbers)
Orange #F07840 (all CTAs, labels, tag dots)
Green #4A9E3F (success states)
No shadows, no gradients. Border-radius: 2px buttons/inputs, 4px cards.

Analytics & schema

GA4 in <head>: G-QKB1QMF5YT
- Events: form_submit, thank_you_page_view, diagnostic_download
Landing page JSON-LD: Organization (with sameAs) + FAQPage (4 Q&A blocks)

Form flow

The landing page email form posts to the HubSpot Forms API and, on success, redirects to /diagnostic/thanks. A HubSpot workflow sends the delivery email.

Placeholders to replace once HubSpot is configured (Phase 2/3)

Deployment

GitHub Pages serving from the repository’s main branch. Custom domain set via the CNAME file.