Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a professional landing page to showcase a range of IT services, including web and app development, computer repair, software installation, and more. The goal is to provide potential clients with a clear understanding of the services offered and facilitate easy contact for inquiries and service requests.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear value proposition and a call-to-action button directing users to contact or inquire about services.
2. **Service Offerings**: A dedicated section detailing each service provided, including web development, app creation, computer repair, software installation, and equipment importation, with brief descriptions.
3. **Testimonials Section**: A space to display customer testimonials that build trust and credibility for the services offered.
4. **Contact Form**: A simple form allowing users to enter their details and service inquiries directly, with an option to provide their phone number and email.
5. **Contact Information**: Prominently display the phone number (933232079) and email (maivaugusto@hotmail.com) for direct communication.
6. **Footer**: Include links to social media (if applicable) and additional contact information for easy access.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography to ensure clarity and usability.
- **Color Mode**: Light theme with dark text on light backgrounds for high readability and a professional appearance.
- **Layout**: 
  - Hero section at the top, followed by service offerings in a grid format.
  - Testimonials section below, followed by the contact form.
  - Footer at the bottom with contact information.
- **Typography**: Use a modern sans-serif font for headings (e.g., 'Roboto' or 'Open Sans') and a clean serif font for body text to create a professional feel.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for efficient and responsive design
- **UI Components**: Utilize shadcn/ui for pre-designed components to enhance visual consistency and functionality.
- **State Management**: Not required for static content but can utilize React's built-in state for the contact form.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Layout Structure**: Develop the main layout including the Hero section, Service offerings, Testimonials, Contact form, and Footer.
3. **Implement the Hero Section**: Add a background image or color with a brief introduction and a prominent call-to-action button.
4. **Detail Services Offered**: Create individual components for each service, ensuring to include icons or images where appropriate for visual appeal.
5. **Add Testimonials Section**: Implement a carousel or grid layout to showcase testimonials effectively.
6. **Build the Contact Form**: Create a form that collects user information and inquiries, ensuring it's easy to use and accessible.
7. **Footer Implementation**: Ensure the footer contains all necessary contact information and links.
8. **Testing and Responsiveness**: Test the website across various devices for responsiveness and ensure all links and forms function correctly.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately communicates the service offerings. They can easily navigate through the services to find what they need, read testimonials for credibility, and fill out the contact form to request services or ask questions. The clear layout and minimalist design will ensure a smooth and pleasant browsing experience, enhancing engagement and conversion rates.