Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a personal landing page focused on entrepreneurship and innovation, tailored to a Project Manager's perspective. The landing page will effectively showcase the user's brand and professional services, with a clean and minimalist design to enhance user engagement and conversion.

## CORE FEATURES
1. **Home Section**: A captivating hero area that introduces the personal brand, highlighting the core message and inviting users to explore further.
2. **Servicios**: A dedicated section to outline the services offered, providing clear descriptions and benefits to potential clients.
3. **Metodología**: An explanation of the methodologies employed in project management and innovation, showcasing expertise and offering insights into the process.
4. **Recursos / Blog**: A resource section that includes blog posts, articles, and helpful resources related to entrepreneurship and innovation, encouraging user engagement and retention.
5. **Contacto**: A contact form enabling visitors to reach out for inquiries or collaboration, ensuring ease of communication.

## 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 be structured in a single-page format with smooth scrolling navigation. Each section will be clearly defined, enhancing the user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Structure**: Develop the main layout with a navigation bar linking to each section: Home, Servicios, Metodología, Recursos / Blog, and Contacto.
4. **Design Home Section**: Implement the hero area with a strong headline and call-to-action button, utilizing the primary color for emphasis.
5. **Build Servicios Section**: Create a visually appealing grid or list to showcase services with icons or images.
6. **Develop Metodología Section**: Add content that clearly outlines the methodologies applied in the projects.
7. **Set Up Recursos / Blog Section**: Integrate a blog feed or a list of resources with links to articles.
8. **Implement Contacto Section**: Design a contact form with fields for name, email, message, and a submit button styled with the primary color.
9. **Responsive Design**: Ensure all sections are responsive and adjust for different screen sizes.
10. **Testing**: Conduct thorough testing to ensure functionality and usability on all devices.

## USER EXPERIENCE
The user experience emphasizes ease of navigation and engagement. Users can smoothly scroll through sections with clear calls to action. The minimalistic design eliminates distractions, focusing on content and services offered. The contact form is straightforward, ensuring users can easily reach out for inquiries or collaborations. Overall, the landing page will serve as an effective tool for personal branding and business promotion.