# AI UI generation prompt — BF Tutors agency v2 Create a coherent mobile UI system for Brilliant Futurity (BF Tutors), an India-wide agency that provides HOME TUITION ONLY. Teachers visit the student's home. Do not create an online tuition marketplace or allow tutors to set student package prices. Deliver separate editable mobile screens, linked prototype and individual image exports if your design tool supports them. Use 390px and 430px mobile widths with scrolling, safe areas, consistent accessible controls, off-white background, navy text, indigo actions and restrained cards. Follow each provided HTML page as content guidance, not a complete backend implementation. ## Confirmed business requirements - Parent/student login with mobile OTP; save class, board, school subjects, tuition address and timing. - All-subject tuition appropriate to the student's class. Never claim every tutor can teach all subjects at every level: agency verifies the requested set against tutor qualifications and coverage. - Match home-visiting tutors around the saved tuition address: default 5 km, expansion to 10/15 km. Use service coverage and class/subject suitability as well as distance. No online fallback; offer agency-assisted matching when none are available. - Student packages have four named tiers: Lower, Middle, Upper, Premium. Duration choices are 6 months, 1 year, 2 years, 4 years. Keep tier and duration as separate selections. Admin determines valid combinations. - Package class mappings, benefits, class frequency, session duration, prices, taxes, payment instalments, policies and renewal terms are NOT supplied. Do not invent them or treat missing prices as free. Show quote pending and disable payment until a valid agreed quote exists. - Student and authorised admin see the student's package tier, duration, price and payments. Tutor must NOT see any of these commercial fields. - Tutor self-onboards using own location and service area, qualification, supported classes/boards/subjects and availability. Registration fee is charged according to admin configuration. ₹900/₹1,400 were examples, not confirmed amounts or rules. Show the actual applicable fee and policy before real payment. - Registration fee payment does not guarantee approval, a job or student assignments. Agency verification precedes active assignments. - Tutor sees necessary operational student requirements, locality, confirmed schedule and teaching instructions. Exact address/contact only after assignment confirmation. The tutor does not see student contract duration or package payments. - Agency can manage requirements, verify tutors, configure packages, quote students and assign suitable local tutors. Separate tutor registration revenue from student package receipts. ## Recommended workflow assumptions Student chooses a preferred tutor and package, then admin confirms tutor availability, all-subject coverage, quote, schedule and assignment. Payment timing is agency-defined. No mandatory demo or paid trial until BF defines a trial policy. Do not promise nationwide immediate coverage just because the agency operates across India. ## State and implementation requirements Include loading, offline, invalid OTP, denied location/manual pin, no tutors at 5/10/15 km, incomplete quotes, payment processing/success/failure, tutor verification pending/rejected, assignment accepted/declined/alternate slot, tutor replacement, package renewal and support states in a full implementation. Static HTML pack contains representative states only. Persist selected tier/duration, mode fixed to home, address, subjects and assigned schedule consistently. For minors use appropriate guardian consent and contact. Terms/privacy and cancellation policies require actual business content. ## Navigation Student: Home, Find Tutors, My Classes, Profile. Package/payment detail under student account. Tutor: Home, Assignments, Classes, Profile. Admin: dedicated role-protected workspace; no student switch into admin. Prototype catalogue is for designers only, not production navigation. ## Privacy Enforce role access in backend serializers, queries and exports, not only frontend visibility. Do not put student package data into tutor payloads or notifications. The included ACCESS-RULES.md is authoritative for this design. ## Individual screens ### 01-welcome — Welcome Heading: Learning at your doorstep. Purpose: Brilliant Futurity · Home tuition across India Content: B F I’m a parent / student → I’m a tutor → Tutors visit the student’s tuition address. Service depends on tutor availability in the selected area. ### s01-login — Student Heading: Welcome to Brilliant Futurity. Purpose: Sign in or create a parent / student account. Content: Mobile number Send OTP — preview → Production: consent and actual Terms / Privacy links are required. No SMS is sent here. ### s02-otp — Student Heading: Verify your mobile. Purpose: Enter the code sent to your phone. Content: Verify & continue → ### s03-requirement — Student Heading: Tell us about the learner. Purpose: We’ll match a home tutor to the student’s class and subjects. Content: Student name Parent / guardian name Class Class 8 Primary class Secondary class Other Board CBSE ICSE State board Other All-subject tuition Include all subjects needed for this student’s class. Admin verifies tutor coverage before assignment. Subjects / syllabus details Continue → ### s04-location — Student Heading: Where should your tutor visit? Purpose: Home tuition only. Use the student’s actual tuition address. Content: State City / district Locality & PIN code Tuition address Set location pin Preferred time Evening Morning Afternoon Flexible Explore home tutors → ### s05-home — Student Heading: Find your home tutor. Purpose: Your saved requirement is ready. Content: TUITION REQUIREMENT Class 8 · CBSE · All required school subjects Home tuition · Kadru, Ranchi · Evening Edit requirement → Nearby tutors See all 5 km 10 km 15 km PS Priya Sharma Agency-approved tutor · Sample Class 8 · Maths, Science, English, Hindi & Social Science 2.4 km away Home visits View tutor profile → Choose your learning package Lower · Middle · Upper · Premium 6 months · 1 year · 2 years · 4 years Explore packages → View my request → ### s06-search — Student Heading: Tutors in your area. Purpose: Matches must cover your class, subjects and home-visit location. Content: 5 km 10 km 15 km PS Priya Sharma Agency-approved tutor · Sample Class 8 · Maths, Science, English, Hindi & Social Science 2.4 km away Home visits View tutor profile → Preview no tutors nearby → ### s06b-empty — Student Heading: Let’s find the right local tutor. Purpose: No suitable tutor in the selected radius. Content: Expand your search area Try 10 km, then 15 km. If none match, BF can review your area requirement. Search within 10 km — preview → Search within 15 km — preview → Request agency assistance → No online tuition alternative. Do not promise coverage until a tutor is available. ### s07-tutor — Student Heading: Meet your preferred tutor. Purpose: Tutor example · Approval and availability verified by BF Content: PS Priya Sharma Home tuition · Kadru and nearby areas Class 8 · CBSE · Required school subjects Evening availability · 2.4 km away All-subject coverage Maths, Science, English, Hindi and Social Science for the requested class. BF confirms syllabus fit before assignment. Choose this tutor → This records a preference. BF confirms the final assignment. No independent tutor-set student fee is shown. ### s08-packages — Student Heading: Choose your BF package. Purpose: Compare the package options configured by the agency. Content: Lower View duration and agency-approved details Middle View duration and agency-approved details Upper View duration and agency-approved details Premium View duration and agency-approved details Details before you decide Eligibility, class frequency, session length, included services and price must come from BF’s approved package catalogue. Choose duration → Tier names are provided; benefits and prices have not yet been defined. Selection controls are visual only. ### s09-duration — Student Heading: How long would you like support? Purpose: Select the duration of your agency package. Content: Lower · illustrative selection 6 months Availability and terms set by BF 1 year Availability and terms set by BF 2 years Availability and terms set by BF 4 years Availability and terms set by BF Review package details → ### s10-review — Student Heading: Review your tuition request. Purpose: Package information is visible to you and authorised BF admins. Content: TUITION REQUIREMENT Class 8 · CBSE · All required school subjects Home tuition · Kadru, Ranchi · Evening Edit requirement → Lower · 6 months Preferred tutor: Priya Sharma Schedule: to be agreed Package price: awaiting BF quote Instalments / payment terms: to be confirmed Before accepting, review class coverage, attendance rules, holidays, tutor replacement, duration, cancellation and refund terms supplied by BF. Submit for agency confirmation → ### s13-status — Student Heading: BF is reviewing your request. Purpose: Your preference is saved; tuition is not confirmed yet. Content: Agency review pending Request BF-10284 BF checks tutor subject coverage, service area and availability, then confirms package terms and the next step. Request received Tutor availability checked Quote and schedule confirmed Payment according to agreed terms Tuition starts Preview agency quote → Back home → ### s14-quote — Student Heading: Review the agency’s offer. Purpose: Illustrative quote layout — amount not supplied yet. Content: Lower · 6 months All agreed school subjects · Home tuition Assigned tutor: awaiting confirmation Class schedule: awaiting agreement Package total Admin-set price Payment schedule and tax breakdown appear here. Production must show a numeric quote, actual start/end dates, approved inclusions and policies before enabling acceptance/payment. Awaiting complete quote Preview payment layout → ### s15-payment — Student Heading: Your BF package payment. Purpose: Student-to-agency checkout layout. Content: Lower · 6 months Quote ID, payment due, total, taxes and instalment schedule must be loaded from the approved quote. Quote incomplete — payment disabled Pay after quote confirmation Preview confirmed tuition → No payment is collected. Payment timing and gateway depend on BF policy. ### s16-active — Student Heading: Your learning continues. Purpose: Active tuition example Content: NEXT HOME CLASS All-subject tuition Assigned tutor · Priya Sharma Agreed date, time and student address View classes → Your package Lower · 6 months Start date, expiry, payment status and remaining entitlement appear here. Package & payments → Request support / tutor replacement → ### s17-classes — Student Heading: Your home classes. Purpose: Attendance and schedule for your assigned tutor. Content: Upcoming Completed Requests Home tuition with Priya Agreed subjects and class schedule Scheduled · sample Request a schedule change → ### s18-package — Student Heading: Your package & payments. Purpose: Private to the student account and authorised admins. Content: Lower · 6 months Contract dates and confirmed entitlements Approved package price and payment ledger Receipts / invoices and outstanding amounts Never send this information in tutor API responses or tutor notifications. Ask about renewal → ### s19-support — Student Heading: How can BF help? Purpose: Support for your home tuition. Content: Reason Find a tutor in my area Schedule change Tutor replacement Package / payment Other Your message Submit request ### s20-profile — Student Heading: Student profile. Purpose: Manage your tuition information. Content: Student & guardian details → Tuition address → My package → Help & support → Sign out — preview → ### t01-login — Tutor Heading: Teach in your own area. Purpose: Join BF’s home-tutor network. Content: Mobile number OTP verification — preview → Registration is subject to BF approval. Paying a registration fee does not guarantee student assignments. ### t01b-otp — Tutor Heading: Verify tutor mobile. Purpose: Enter the code sent to your phone. Content: Verify & continue → ### t02-profile — Tutor Heading: Introduce yourself. Purpose: Help BF assess your teaching suitability. Content: Full name Qualification Teaching experience Classes and boards taught Subjects you can teach All-subject readiness BF checks whether you cover every required subject for an assigned student’s class. Documents Set service area → ### t03-area — Tutor Heading: Where can you travel to teach? Purpose: Students are assigned within your approved service area. Content: State / city Home locality / PIN Travel radius 5 km 10 km 15 km Available days and times Review registration fee → ### t04-fee — Tutor Heading: Tutor registration. Purpose: Review the applicable onboarding fee before payment. Content: Fee set by BF Your applicable amount, taxes, eligibility and refund terms will be shown here. Fee not configured in this prototype ₹900 and ₹1,400 were mentioned as examples; the rule for which fee applies is not confirmed. Do not treat them as selectable tiers or fixed prices. Payment unavailable until fee is configured Preview fee-paid application → ### t05-review — Tutor Heading: Your application is under review. Purpose: Fee-paid state example · not a real receipt. Content: Verification pending BF reviews your application Qualifications, subject coverage, location and documents are checked before activation. Preview approved dashboard → ### t06-home — Tutor Heading: Ready to teach nearby? Purpose: Tutor dashboard · service area: Kadru, Ranchi Content: Profile approved · sample Service radius: 5 km Keep your availability up to date to receive suitable student assignments. New assignment Class 8 · CBSE · All required school subjects Kadru · 2.4 km · Evening preference Review assignment → Update service area → ### t07-assignment — Tutor Heading: A student near you needs support. Purpose: Accept only if you can meet the teaching requirements. Content: Class 8 · CBSE Subjects: Maths, Science, English, Hindi, Social Science Area: Kadru · 2.4 km Proposed days / time: provided by BF Teaching instructions: provided by BF Accept availability request → Suggest another time Decline assignment Exact address and authorised contact are released only after assignment is confirmed. No student commercial information is included. ### t08-classes — Tutor Heading: Your assigned classes. Purpose: BF confirms the schedule after your acceptance. Content: Aarav · Class 8 Agreed subjects · Home tuition Confirmed date / time and authorised address Mark attendance Class update Submit class update ### a01-overview — Admin Heading: Agency operations. Purpose: Admin-only workspace overview. Content: Student requirements Review requests, preferred tutors and area coverage. Review student & assignment → Package catalogue Lower · Middle · Upper · Premium Manage packages → Tutor onboarding fees → Admin screens here are compact handoff concepts, not a complete operational admin system. ### a02-packages — Admin Heading: Package catalogue. Purpose: Configure eligibility and pricing independently. Content: Package tier Lower Middle Upper Premium Duration 6 months 1 year 2 years 4 years Eligibility / class coverage Subjects and inclusions Class frequency / session length Price and tax rules Instalments / cancellation / renewal Save package configuration Do not infer that Lower/Middle/Upper represent specific school classes until BF defines the mapping. ### a03-assignment — Admin Heading: Student request & tutor matching. Purpose: Admin can access student package and commercial details. Content: TUITION REQUIREMENT Class 8 · CBSE · All required school subjects Home tuition · Kadru, Ranchi · Evening Edit requirement → Student package Lower · 6 months · Quote pending Student payment status and ledger Preferred tutor: Priya Check subject coverage, service area, approval and availability. Dispatch only class, subjects, agreed schedule and necessary operational details to the tutor. Request tutor availability Prepare student quote ### a04-fees — Admin Heading: Tutor onboarding fees. Purpose: Configure the rule before accepting tutor payments. Content: Applicable tutor segment / rule Registration fee Refund and approval conditions Save fee rule ₹900 / ₹1,400 are examples from the owner, not confirmed pricing. Tutor registration receipts are separate from student package records. # V3 overrides: attendance, homes and tab screens Follow ATTENDANCE-SPEC.md and ACCESS-RULES.md. Do not add self-mark attendance. Parent/student tabs: Home, Find Tutors, My Classes, Attendance, Profile. Tutor tabs: Home, Students, Classes, Attendance, Profile. A learner-only account must not get the guardian OTP authority by default. Demo Student screens represent an authorised parent-managed account. Use a map with clearly labelled home/tutor/student pins and automatic zone badge. Show uncertainty and missing location honestly. Show expired/wrong/reused OTP, attempt limit, zone mismatch, parent away, admin pending/approved/rejected, paired success and audit states. Keep student commercial package data out of tutor/zone-admin attendance UI. ## s16-active — Student Good evening, Aarav. ⌖ Kadru · Zone RNC-04 Detected service zone · example TODAY’S HOME CLASS 6:00 PM Let’s keep learning. PS Priya Sharma All-subject home tutor ✓ Maths, Science & agreed school subjects Open today’s class → Action needed Your tutor is requesting attendance. Confirm the student and tutor are together before sharing an OTP. Review attendance request → 2 Verified sessions · sample 1 Pending verification Your learning package Details → Lower · 6 months · student-private Help with your tuition → ## s17-classes — Student My classes. Upcoming Attendance Requests MONDAY, 12 OCTOBER 6:00–7:00 PM PS Priya Sharma All-subject home tutor ✓ Attendance requested Open class → WEDNESDAY, 14 OCTOBER Next home tuition 6:00 PM · Agreed subjects Scheduled Request schedule change → ## s21-session — Student Today’s home class. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned ⌖ Kadru · Zone RNC-04 Detected service zone · example Not marked yet Tutor arrival request received Review the locations and confirm both tutor and student are present. Verify location & attendance → View learning updates → Report a problem → ## s22-location — Student Check before you confirm. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned H T S Illustrative location map · not live GPS H · Tuition address T · Tutor S · Student device ⌖ Kadru · Zone RNC-04 Detected service zone · example Tutor → tuition address 28 m · sample Student device At tuition address Accuracy: ±12 m · captured just now (fixture) Sample checks passed Production checks fresh tutor and student-device locations against the tuition address and assigned service zone. I confirm the student and tutor are physically present together for this session. Generate parent OTP → I am away / cannot verify presence → Preview location issue → ## s23-otp — Student Share only with your tutor. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned PARENT ATTENDANCE OTP Not generated Generate from the attendance request. Single use for BF-S1042. Never share a login or payment OTP here. Demo: switch to tutor OTP entry → Generate a fresh code → See attendance status → ## s24-away — Student Not at home? Ask the tutor to request zone verification. The assigned zone admin reviews the request, student presence and tutor location before issuing an attendance OTP. Until that code is verified, both attendance records remain pending. Demo: tutor requests zone admin → Back to class → ## s25-attendance — Student Attendance. This month Session detail Current demo session: not verified yet. ILLUSTRATIVE HISTORY ✓ 12 October · 6:00 PM Presence verified · Parent OTP ✓ 10 October · 6:00 PM Presence verified · Zone admin OTP ◷ 8 October · 6:00 PM Awaiting verification · Not present yet Open latest session record → Raise a correction request → ## s26-location-issue — Student Location needs another check. Zone / GPS check unresolved We couldn’t confirm the session location. Check location permission, GPS accuracy and whether the student device is actually at the tuition address. Matching only the same zone is not enough to prove co-location. Retry location check — demo → Request zone admin review → ## s27-progress — Student Class learning updates. SAMPLE CLASS NOTE Fractions & revision Reviewed equivalent fractions and practice questions. Homework: revise examples discussed in class. Class completion and duration are recorded separately; entering an OTP does not prove a full class took place. ## s28-record — Student One session. Two attendance records. No verified record yet. Complete the demo OTP flow. How this record is created One verified event updates student and tutor attendance together. The confirmation source is recorded as Parent OTP or Zone admin OTP. Back to attendance → ## s20-profile — Student Your account. AK Aarav Kumar Class 8 · CBSE Student & guardian details → Tuition address & zone → My package & payments → Learning updates → Help & attendance corrections → Sign out — preview → ## t06-home — Tutor Hello, Priya. ⌖ Kadru · Zone RNC-04 Detected service zone · example 2 Classes today · sample 1 New assignment NEXT STUDENT VISIT Aarav Kumar Class 8 · CBSE · All agreed subjects 6:00 PM · Kadru, Ranchi Open class & attendance → New opportunity nearby Review the student’s learning requirements and your availability. View assignment → My attendance history → ## t09-students — Tutor My students. AK Aarav Kumar Class 8 · CBSE · Kadru Maths, Science, English, Hindi & Social Science Open assigned class → New assignment requests → Only assigned student information is available. Student package and pricing are excluded. ## t08-classes — Tutor My classes. Today Attendance 12 OCTOBER · 6:00 PM Aarav Kumar Home tuition · 60 minutes planned Attendance not verified Start attendance verification → Write class update → ## t10-session — Tutor At the tuition address? SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned ⌖ Kadru · Zone RNC-04 Detected service zone · example Before requesting attendance Be at the student’s agreed tuition address. Share your current location for this session and ask the parent to confirm student presence. Share session location — demo → Real location sharing must be consent-based and session-scoped. This demo does not access GPS. ## t11-location — Tutor Your session location. H T S Illustrative location map · not live GPS H · Tuition address T · Tutor S · Student device ⌖ Kadru · Zone RNC-04 Detected service zone · example Tutor → tuition address 28 m · sample Student device At tuition address Accuracy: ±12 m · captured just now (fixture) Location matched · fixture Parent verifies presence next A session-bound OTP will be generated in the parent account after they review the request. Request parent verification — demo → I have the parent OTP → Parent unavailable / device missing → Preview mismatched location → ## t11b-mismatch — Tutor Location not verified. Checks unresolved Outside the session location Zone RNC-05 detected; session assigned to RNC-04. GPS accuracy or address pin may need review. Retry current location — demo → Request assigned-zone review → No silent change of zone. Admin must investigate mismatched, stale or inaccurate locations. ## t12-otp — Tutor Enter the attendance OTP. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned 6-digit attendance OTP Verify & mark both attendance → Only a valid, unexpired and unused demo code issued through parent or admin flow is accepted. Parent unavailable? Request zone admin → Demo: open parent verification → ## t13-fallback — Tutor Request zone admin verification. ⌖ Kadru · Zone RNC-04 Detected service zone · example Reason Parent is not at home Student has no location-enabled device GPS / zone mismatch Parent phone unavailable Explain the situation Evidence sent for review Tutor session location, accuracy and time; assigned tuition address; student location if available; attendance request ID and reason. Missing student GPS is explicitly labelled unavailable. Send zone verification request → ## t14-pending — Tutor Waiting for zone verification. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned ⌖ Kadru · Zone RNC-04 Detected service zone · example Zone admin review pending Your assigned admin will review The admin must verify student presence and the location evidence. An approved OTP can then be shared with you. Enter admin-provided OTP → Demo: open zone admin review → Preview request rejected → ## t15-success — Tutor Attendance verification result. No verified event yet. Complete OTP verification first. View attendance → Record teaching update → This confirms presence only. It does not mark the entire lesson completed or calculate tutor payment. ## t16-attendance — Tutor My attendance. Current session pending. SAMPLE HISTORY ✓ 12 October · 6:00 PM Presence verified · Parent OTP ✓ 10 October · 6:00 PM Presence verified · Zone admin OTP ◷ 8 October · 6:00 PM Awaiting verification · Not present yet View current session record → Raise a correction → ## t17-rejected — Tutor Verification wasn’t approved. Review rejected · example Student presence could not be confirmed Review the admin’s reason and submit fresh evidence. Do not reuse an earlier code. Submit a fresh review request → Contact support → ## t18-update — Tutor Share a learning update. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned Topics covered Homework / next steps Submit class update Production records actual teaching start/end and completion separately under BF policy. ## t19-profile — Tutor Tutor profile. PS Priya Sharma All-subject home tutor ✓ Qualifications & subjects → Service area & availability → My registration receipt → Assigned zone & support → Sign out — preview → ## t20-support — Tutor Tutor support. ⌖ Kadru · Zone RNC-04 Detected service zone · example Issue Attendance correction Service-zone issue Student visit / schedule Registration fee Message Send support request ## t21-receipt — Tutor Your registration payment. Registration payment record Admin-configured fee, payment reference and receipt date appear here after verified payment. No real transaction in prototype Student package invoices and fees are never shown on this screen. ## z01-home — Zone Admin Zone verification desk. ⌖ Kadru · Zone RNC-04 Detected service zone · example Attendance review requested BF-S1042 · Aarav / Priya Parent unavailable · Student location may be missing Review location & evidence → Attendance audit → ## z02-review — Zone Admin Review before issuing a code. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned H T Illustrative location map · not live GPS H · Tuition address T · Tutor S · Student device ⌖ Kadru · Zone RNC-04 Detected service zone · example Tutor → tuition address 28 m · sample Student device Unavailable Accuracy: ±12 m · captured just now (fixture) Fallback reason Parent unavailable — student device location not confirmed. Presence verification Use an authorised check with the guardian/student or agency-approved evidence. Missing GPS must remain labelled missing. Review note I have reviewed the location exception and verified student and tutor presence for this session. Approve & issue attendance OTP → Reject request → ## z03-code — Zone Admin Zone admin attendance OTP. SESSION BF-S1042 Aarav Kumar · Class 8 Priya Sharma · Home tuition 12 Oct · 6:00 PM 60 min planned ZONE ADMIN CODE Not issued Approval required first. Bound to the reviewed session and source. Issuing this code alone does not mark attendance. Demo: tutor enters admin OTP → View audit record → ## z04-reject — Zone Admin Reject this verification request. Reason Reject request → Return to review → ## z05-audit — Zone Admin Attendance audit. No demo events yet. No paired attendance yet. Production audit keeps request, reviewer, reason, zone, timestamps and verification source; never stores raw OTPs in logs.