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.

Landing
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

System Requirements Document (SRD)

Project Name: divine-website

1. Introduction

The divine-website is a futuristic, full-stack SaaS platform designed to provide AI-powered career guidance. Developed for AI Creator Hub, this platform aims to deliver an ultra-premium, modern, and clean user experience tailored to users in India (IN). The website will feature advanced AI capabilities, a robust payment system, and a referral program, all wrapped in a responsive, app-like interface.

2. System Overview

The divine-website will serve as a career guidance platform powered by AI, offering users personalized career recommendations based on their age, interests, and income goals. The system will include:

  • AI Career Generator: Provides career options, step-by-step roadmaps, and actionable plans.
  • Authentication System: Ensures secure access with email verification and OTP validation.
  • Payment System: Manual approval flow for plan purchases.
  • Referral System: Incentivizes users to invite others with discounts.
  • Admin Panel: Hidden and secure access for managing payments, users, and system settings.

The platform will be scalable, production-ready, and optimized for real-world use.

3. Functional Requirements

Page 2 of 5

User Stories

  • As a User, I should be able to sign up and log in using email and password.
  • As a User, I should receive OTP verification during signup.
  • As a User, I should be redirected to the login page if I am not logged in.
  • As a User, I should be able to input my age, interests, and income goals to generate career recommendations.
  • As a User, I should see a step-by-step roadmap, skills to learn, and a 30-day action plan for my career.
  • As a Free User, I should be able to generate one career recommendation.
  • As a Paid User, I should be able to generate up to five career recommendations.
  • As a User, I should be able to purchase a plan for β‚Ή99 using manual payment methods.
  • As a User, I should upload a payment screenshot for verification.
  • As a User, I should receive a notification once my payment is approved or rejected.
  • As a User, I should be able to view my remaining generations, current plan, referral earnings, discount applied, and payment status on the dashboard.
  • As a User, I should receive a unique referral link to invite others.
  • As a User, I should get a 5% discount for each successful referral.
  • As an Admin, I should be able to view all payment requests with user details and screenshots.
  • As an Admin, I should be able to approve or reject payment requests.
  • As an Admin, I should be able to update bank details, UPI ID, QR code, and contact information.
  • As an Admin, I should be able to view and download payment history filtered by date range.
  • As an Admin, I should be able to view total users, traffic, earnings, and referrals.

4. User Personas

1. User

  • Description: Regular users seeking career guidance.
  • Goals: Generate career recommendations, purchase plans, and earn referral discounts.
  • Access: Dashboard, AI Career Generator, Referral System, Payment System.

2. Admin

  • Description: Platform administrators managing payments, users, and system settings.
  • Goals: Approve/reject payments, update system details, and monitor platform metrics.
  • Access: Admin Panel (hidden).

5. Visuals Colors and Theme

Page 3 of 5

Color Palette

The divine-website will feature a soft, futuristic gradient theme inspired by glassmorphism.

  • Background: #F8FAFF (Soft White)
  • Surface: #E3EAFD (Sky Blue Tint)
  • Text: #4A4E69 (Deep Slate Gray)
  • Accent: #A78BFA (Light Purple Glow)
  • Muted Tones: #D1D5DB (Neutral Gray)

6. Signature Design Concept

Interactive Glassmorphic Career Universe

The homepage will feature an interactive glassmorphic universe where users navigate through floating "career planets."

  • Visuals:

    • Each planet represents a career category (e.g., Tech, Arts, Business).
    • Planets glow softly and pulse with light gradients.
    • Hovering over a planet reveals a tooltip with a brief description.
  • Animations:

    • Smooth scroll animations as users explore the universe.
    • Clicking a planet zooms into its details, transitioning to the AI Career Generator page.
  • Micro-Interactions:

    • Buttons ripple on click.
    • Loading skeletons shimmer with gradient effects.
    • Background subtly shifts colors based on the time of day.

This concept ensures the homepage is unforgettable, engaging, and visually stunning.

Page 4 of 5

7. Non-Functional Requirements

  • Performance:

    • Ensure fast load times (<2 seconds).
    • Optimize for mobile-first responsiveness.
  • Security:

    • Implement IP restrictions and optional 2FA for admin panel access.
    • Block disposable email domains during signup.
  • Scalability:

    • Design backend to handle high traffic and concurrent users.
  • Reliability:

    • Ensure 99.9% uptime.

8. Tech Stack

Frontend

  • React (Web)
  • Tailwind CSS

Backend

  • Python
  • FastAPI

Database

  • MySQL (with Alembic for migrations)

AI Models

  • GPT 5.4 (User-friendly responses)

AI Tools

  • Langchain
  • Litellm
Page 5 of 5

Orchestration

  • Docker
  • Kubernetes

9. Assumptions and Constraints

Assumptions

  • Users will primarily access the platform via mobile devices.
  • Manual payment verification will remain the default process.
  • Referral discounts will stack up to β‚Ή99 per plan cycle.

Constraints

  • Admin panel must remain hidden and secure.
  • AI Career Generator will initially use structured mock outputs.

10. Glossary

  • AI Career Generator: The core feature providing career recommendations.
  • Glassmorphism: A design style featuring translucent surfaces and soft gradients.
  • OTP: One-Time Password for authentication.
  • Referral System: A program incentivizing users to invite others.
  • Manual Payment Verification: A process where users upload payment proof for admin approval.

This concludes the updated SRD for divine-website.

Landing design preview
Admin Login: Sign In
Admin Dashboard: View Metrics
Payments: Review Requests
Payments: Approve Payment
Payments: Reject Payment
Payment History: Filter Records
Payment History: Download PDF
Settings: Update Bank Details
Settings: Update Contact Info