divine-website

byAI Creator Hub

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: aicreatorhubq@gmail.com - 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.