Billing UX Walkthrough
Static demo of all Phase 1 + Phase 2 billing screens. Read-only — no real actions. For founder review only.
Preview mode. All data below is mock. Razorpay + Resend run in placeholder mode until LLP-level credentials are added. Buttons are visual only.
/membership/upgrade·Plan picker — logged-in member
Test mode (no Razorpay account yet) — Simulate payment?
Choose your plan
Monthly
Professional Member
₹100
All professional categories
Annual
Professional Member
₹900
Save ₹300 vs monthly
One-time
Aspirants — Starter
₹1,500
3-month access
One-time
Aspirants — Growth
₹3,000
6-month access
One-time
Aspirants — Pro
₹5,000
12-month + 1:1 review
Razorpay checkout overlay·Test mode simulation modal
⚡ Razorpay placeholder mode — no real charge
Pay ₹100.00
Professional Member — Monthly
UPI · 4111…1111 (mock)
Card · placeholder
/account/billing·Member portal — 3 tabs, paginated invoices
| Invoice # | Date | Plan | Amount | Status | |
|---|---|---|---|---|---|
| GTB-2026-000123 | 2026-05-15 | prof_member_monthly | ₹100 | paid | |
| GTB-2026-000098 | 2026-04-15 | prof_member_monthly | ₹100 | paid | |
| GTB-2026-CN-0007CN | 2026-04-20 | prof_member_monthly | ₹-100 | refunded |
Showing 1–3 of 3
Invoice PDF render (react-pdf)·PAYMENT RECEIPT vs TAX INVOICE — GST toggle effect
PAYMENT RECEIPT mode (GST OFF)
Gateway to Bollywood LLP
Registered office: Mumbai, MH, India
Payment Receipt
GTB-2026-000123
2026-05-15
Bill to
Priya Sharma · priya.s@example.com
Mumbai, MH
| Description | Amount |
|---|---|
| Professional Member — Monthly | ₹100.00 |
Total₹100.00
Pre-GST registration. Issued under Section 22, CGST Act — supplier not liable to register at current turnover.
TAX INVOICE mode (GST ON)
Gateway to Bollywood LLP
Registered office: Mumbai, MH, India
GSTIN: 27AAACG1234F1Z5
Tax Invoice
GTB-2026-000123
2026-05-15
Bill to
Priya Sharma · priya.s@example.com
Mumbai, MH
| Description | HSN | Amount |
|---|---|---|
| Professional Member — Monthly | 999293 | ₹84.75 |
Taxable value₹84.75
CGST @ 9%₹7.63
SGST @ 9%₹7.62
Total₹100.00
Tax invoice issued under CGST/SGST Act, 2017. Subject to Mumbai jurisdiction.
/admin/billing·Admin dashboard — KPIs, invoices, GST settings, refunds
Total Revenue (30d)
₹12,400
Invoices This Month
47
Active Subscriptions
29
Recent invoices
| Invoice # | Date | Member | Amount | Status | |
|---|---|---|---|---|---|
| GTB-2026-000123 | 2026-05-15 | priya.s@example.com | ₹100 | paid | |
| GTB-2026-000098 | 2026-04-15 | priya.s@example.com | ₹100 | paid | |
| GTB-2026-CN-0007CN | 2026-04-20 | priya.s@example.com | ₹-100 | refunded |
GST settings
Refunds
| Date | Amount | Reason | Status | Razorpay ref |
|---|---|---|---|---|
| 2026-04-20 | ₹100 | Duplicate charge — member error | processed | rfnd_mock_abc123 |
/admin/billing → Refund modal·Modal popped open
Refund invoice
GTB-2026-000123 · Total ₹100
Modal is shown inline above for the screenshot tour.