Brain Pages Template Hub

Six static page templates controlled by URL parameters

All templates support dynamic content injection via the Brain system

Available Templates

1. Landing Page

Lead capture page with hero image and free trial CTA.

Purpose: Lead generation and free trial signup

Dynamic Fields: Headline, subheadline, offer text, CTA, hero image

View Template View Demo

2. Landing Thank-You Page

Confirmation page after free trial signup with next steps.

Purpose: Lead confirmation and onboarding

Dynamic Fields: Headline, subheadline, offer text, CTA

View Template View Demo

3. Sales Page

Premium product sales page with pricing and offer stack.

Purpose: Sell paid programs, events, or courses

Dynamic Fields: Headline, subheadline, offer text, price, CTA, hero image

View Template View Demo

4. Sales Thank-You Page

Post-purchase confirmation with access instructions.

Purpose: Purchase confirmation and onboarding

Dynamic Fields: Headline, subheadline, offer text, CTA, price

View Template View Demo

5. Automated Sales Webinar

Evergreen video-based sales page with urgency messaging.

Purpose: High-ticket offer sales via video

Dynamic Fields: Headline, subheadline, video URL, offer text, price, CTA

View Template View Demo

6. Assessment & Certification

Course lesson with video and multiple-choice assessment.

Purpose: Online course completion with quiz

Dynamic Fields: Course title, video URL, passing score, offer text

View Template View Demo

URL Parameter Reference

All templates use the same parameter schema for dynamic content control:

Parameter Key Description Example
Headline h Main page heading h=Welcome%20Today
Subheadline s Secondary heading / subtitle s=Discover%20Success
Offer Text o Offer description or promise o=Limited%20time%20only
CTA Text cta Call-to-action button text cta=Get%20Started
Hero Image img Hero image URL img=https://example.com/hero.jpg
Video URL video YouTube, Vimeo, or embed URL video=https://youtu.be/abc123
Price price Price or payment text price=$297
Passing Score score Required passing score for quizzes score=80%
Campaign Label campaign Tracking / campaign identifier campaign=facebook_ad

Example Brain URLs

Here are example URLs showing how the Brain system controls page content:

Landing Page Example:

pages/landing.html?h=Unlock%20Your%20Potential&s=Join%20thousands%20succeeding&o=Free%2014-day%20trial&cta=Start%20Free%20Trial&img=https://example.com/hero.jpg&campaign=facebook_nov

Sales Page Example:

pages/sales.html?h=Premium%20Masterclass&s=Everything%20you%20need&o=Limited%20spots%20available&price=$297&cta=Enroll%20Now&campaign=email_list

Webinar Page Example:

pages/webinar.html?h=Exclusive%20Webinar&s=Learn%20insider%20secrets&video=https://www.youtube.com/embed/dQw4w9WgXcQ&price=$197&cta=Get%20Access&campaign=linkedin

Course Page Example:

pages/course.html?h=Module%201:%20Foundations&s=Complete%20the%20lesson&video=https://www.youtube.com/embed/abc123&score=75%&campaign=course_001

Technical Details

Architecture

  • ✓ Pure static HTML
  • ✓ Vanilla JavaScript only
  • ✓ No frameworks or dependencies
  • ✓ URL parameter-based control
  • ✓ Mobile-first responsive design
  • ✓ XSS protection built-in

Features

  • ✓ Unified controller.js for all pages
  • ✓ Safe parameter sanitization
  • ✓ Video embed auto-conversion
  • ✓ Campaign tracking support
  • ✓ Form data persistence
  • ✓ Analytics integration ready

File Structure

brain-pages/
├── pages/
│   ├── landing.html
│   ├── landing-thankyou.html
│   ├── sales.html
│   ├── sales-thankyou.html
│   ├── webinar.html
│   └── course.html
├── css/
│   └── style.css
├── js/
│   └── controller.js
├── index.html
└── README.md