Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is an advanced presentation application designed for a university audience, showcasing an autonomous navigation system. The application will feature a clean, minimalist design, providing an engaging way to present complex technical information with a focus on clarity and visual appeal.

## CORE FEATURES
1. **Title Slide**: A captivating introduction slide that sets the tone for the presentation, featuring the project title and engaging visuals.
2. **Integrated System Architecture**: A high-level overview of the robot's integrated systems, utilizing diagrams and animations to illustrate key components.
3. **Technical Deep Dives**: Dedicated sections for various components (Arduino Uno, HC-SR04, L298N) that provide detailed analyses, including diagrams and technical specifications.
4. **Movement Analysis**: An interactive section that explains the BO motors and differential drive kinematics with dynamic visuals to illustrate movement.
5. **Energy Management Insights**: An in-depth analysis of the energy management system, highlighting voltage regulation and power supply with supporting graphics.
6. **Navigation Algorithms**: A detailed explanation of the left-hand rule and decision matrix optimization, complemented by visual aids to enhance understanding.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, emphasizing clarity and readability.
- **Color Mode**: Light theme with dark text on light backgrounds for optimal legibility.
- **Layout**: Each section of the presentation will be structured in a single-column format, with full-width visuals and text blocks for easy navigation. Smooth transitions will be used between sections to enhance engagement.
- **Typography**: Use sans-serif fonts like **Roboto** or **Open Sans** for headings and body text, maintaining a clear hierarchy with larger sizes for titles and smaller sizes for supporting text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and modern styling
- **UI Components**: Utilize `shadcn/ui` for consistent and reusable components
- **State Management**: React's built-in state management for handling presentation slides and transitions

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Create a new React project with TypeScript and install Tailwind CSS and `shadcn/ui`.
2. **Create Components**: Develop components for each section of the presentation, ensuring to include props for dynamic content and transitions.
3. **Implement Navigation**: Add a sidebar or top navigation to allow users to jump between sections smoothly.
4. **Design Each Slide**: Focus on creating visually appealing slides that incorporate diagrams, text, and animations as described in the core features.
5. **Test Transitions**: Ensure that transitions between slides are smooth and visually engaging, enhancing the overall presentation experience.
6. **Optimize for Responsiveness**: Test the application on various devices to ensure a seamless user experience across screen sizes.

## USER EXPERIENCE
Users will interact with the presentation by navigating through various sections seamlessly. Each section will include engaging visuals that complement the technical content, keeping the audience informed and interested. The minimalist design will ensure that the focus remains on the information presented, with intuitive navigation making it easy for users to explore the content.