Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
NEXORA STUDIO is a comprehensive web application designed to serve as an agency for creating professional showcase websites, enterprise sites, and custom web solutions. The application will feature user authentication, a user dashboard, and an admin dashboard, all aimed at providing a seamless experience for users to submit requests, manage accounts, and interact with the agency.

# CORE FEATURES
1. **User Authentication**: Users can create accounts or log in securely using JWT or session-based authentication. Admins will have pre-created accounts for management purposes.
2. **Service Requests**: Users can submit detailed requests for their website needs, which will be stored in a database for admin review and approval.
3. **User Dashboard**: Users can manage their profiles, view their requests, submit reviews, and receive messages from the admin.
4. **Admin Dashboard**: Admins can manage incoming requests, review user submissions, send messages, and handle user reviews.
5. **Review Management**: Users can submit reviews that will be displayed after admin approval, enhancing transparency and trust.
6. **Analytics Dashboard**: Admins can access site analytics, including request counts, user statistics, and general site usage metrics.

# DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will be clean and simple, emphasizing usability with adequate white space and a focus on typography.
- **Color Mode**: Dark mode with a black, white, and gray color scheme to create a premium feel.
- **Layout**: The layout will feature a staggered and fragmented text effect for emphasis, with smooth animations for transitions and scroll-based reveals.
- **Typography**: Use modern sans-serif fonts for headers and body text, ensuring a clear hierarchy with larger font sizes for headings and smaller for body text.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable frontend.
- **Styling**: Tailwind CSS for utility-first styling that promotes responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Use React Context API or Redux if complex state management is needed.

# IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React app with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Authentication Module**: Implement user authentication using JWT, allowing users to register, login, and manage their accounts.
3. **Develop User Dashboard**: Create components for user profile management, request submission, reviews, and messaging features.
4. **Build Admin Dashboard**: Create a separate dashboard for admin functionalities, including request management, review approval, and analytics.
5. **Design UI Components**: Utilize Tailwind CSS to style components, ensuring a consistent minimalist design across the application.
6. **Implement Animations**: Use GSAP or Framer Motion for smooth transitions and animations to enhance user interactions.
7. **Test Responsiveness**: Ensure the application is responsive across various devices and screen sizes.

# USER EXPERIENCE
Users will interact with the application by first creating an account or logging in. They will then navigate to their dashboard, where they can submit new requests, view the status of previous requests, add reviews, and check their messages. Admins will have a streamlined experience with easy access to manage requests, communicate with users, and analyze site performance. Emphasis will be placed on smooth transitions and interactive hover effects to maintain a premium feel throughout the application.