Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a personal landing page for Luis Miguel García de las Morenas, designed to showcase his expertise in AI and Process Engineering. The goal is to create a visually appealing and informative single-page website that highlights his skills, quote, and contact information, while maintaining a clean and professional aesthetic reminiscent of Google Studio.

## CORE FEATURES
1. **Header**: Prominently displays the name "Luis Miguel García de las Morenas" at the top of the page for instant recognition.
2. **Subheadline**: A brief description that reads "Especialista en IA e Ingeniería de Procesos" to clarify his area of expertise.
3. **Quote Section**: Features a motivating quote: "Transformando la complejidad técnica en libertad operativa a través de la Inteligencia Artificial."
4. **Technical Grid**: Three widgets detailing key technical areas:
   - **IA Aplicada**: Focus on autonomous agents.
   - **Arquitectura GHL**: Information on GoHighLevel infrastructures.
   - **Optimización**: Insights into process engineering.
5. **Call to Action Button**: A prominent button labeled “CONECTAR CON LUIS MIGUEL” to encourage user engagement and connection.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design. The layout should utilize ample white space for a modern and uncluttered look.
- **Color Mode**: Dark theme with a background color of #0F0F0F and slightly lighter card backgrounds (#161616). Use pure white (#FFFFFF) for titles and Neon Green (#00FF41) for technical accents.
- **Layout**: A structured grid layout featuring the header at the top, followed by the subheadline, quote section, and then the technical grid organized into three distinct sections. The call-to-action button should be centrally placed for visibility.
- **Typography**: Use Inter or Roboto (Sans-Serif) for all text. Ensure that headings and body text are distinct to create a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: HTML/CSS optimized for Google Sites' code embedding functionality.
- **Styling**: Pure CSS for styling elements with specific color codes and typography settings.
- **UI Components**: Basic HTML elements styled according to the specifications without reliance on external libraries.

## IMPLEMENTATION STEPS
1. **Create the HTML structure**:
   - Use a `<div>` for the header, subheadline, and quote.
   - Create a grid layout using `<div>` elements for the technical sections with appropriate classes for styling.
   - Include a `<button>` element for the call to action.
   
2. **Apply CSS styles**:
   - Set the background color for the body and card sections.
   - Style the header, subheadline, and quote with the specified fonts and colors.
   - Define styles for the grid layout to ensure proper spacing and alignment.
   - Style the button with colors and hover effects that match the overall aesthetic.

3. **Optimize for Google Sites**:
   - Ensure the code is clean, with no duplicate tags or mirrored effects.
   - Test the code in Google Sites to verify proper rendering and functionality.

## USER EXPERIENCE
Users will experience a seamless and straightforward navigation through a single-page layout. The clear hierarchy of information and the minimalist design will facilitate easy reading and engagement. The prominent call-to-action button will encourage potential clients or collaborators to connect directly with Luis Miguel, enhancing user interaction and potential networking opportunities.