Steps Section - Copy this React, Tailwind Component to your project

Añadele a este código una línea entre el 1, 2 y 3 parecido a los steps: <div className="grid gap 8 md:grid cols 3"> <div className="flex flex col items center text center"> <div className="flex items center justify center mb 4 text 2xl font bold rounded full w 14 h 14 bg primary text secondary">1</div> <h3 className="mb 2 text xl font bold">Crea tu Evento</h3> <p className="text secondary foreground">Configura los detalles de tu evento y crea menús personalizados con categorías, descripciones, alérgenos e imágenes.</p> </div> <div className="flex flex col items center text center"> <div className="flex items center justify center mb 4 text 2xl font bold rounded full w 14 h 14 bg primary text secondary">2</div> <h3 className="mb 2 text xl font bold">Invita a tus Comensales</h3> <p className="text secondary foreground">Envía enlaces únicos a tus invitados para que seleccionen sus platos y confirmen su asistencia, sin necesidad de crear cuentas.</p> </div> <div className="flex flex col items center text center"> <div className="flex items center justify center mb 4 text 2xl font bold rounded full w 14 h 14 bg primary text secondary">3</div> <h3 className="mb 2 text xl font bold">Gestiona con Facilidad</h3> <p className="text secondary foreground">Accede a analíticas, descarga informes y gestiona todos los aspectos de tu evento desde un solo lugar.</p> </div> </div>