Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for Expertize, an emerging AI agency that implements AI agents to automate business processes. The landing page will serve to present the company as a leading provider of automation solutions, capture leads, and showcase a catalog of ten product offerings.

## CORE FEATURES
1. **Sticky Header**: Includes the logo, navigation menu (Productos, Cómo funciona, Casos, Precios, FAQ), and prominent CTAs for scheduling a diagnostic and WhatsApp communication.
2. **Hero Section**: Features a clear, impactful headline and subheadline, along with two primary CTAs for lead generation.
3. **Product Catalog**: A grid layout displaying ten product offerings, each with an icon, title, tagline, key features, and a CTA that leads to detailed product information.
4. **How It Works Section**: Outlines the three-step process for engaging with the services, emphasizing quick implementation and continuous optimization.
5. **Results/Case Studies**: Showcases placeholder cards for measurable success metrics from past case studies to build trust.
6. **FAQs**: A section addressing common questions about implementation timelines, integrations, and security.
7. **Final CTA**: A strong call-to-action encouraging users to schedule a diagnostic or contact via WhatsApp, accompanied by a short lead capture form.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a premium aesthetic, characterized by ample white space, clear typography, and a modern, clean design.
- **Color Mode**: Light theme featuring a white or cream background with accents in modern blue and green tones (soft gradient).
- **Layout**: The landing page will be structured in distinct sections (header, hero, features, product catalog, how it works, results, pricing, security, FAQs, final CTA, and footer) with clear visual separations for easy navigation.
- **Typography**: Use a sans-serif font for clarity and modern appeal. Headings should be bold and prominent, with body text providing concise information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for a responsive and modern design approach.
- **UI Components**: Utilize components from shadcn/ui for consistency and efficiency.
- **State Management**: Utilize local state for form handling and lead capture functionalities.

## IMPLEMENTATION STEPS
1. **Setup the React Project**: Create a new React application with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**:
   - Header with logo and navigation.
   - Hero section with headline, subheadline, and CTAs.
   - Product catalog component to display the ten products in a grid format.
   - How it works section with the three-step process.
   - Results section with placeholders for case studies.
   - FAQ section with collapsible items for each question.
   - Final CTA section with a lead capture form.
4. **Implement Routing**: Use React Router if necessary for any internal navigation (such as for product details).
5. **Form Handling**: Create a simple form to capture leads, ensuring that data is appropriately stored or sent to a backend service (e.g., using Supabase).
6. **Testing Responsiveness**: Ensure all components are responsive and visually appealing on various devices.
7. **SEO Optimization**: Implement basic SEO best practices such as proper use of headings (H1, H2), meta descriptions, and alt attributes for images.

## USER EXPERIENCE
The landing page will focus on guiding users through a seamless experience, ensuring that key information is easily accessible. The main CTAs will be prominently displayed to encourage immediate engagement, while the layout will provide a clear path from understanding the services to taking action. Users will be able to explore the product offerings in detail and have their questions addressed through the FAQ section, culminating in a compelling call to action that drives lead conversion. 

This prompt provides a comprehensive framework to create a fully functional, minimalist landing page that aligns with Expertize's vision and objectives.