Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web platform for "Athira: Center for Cancer and Blood Disorders" designed to facilitate online video consultations and manage patient accounts. The primary purpose is to allow users to easily book and pay for consultations, access their medical information, and learn about various cancer types through an interactive experience.

## CORE FEATURES
1. **Online Consultation Booking**: Users can book video consultations through the Daily.co API, selecting from available time slots with different pricing tiers.
2. **Patient Accounts**: Patients can create accounts to view and manage their prescriptions and appointments, ensuring they have easy access to their medical history.
3. **Interactive 3D Body Model**: A visually engaging 3D representation of the human body that users can interact with to learn about different cancer types, with clickable body parts revealing detailed information.
4. **Admin Dashboard**: A secured area for doctors to manage their availability, review patient reports, and issue personalized prescriptions.
5. **Subdomains for Specialized Services**: Sections for oncology, hematology, diagnostics, tumor boards, and pharmacy, with highlighted key terms for SEO and user focus.
6. **Dynamic Visuals**: The site will evolve visually as users scroll, including color changes and smooth transitions to enhance user engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The layout will feature a prominent hero section for booking consultations at the top, followed by interactive features and information sections, with a unique navigation bar allowing easy access to all subdomains.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Redux for managing user and appointment data.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and Tailwind CSS.
2. **Create UI Components**: Develop reusable UI components such as buttons, forms, and cards using shadcn/ui for consistent styling.
3. **Implement Routing**: Set up React Router to handle navigation between the main site and subdomains.
4. **Integrate APIs**: Connect to Daily.co for video consultations and Rupay for payment processing.
5. **Develop Interactive 3D Model**: Use a library like Three.js to create an interactive 3D body model with clickable parts.
6. **Build Patient and Admin Dashboards**: Create separate views for patients and doctors, implementing authentication and data management functionalities.
7. **Design Dynamic Elements**: Implement smooth transitions and visual changes as users scroll through the site, enhancing engagement.
8. **Test and Optimize**: Conduct thorough testing for usability, accessibility, and performance; optimize based on user feedback.

## USER EXPERIENCE
The user experience will focus on simplicity and engagement. Patients will be greeted with a clear call to action to book consultations directly from the hero section. Navigation will be intuitive with easy access to various subdomains. The interactive body model will provide an educational aspect, allowing users to click on body parts and receive instant information, with the option to delve deeper into detailed articles. The overall flow will be seamless, enhancing user satisfaction and encouraging return visits.