Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a modern responsive landing page for the "Ruta Emprendedora" program from SENA and Fondo Emprender in Colombia. The purpose of this landing page is to inform and engage potential entrepreneurs by highlighting the program's benefits, guiding users through the entrepreneurial journey, and facilitating access to resources and mentorship.

## CORE FEATURES
1. **Header Navigation**: A sticky header with SENA and Fondo Emprender logos, including links to Home, Ruta Emprendedora, Convocatorias, Servicios, Casos de éxito, FAQ, Contacto, and a prominent CTA button "Iniciar mi Ruta".
   
2. **Hero Section**: An impactful hero section featuring the title "La Ruta Emprendedora", a subtitle that outlines the program's purpose, and a primary CTA button "Iniciar mi Ruta Emprendedora". Visual representation will include an illustrated road symbolizing the entrepreneurial journey.

3. **Program Overview Section**: Four visually appealing cards, each with an icon representing key facets of the program: Formación empresarial, Acompañamiento, Capital semilla, and Crecimiento empresarial.

4. **Interactive Roadmap**: A visually engaging interactive roadmap or timeline that outlines the four steps of the entrepreneurial process: Quiero emprender, Decido emprender, Creo mi empresa, and Estoy listo para crecer.

5. **Convocatorias Section**: Two informational cards detailing the "Línea Crear" and "Línea Fortalecimiento" offerings available to participants.

6. **Success Stories Section**: A dedicated area showcasing inspiring entrepreneurs and companies that have successfully emerged from the program, enhancing credibility and motivation.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, minimal color palette, and a focus on typography to ensure clarity and ease of reading.
- **Color Mode**: Light theme with dark text on light backgrounds. Primary colors will include green, white, and dark blue, inspired by SENA's branding.
- **Layout**: A single-page layout with a top navigation bar, followed by distinct sections for the hero, program overview, interactive roadmap, training, convocatorias, success stories, and a final CTA. Each section should have a clear visual separation with consistent padding and margins.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean, legible font for body text (e.g., Open Sans). Establish a clear hierarchy with larger sizes for headings and appropriate line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: Utilize shadcn/ui components to ensure a cohesive look and feel.
- **State Management**: Consider using React Context API for managing global states if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Build the header component with navigation links and logos. Ensure responsiveness with mobile-friendly designs.
3. **Develop Hero Section**: Implement the hero section with the title, subtitle, and CTA button. Include the illustrative road graphic.
4. **Build Program Overview Cards**: Create the four cards in the overview section, ensuring icon representation and hover effects for interactivity.
5. **Design Interactive Roadmap**: Use a timeline component to visualize the four entrepreneurial steps, incorporating animations to enhance user engagement.
6. **Develop Convocatorias and Success Stories Sections**: Construct the two cards for convocatorias and a dynamic section for success stories, allowing for easy updates.
7. **Final CTA Section**: Add a compelling final CTA area encouraging users to "Empieza tu Ruta Emprendedora hoy".

## USER EXPERIENCE
Users will have a seamless experience navigating through the landing page. They will be able to easily access information about the "Ruta Emprendedora" program, understand the steps involved in their entrepreneurial journey, and be inspired by success stories. Clear CTAs will guide users towards initiating their entrepreneurial paths, with all content optimized for mobile responsiveness to ensure accessibility on all devices.