Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves updating an existing corporate website, enhancing its user experience (UX) and user interface (UI) while preserving its essence and color palette. The goal is to create a modern, minimalist website that is visually appealing and functional, integrating a WhatsApp button for easy communication and a direct link to Asana for ticket management.

## CORE FEATURES
1. **Hero Section**: A prominent hero area showcasing the company's brand message with a clear call-to-action (CTA) to engage visitors.
2. **WhatsApp Button**: A floating action button that allows users to quickly contact the company via WhatsApp for immediate support.
3. **Asana Menu Access**: Integration of a menu link that directs users to Asana, enabling easy access to the ticket management system.
4. **About Us Section**: A brief overview of the company's mission and values, maintaining the existing content while improving readability and layout.
5. **Services Offered**: A section highlighting the key services provided by the company, designed to be visually appealing and informative.
6. **Contact Information**: A simplified contact section with essential details and a contact form for inquiries.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a fresh look.
- **Layout**: A single-page layout with distinct sections for the hero, services, about, and contact, ensuring smooth scrolling and easy navigation.
- **Typography**: Use modern sans-serif fonts like Roboto or Open Sans for body text, with larger, bold headings to establish a clear hierarchy and improve legibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and type-safe development.
- **Styling**: Tailwind CSS for utility-first styling, enabling quick and responsive design implementations.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Consider using React's Context API if needed for handling state across components.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Develop the basic layout using React components, including the hero section, services, about, and contact sections.
3. **Integrate WhatsApp Button**: Add a floating action button that links to the WhatsApp API for quick access.
4. **Asana Menu Link**: Implement a menu item that directs users to the Asana platform.
5. **Style Components**: Use Tailwind CSS classes to apply the minimalist design principles, ensuring responsiveness across devices.
6. **Test Functionality**: Verify that all interactive elements function correctly, including the WhatsApp button and Asana link.

## USER EXPERIENCE
Key user interactions will include clear navigation through the menu, easy access to the WhatsApp button for real-time communication, and seamless access to Asana for ticket management. The website will focus on providing a smooth and engaging experience, with fast load times and intuitive scrolling, ensuring that users can find the information they need effortlessly. The overall design will prioritize simplicity, making it easy for users to navigate and interact with the content.