<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plataforma educativa para programadores exigentes - Italo Morales Fantone</title>
<link rel="preload" as="style" href="https://italofantone.com/build/assets/app-D1uQ9GgB.css" /><link rel="stylesheet" href="https://italofantone.com/build/assets/app-D1uQ9GgB.css" data-navigate-track="reload" />
</head>
<body>
<div class="max-w-xl md:max-w-4xl mx-auto px-4">
<header class="my-4 md:my-8">
<nav class="flex items-center">
<div>
<a href="https://italofantone.com" class="flex items-center gap-2">
<span class="sr-only">Italo Morales Fantone</span>
<div class="w-10">
<svg class="h-10" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" />
</svg>
</div>
<h1 class="text-xl uppercase font-extrabold hidden md:inline">
Italo Morales Fantone
</h1>
</a>
</div>
<div class="flex flex-1 items-center justify-end gap-4">
<a href="https://italofantone.com/series" class="text-sm font-semibold text-gray-900">Series</a>
<a href="https://italofantone.com/desarrollo-a-medida" class="text-sm font-semibold text-gray-900">Desarrollo a Medida</a>
<a href="https://italofantone.com/contacto" class="text-sm font-semibold text-gray-900">Contacto</a>
<a href="https://italofantone.com/login" class="text-sm font-semibold text-gray-900">Log in <span aria-hidden="true">→</span></a>
</div>
</nav>
</header>
<main>
<div class="py-12 sm:py-16">
<div class="text-center">
<h1 class="text-4xl font-semibold tracking-tight text-balance text-gray-900 sm:text-6xl">
Forma parte de una plataforma educativa para programadores exigentes
</h1>
<p class="my-4 text-lg font-medium text-pretty text-gray-500 sm:text-xl">
Accede a lecciones técnicas, series educativas y un podcast premium sobre buenas prácticas y calidad del software. Aprende a escribir código profesional, sin depender de tutoriales genéricos ni cursos superficiales.
</p>
<div class="flex items-center justify-center gap-x-6">
<a href="https://italofantone.com/suscripcion-premium" class="rounded-md bg-gray-700 px-4 py-2 text-sm font-semibold text-white shadow-xs hover:bg-gray-600">
Únete ahora
</a>
<a href="https://italofantone.com/leer-mas" class="text-sm font-semibold text-gray-900">Aprender más <span aria-hidden="true">→</span></a>
</div>
</div>
</div>
<div class="divide-y divide-gray-100">
<div class="pb-8 mb-8">
<h2 class="text-2xl font-semibold text-gray-900">
Laravel Prompts + OpenAI: crea contenido desde la consola
<div>
</div> </h2>
<div class="grid grid-cols-1 sm:grid-cols-3 md:grid-cols-5 gap-4 mt-4">
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/asi-funciona-el-proyecto-que-vas-a-crear">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Así funciona el proyecto que vas a crear
</h3>
</a>
</div>
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/tu-primer-comando-en-laravel">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Tu primer comando en Laravel
</h3>
</a>
</div>
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/separando-responsabilidades">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Separando responsabilidades
</h3>
</a>
</div>
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/conectando-laravel-con-openai">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Conectando Laravel con OpenAI
</h3>
</a>
</div>
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/guardando-borradores-en-tu-base-de-datos">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Guardando borradores en tu base de datos
</h3>
</a>
</div>
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/mejorando-la-experiencia-con-laravel-prompts">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Mejorando la experiencia con Laravel Prompts
</h3>
</a>
</div>
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/mejor-manejo-de-errores">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Mejor manejo de errores
</h3>
</a>
</div>
<div>
<a href="https://italofantone.com/serie/laravel-prompts-openai-crea-contenido-desde-la-consola/refactorizacion-y-organizacion-final-del-proyecto">
<div class="hidden sm:flex items-center justify-center bg-blue-100 sm:h-24 rounded-lg mb-2">
<div class="w-8 h-8 text-blue-500">
<svg data-slot="icon" fill="none" stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z"></path>
</svg>
</div>
</div>
<h3 class="text-xs font-semibold text-gray-400">
Refactorización y organización final del proyecto
</h3>
</a>
</div>
</div>
</div>
</div>
<div class="py-8 sm:py-16">
<p class="text-4xl sm:text-5xl font-semibold text-gray-900 text-center mb-8">Elige el plan adecuado para ti</p>
<div class="mx-auto grid grid-cols-1 lg:grid-cols-2 items-center gap-y-8 lg:gap-y-0">
<div class="rounded-3xl rounded-t-3xl p-8 ring-1 ring-gray-900/10 lg:rounded-b-none sm:p-10 lg:mx-0 lg:rounded-tr-none lg:rounded-bl-3xl">
<h3 class="font-semibold text-indigo-600">Hobby</h3>
<p class="my-4 flex items-baseline gap-x-2">
<span class="text-5xl font-semibold text-gray-900">$8.99</span>
<span class="text-xs text-gray-500">/mensual</span>
</p>
<p class="text-gray-600">
Perfecto para quienes quieren disfrutar del contenido a su propio ritmo. Acceso completo a todo el material exclusivo, con la flexibilidad de renovar mes a mes. Ideal si prefieres probar antes de comprometerte a largo plazo.
</p>
<a href="https://italofantone.com/login" class="mt-8 block rounded-md px-4 py-2 text-center text-sm font-semibold text-indigo-600 ring-1 ring-indigo-200 ring-inset hover:ring-indigo-300 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
Log in
</a>
</div>
<div class="rounded-3xl bg-gray-900 p-8 shadow-2xl ring-1 ring-gray-900/10 sm:p-10">
<h3 class="font-semibold text-indigo-400">Comprometido</h3>
<p class="my-4 flex items-baseline gap-x-2">
<span class="text-5xl font-semibold text-white">$89.99</span>
<span class="text-xs text-gray-400">/anual <span class="line-through">$107.88 USD</span></span>
</p>
<p class="text-gray-300">
Para quienes quieren aprovechar al máximo y ahorrar mientras se comprometen con su crecimiento profesional. Con acceso completo igual que el plan mensual, pero con un ahorro al pagar por todo el año adelantado.
</p>
<p class="text-gray-300 mt-4">
Una opción inteligente para quienes saben que el aprendizaje constante es su prioridad.
</p>
<a href="https://italofantone.com/login" class="mt-8 block rounded-md bg-indigo-500 px-4 py-2 text-center text-sm font-semibold text-white shadow-xs hover:bg-indigo-400 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">
Log in
</a>
</div>
</div>
<p class="mt-8 text-sm text-gray-500 text-center">
Si aún no tienes una cuenta, inicia sesión con
<a href="https://italofantone.com/login" class="text-blue-500 hover:underline">
GitHub
</a>.
</p>
</div>
</main>
<footer class="mt-8 md:mt-12 border-t border-gray-200 py-4 text-center">
<p class="text-sm text-gray-600">
© 2025 Italo Morales Fantone. Todos los derechos reservados.
</p>
<p class="text-sm text-gray-600">
<a href="https://italofantone.com/contacto">Contacto</a> |
<a href="https://italofantone.com/suscripcion-premium">Suscripción premium</a> |
<a href="https://italofantone.com/politica-de-privacidad">Política de privacidad</a> |
<a href="https://italofantone.com/politica-de-reembolsos">Política de reembolso</a> |
<a href="https://italofantone.com/terminos-de-servicios">Términos de servicio</a>
</p>
</footer></div>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0T590CJESS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0T590CJESS');
</script>
</body>
</html>