Create a FULL-STACK, production-ready, futuristic SaaS website named "Pathvo AI". This is an AI-powered career guidance platform. --- đ¯ DESIGN (VERY IMPORTANT): - UI must be ULTRA PREMIUM, MODERN, CLEAN - DO NOT use heavy dark/black theme - Use soft gradients: white, sky blue, light purple, glassmorphism - Add smooth animations: - scroll animations - hover effects - button ripple effects - loading skeletons - UI should feel like a MOBILE APP (app-like experience) - Fully responsive (mobile-first) --- đ PAGES REQUIRED: 1. Landing Page (high converting) 2. Login / Signup Page (modern UI) 3. Dashboard 4. AI Career Generator Page 5. Pricing Page 6. Referral Page 7. Profile Page 8. Contact Page 9. Payment Page 10. Admin Panel (hidden) --- đ AUTHENTICATION SYSTEM (ADVANCED): - Email + Password login/signup - MUST verify: - Email exists (real email validation) - Block temporary/disposable emails - Send OTP verification on signup - Only verified users can access dashboard - If not logged in â redirect to login --- đ§ CORE AI FEATURE: Input: - Age - Interest - Income Goal Output: - Best Career Option - Reason - Step-by-step roadmap - Skills to learn - 30-day action plan --- âī¸ USAGE LIMIT SYSTEM: - Free users â 1 generation - Paid users â 5 generations - After 5 â plan resets --- đ° PRICING SYSTEM: - Plan: âš99 --- đŗ PAYMENT FLOW (MANUAL APPROVAL SYSTEM): On clicking "Buy Plan": - Show: - UPI ID - QR Code - Bank Account Details - These details are controlled by Admin Panel User must: - Pay manually - Upload payment screenshot After upload: - Show message: "Your payment is under verification. Plan will be activated within a few hours." --- đ ADMIN PAYMENT CONTROL: - Admin sees all payment requests - Each request includes: - User name - Email - Payment screenshot - Date & time Admin can: - Approve â activates plan instantly - Reject â notify user On approval: - User gets message: "Your plan has been activated successfully" --- đ PAYMENT HISTORY SYSTEM: - Store ALL transactions permanently - Include: - User details - Payment status - Date & time - Admin can: - Filter by date range - Download full history as PDF --- đ REFERRAL SYSTEM: - Each user gets unique referral link - If someone signs up using link: - Referrer gets 5% discount - Unlimited referrals - Discount can reduce price up to âš0 - After plan use â reset to âš99 --- đ¤ USER DASHBOARD: Show: - Remaining generations - Current plan - Referral earnings - Discount applied - Payment status --- đŠ CONTACT SYSTEM: Display: - Founder name - Founder photo - Email - Phone number (All editable from Admin Panel) --- đ ADMIN PANEL (SECRET ACCESS): Route: /admin-login Login credentials: - Email: [email] - Password: Gajendra@007 (Admin panel must NOT be publicly visible) --- đ ADMIN FEATURES: - View all users - View total traffic - View total earnings - View referrals - Manage payments: - Approve / Reject - Update: - Bank details - UPI ID - QR code - Contact info - Founder info - View full payment history - Download history PDF (with date filter) --- đ DATABASE: Store: - Users - Auth status - Referrals - Payments - Plans - Generations used --- ⥠TECH STACK: Frontend: - Next.js / React - Tailwind CSS Backend: - Node.js / Firebase Database: - Firebase / Supabase Auth: - Firebase Auth (with email verification) --- đ¨ ANIMATION SYSTEM: - Smooth transitions - Floating elements - AI loading animation - Gradient moving backgrounds (light, not dark) --- đą MOBILE EXPERIENCE: - App-like UI - Bottom navigation - Smooth touch animations --- đ§ AI RESPONSE: - If no API â generate structured mock output --- đ¯ FINAL GOAL: - Must feel like a real startup product - Beautiful, fast, premium - Fully functional SaaS system - Ready for real users --- Build everything clean, scalable, and production-ready.
Sign in to leave a comment
The SRD will be automatically generated as you discuss your project with the Tech Lead Agent.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No user flows yet.
The User Flow Agent will generate per-persona navigation diagrams after SRD updates.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No user flows yet.
The User Flow Agent will generate per-persona navigation diagrams after SRD updates.
No comments yet. Be the first!