V0.md

V0.dev

¿Por qué?

¿Qué?

Generación y refinado de prototipos de interfaz (a.k.a. las pantallas) a partir de prompts

¿Para qué?

¿Cómo?

Servicio: V0.dev

• Interacción

Prompt

Una landing page para la inscripción de intersados en un curso de AI para empresas

Resultado

/**
 * v0 by Vercel.
 * @see https://v0.dev/t/47zsvwAVQoE
 * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
 */
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"

export default function Component() {
  return (
    <section className="w-full py-12 md:py-24 lg:py-32 xl:py-48">
      <div className="container px-4 md:px-6">
        <div className="flex flex-col items-center space-y-4 text-center">
          <div className="space-y-2">
            <h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl/none">
              Curso de Inteligencia Artificial para Empresas
            </h1>
            <p className="mx-auto max-w-[700px] text-gray-500 md:text-xl dark:text-gray-400">
              Aprenda a implementar soluciones de IA en su empresa con nuestro curso experto. Complete el formulario
              para inscribirse.
            </p>
          </div>
          <div className="w-full max-w-sm space-y-2">
            <form className="grid grid-cols-1 gap-4">
              <Input placeholder="Nombre de la empresa" required type="text" />
              <Input placeholder="Nombre del contacto" required type="text" />
              <Input placeholder="Correo electrónico" required type="email" />
              <Input placeholder="Teléfono" required type="tel" />
              <Button type="submit">Inscribirse</Button>
            </form>
          </div>
        </div>
      </div>
    </section>
  )
}