Page: Pricing
/pricing Access: Public Priority: P1 Test Script: scripts/page-tests/test-PRIC.sh Components: src/components/marketing/index.ts Purpose
Clearly explain Peerloop's pricing structure for students, student-teachers, and creators. Transparency builds trust and reduces purchase friction.
Connections
Incoming (users arrive from)
| Source | Trigger | Notes |
|---|---|---|
| HOME | Header 'Pricing' link | Primary entry |
| CDET | "How pricing works" link | From course detail |
| HOWI | Pricing questions | From how it works |
Outgoing (users navigate to)
Sections
Hero
- • Headline: "Simple, Transparent Pricing"
- • Subheadline: "No subscriptions. No hidden fees. Just pay for what you use."
- • Quick summary: Courses $99-399, Sessions $20-50/hour
For Students
- • 3 pricing cards: Course Access ($99-$399), 1-on-1 Sessions ($20-$50/hr), Subscriptions (None)
- • 14-day money-back guarantee banner with shield icon
- • "Browse Courses" CTA button
For Student-Teachers
- • 3 pricing cards: To Get Started (Free), Your Earnings (70%), Payouts (Weekly)
- • Interactive earnings calculator with sliders (Hours per week 1-40, Rate per hour $20-$50)
- • Shows weekly, monthly, yearly earnings
- • "Become a Teacher" CTA button
For Course Creators
- • 3 pricing cards: To Create (Free), Course Sales (85%), Session Royalties (15%)
- • Revenue example: Course with 100 students = $19,540 first year
- • "Create a Course" CTA button
How the Money Flows
- • Visual 70/15/15 split diagram
- • Student-Teacher: 70%, Course Creator: 15%, Peerloop: 15%
- • Explanatory text about model benefits
Compare to Traditional Tutoring
- • Professional Tutor: $50-150/hour
- • Tutoring Center: $30-80/hour
- • Peerloop: $20-50/hour (highlighted with "Best Value" badge)
Our Guarantees
- • 14-Day Money Back
- • Session Quality Promise
- • Secure Payments
Payment Methods
- • Accepted: Visa, Mastercard, Amex
- • Powered by Stripe badge
FAQ Preview
- • 3 expandable accordion questions
- • Are there any hidden fees?
- • When do Student-Teachers get paid?
- • Can I get a refund?
- • "More questions? See all FAQs" link
Final CTA
- • "Ready to Get Started?" headline
- • Two buttons: Get Started Free, Browse Courses
User Stories Fulfilled
- • US-S010
- • US-T015
- • US-C020
States & Variations
| State | Description |
|---|---|
| Default | Standard pricing page |
Mobile Considerations
- • Pricing cards stack vertically
- • Revenue split diagram simplified
- • Calculator inputs remain usable
Notes
- • Static page - no API calls or data fetching required
- • All content is hardcoded in the component
- • Responsive design with mobile-friendly layout
- • FAQ accordions use React state for toggle
- • Earnings calculator uses React useState for interactive sliders
- • Comparison section implemented as additional feature beyond original spec
Features
- ✓ Hero section with "Simple, Transparent Pricing" headline
- ✓ Quick pricing summary (Courses $99-399, Sessions $20-50/hour)
- ✓ For Students section with 3 pricing cards + 14-day guarantee
- ✓ For Student-Teachers section with pricing + interactive earnings calculator
- ✓ For Creators section with pricing + revenue example calculation
- ✓ Revenue split visual (70/15/15 diagram)
- ✓ Comparison to traditional tutoring (3 options)
- ✓ Guarantees section (3 guarantees with icons)
- ✓ Payment methods section (Visa, Mastercard, Amex, Stripe)
- ✓ FAQ Preview section (3 expandable questions)
- ✓ Final CTA section with Get Started + Browse Courses buttons
- ○ PayPal payment Spec says "coming soon" - not implemented
Interactive Elements
Buttons
| Element | Component | Action | Status |
|---|---|---|---|
| FAQ accordion buttons (x3) | PricingPage | Toggle FAQ answer visibility | active |
| Earnings calculator sliders (x2) | PricingPage | Update calculated earnings | active |
Links
Navigation CTAs
| Element | Target | Status |
|---|---|---|
| "Browse Courses" button (For Students) | /courses | active |
| "Become a Teacher" button | /become-a-teacher | active |
| "Create a Course" button | /for-creators | active |
| "More questions? See all FAQs" link | /faq | active |
| "Get Started Free" button | /signup | active |
| "Browse Courses" button (Final CTA) | /courses | active |
Target Pages Status
| Target | Page Code | Status |
|---|---|---|
/courses | CBRO | Implemented |
/become-a-teacher | BTAT | PageSpecView |
/for-creators | FCRE | PageSpecView |
/faq | FAQP | Implemented |
/signup | SGUP | Implemented |
Verification Notes
Verified Components
- ✓
src/components/marketing/PricingPage.tsx
Screenshots
- 📷
PRIC-2026-01-08-19-08-55.png- Full page screenshot showing all sections
Notes
- • 2 target pages (BTAT, FCRE) are PageSpecView placeholders
- • Analytics events from original spec not implemented
- • Comparison section was a suggested feature that was implemented
Test Coverage
scripts/page-tests/test-PRIC.sh tests/pages/pricing.test.tsx ○ tests/components/marketing/PricingPage.test.tsx ✓ Discrepancies (Spec vs Implementation)
As of 2026-01-08
Planned but Not Implemented
| Feature | Original Spec | Status | Priority |
|---|---|---|---|
| PayPal payment | PayPal (coming soon) in Payment Methods section | Not implemented | Low - marked as coming soon |
| Receipts and invoices mention | Listed in Payment Methods section | Not mentioned on page | Low - minor omission |
| Analytics: page_view event | Track page load with source, referrer | Not implemented | Medium |
| Analytics: calculator_used event | Track earnings calculator interaction | Not implemented | Medium |
| Analytics: cta_click event | Track CTA clicks with destination info | Not implemented | Medium |
Implemented Differently
| Feature | Original Spec | Reality | Note |
|---|---|---|---|
| Comparison to traditional tutoring | Listed in notes as a suggestion | Fully implemented as a dedicated section | Improvement - implemented beyond spec |
Removed from Spec
| Feature | Reason |
|---|---|
| sampleContent section | Content is hardcoded in component, sampleContent was for planning only |
Simple, Transparent Pricing
No subscriptions. No hidden fees. Just pay for what you use.
For Students
Pay once for course access, then book sessions as you need them.
For Student-Teachers
Start teaching for free and keep most of what you earn.
Calculate Your Earnings
For Course Creators
Create once, earn forever. No upfront costs, just ongoing royalties.
Example: Course with 100 Students
How the Money Flows
Every tutoring session is split three ways:
This model ensures everyone benefits: tutors earn well, creators get ongoing royalties, and the platform can sustainably operate.
Compare to Traditional Tutoring
Quality 1-on-1 instruction at a fraction of the cost.
Our Guarantees
Your satisfaction is our priority.
14-Day Money Back
Not satisfied with a course? Get a full refund within 14 days, no questions asked.
Session Quality Promise
If a tutoring session doesn't meet expectations, we'll credit your account or arrange a session with a different tutor.
Secure Payments
All transactions are processed securely through Stripe. We never store your card details.
Accepted Payment Methods
Ready to Get Started?
Join thousands of learners and teachers on Peerloop. No subscription required.