Create a high-converting online course sales page with an instructor profile, curriculum accordion showing modules and lessons, student testimonials, enrollment statistics, a money-back guarantee badge, and payment CTA. The agent manages course content, updates pricing, adds testimonials, tracks enrollments, and redeploys to keep the page current.
Build Prompt
Copy this prompt into Claude Code
Build an online course sales page as a static HTML/CSS/JS site. Use a dark theme with background #0a0a0f, surfaces #12121a, and accent color #8b5cf6 (purple for education). Load data from inline `const COURSE = {...}` and `const MODULES = [...]`.
COURSE has: title, subtitle, instructor (object: name, title, bio, image (emoji), credentials (array), social (optional)), price, originalPrice (for strikethrough), currency, description (2-3 paragraphs), includes (array of strings, e.g., "12 hours of video", "Lifetime access", "Certificate of completion", "30-day money-back guarantee"), guarantee (string), enrollmentCount (number), rating (number), reviewCount (number), testimonials (array of {name, role, text, rating, result (optional)}), paymentUrl (Gumroad, Teachable, or direct link), faq (array of {question, answer}).
MODULES has: array of {title, description, lessons (array of {title, duration, preview (boolean)}), totalDuration}.
Layout: Hero section with course title (large), subtitle, instructor name and avatar, star rating with review count, enrollment count ("2,340+ students enrolled"), and two CTAs: "Enroll Now — $X" (primary) and "Watch Free Preview" (secondary, links to a preview lesson URL).
"What You'll Learn" section: a 2-column grid of learning outcomes with checkmark icons (8-10 outcomes).
Instructor section: full-width card with instructor photo, name, title, bio, credentials as badges, and social link.
Curriculum accordion: each module is an expandable section showing module number, title, lesson count, and total duration. When expanded, shows lessons list with title, duration, and a "Preview" badge for free preview lessons. Show total course duration and lesson count at the top.
"What's Included" section: icon cards listing everything included (video hours, downloadable resources, community access, certificate, etc.).
Testimonials section: 3-column grid with student quotes, names, roles, star ratings, and result metrics. One testimonial featured larger than the rest.
Guarantee section: prominent badge with shield icon, "30-Day Money-Back Guarantee" headline, and reassuring description.
Pricing section (repeated CTA): large card with price (originalPrice struck through), what's included summary, and "Enroll Now" button. If there's a deadline, add a countdown timer.
FAQ accordion answering "Who is this course for?", "Do I need prior experience?", "How long do I have access?", "Is there a refund policy?", "Can I download the videos?".
SEO: JSON-LD Course schema with provider, instructor, offers, aggregateRating. Meta targeting "[topic] online course", "learn [topic] online".
Seed with a realistic course: "Complete Web Development Bootcamp", 8 modules, 45 lessons, instructor "Alex Chen", price $49 (original $199), 2,340 students, 4.8 rating.
Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].
Make It Yours
Free Mini-Course
Add a 3-lesson free preview module to let visitors sample the content before purchasing.
Team Pricing
Add a "For Teams" section with discounted per-seat pricing for 5+, 10+, and 25+ licenses.
Certificate Preview
Show a sample certificate of completion that students receive after finishing the course.
Student Projects
Add a gallery showcasing projects built by past students as social proof of outcomes.
Instructor Office Hours
Promote weekly live Q&A sessions included with enrollment as a high-value perk.
Update Prompt
Update Prompt — Manage course content and enrollments
Update my course sales page: [describe changes — e.g., "Add 50 new enrollments (increment enrollmentCount)", "Add a new module: Module 9 'Advanced APIs' with 5 lessons", "Change price to $59", "Add testimonial from Sarah K., UX Designer: 'This course changed my career' with 5 stars", "Update the guarantee to 60-day money-back", "Add a new FAQ about group discounts"]. Update COURSE and MODULES data. Redeploy.
SEO Tips
Target "[topic] course online", "learn [topic]", and "best [topic] course [year]" keywords in title and meta description.
Add JSON-LD Course schema with provider, instructor, price, aggregate rating, and syllabus for rich search results.
Create free tutorial blog posts on related topics that link back to the course as the comprehensive learning path.
Add FAQ schema answering "How much does the [topic] course cost?" and "Is it worth learning [topic]?" for featured snippets.
Include student result metrics ("Average salary increase: 45%") in meta description to boost click-through rates.
Monetization Ideas
Direct course enrollment at premium pricing — the primary revenue stream with 90%+ margins on digital content.
Offer a premium tier ($149) with 1-on-1 mentoring sessions for students wanting personalized guidance.
Create a certification exam ($29) that students can take after completion for a verified credential.
Build a community membership ($9/month) with ongoing resources, job board access, and peer networking.
Sell the course sales page template to other educators ($49) as a ready-to-deploy enrollment page.