Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to enhance the gaming experience by implementing a corpse death animation feature. When a player dies, a corpse is placed on the ground, and the player is transitioned into spectator mode for 5 seconds before respawning. The application integrates visually appealing sound and particle effects, along with a boss bar that displays a respawn timer, ensuring an immersive experience.

## CORE FEATURES
1. **Corpse Animation**: Upon player death, a realistic corpse is visually represented on the ground for a specified duration.
2. **Spectator Mode**: Players are automatically switched to spectator mode for 5 seconds, allowing them to observe the game environment without interference.
3. **Respawn Timer**: A boss bar is displayed, showcasing the countdown until respawn, using smooth progression for a polished look.
4. **Particle Effects**: Aesthetic particle effects enhance the visual appeal during the corpse animation and respawn process.
5. **Sound Effects**: Engaging sound effects are incorporated to complement the visual elements, enriching the overall experience.
6. **Automatic Cleanup**: The system automatically deletes the corpse and boss bar once the player respawns, maintaining a clean game environment.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on clear typography and user-friendly elements.
- **Color Mode**: Light theme with dark text on light backgrounds for enhanced readability and a modern aesthetic.
- **Layout**: A single-page layout featuring a prominent hero section at the top, followed by sections detailing core features, user testimonials, and a call-to-action (CTA) for engagement.
- **Typography**: Utilize a sans-serif font for headings (e.g., Helvetica or Arial) for a modern look, with a comfortable serif font for body text to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid UI development with a focus on responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context or Zustand for managing application state effectively, especially for the respawn timer.

## IMPLEMENTATION STEPS
1. **Set Up Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Integrate shadcn/ui components into your project.

2. **Create Core Components**:
   - Develop a `Corpse` component to visually represent the corpse on the ground.
   - Implement a `RespawnTimer` component that utilizes the boss bar to display the countdown.

3. **Integrate Game Logic**:
   - Set up a mechanism to trigger the corpse animation and spectator mode upon player death.
   - Implement sound and particle effects during the death and respawn process.

4. **Handle State Management**:
   - Use React Context or Zustand to manage the state of player status (alive, dead, respawning) and the countdown timer.

5. **Testing and Optimization**:
   - Ensure all animations and effects are functioning smoothly.
   - Optimize performance for responsiveness in various screen sizes.

## USER EXPERIENCE
Users will experience a seamless transition when they die within the game. The corpse will visually appear on the ground, accompanied by engaging sound effects and particle animations. The player will enter spectator mode, allowing them to explore the environment while the respawn timer is displayed via the boss bar. Once the timer concludes, the player will respawn, and the corpse along with the boss bar will be automatically cleared, providing a clean and intuitive user experience.