Online course

An online course landing: a hero with a marker and a lesson preview, who it's for, a week-by-week curriculum, graduate results, the author, a day-by-day week, pricing with instalments, reviews, FAQ and a countdown to the start. A light theme: indigo and a lime marker.

Open the demo

What it is made of

13 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.

  1. 1. Header

    Course header with price and progressnavbar-022

    A button with the price and a reading-progress bar.

    Open in the catalog
  2. 2. First screen

    Course bento hero with tilting tileshero-022

    A marker underline, a seats sticker, a lesson preview, facts and logos.

    Open in the catalog
  3. 3. Who it's for

    Who it’s for: expanding tilescourse-001

    Three personas as a switch and an outcomes card.

    Open in the catalog
  4. 4. Curriculum

    Curriculum as a pinned scene by weekcourse-002

    Weeks as an accordion, lessons, homework, a sticky summary.

    Open in the catalog
  5. 5. Results

    Graduate results as a horizontal lanecourse-003

    Graduates “before → after” with work screenshots.

    Open in the catalog
  6. 6. Author

    Course author with a full-row quote and a tickerabout-008

    A portrait, a marker quote, credentials and facts.

    Open in the catalog
  7. 7. How it goes

    A course week as a calendar lanecourse-004

    A week day by day, a photo and formats.

    Open in the catalog
  8. 8. Pricing

    Course pricing with instalments, a spinning frame and a seats barpricing-020

    Three plans, an instalments switch, seats and a discount.

    Open in the catalog
  9. 9. Reviews

    Reviews as two opposing tickers with videotestimonials-018

    A video review, photos, profile links, cohorts.

    Open in the catalog
  10. 10. FAQ

    Pre-purchase FAQ with an “ask” cardfaq-017

    An accordion and an “ask on Telegram” card.

    Open in the catalog
  11. 11. Enrolment

    Final call with flip clock and glowcta-017

    A countdown to the start, seats and an email form.

    Open in the catalog
  12. 12. Sticky CTA

    Floating enroll button with a pricecta-018

    A floating price-and-button bar: appears after the first screen, hides near pricing and the form.

    Open in the catalog
  13. 13. Footer

    Course footer with a giant outlined brandfooter-021

    The author, links, socials and legal details with a licence.

    Open in the catalog

Pro

The exact composition, page source and agent link are in PRO

The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.

Get PRO