card-10

• Vista previa

  

  Gestión de cuenta

  Crear, optimizar y gestionar tu cuenta.

  

  Configuración & Flujos de trabajo

  Publique ofertas de empleo atractivas y agilice su proceso de contratación.

  

  Buscar candidatos

  Atraer y captar el talento adecuado a través de todos los canales adecuados.

  

  Integraciones de APIS

  Explore integraciones perfectas y potentes funciones de API.

  

  Seguimiento, evaluación y contratación

  Interactúe con candidatos y colegas para lograr una gran contratación.

  

  Gestión de empleados

  Incorpore a sus nuevas contrataciones y gestione a sus empleados.

• Código

  import Image from 'next/image';
  
  interface CardProps {
    title: string;
    description: string;
    icon: string;
  }
  
  const Card = ({ title, description, icon }: CardProps) => {
    return (
      <article className="border border-muted-foreground border-dashed p-5 rounded-lg flex flex-col items-center gap-y-5">
        <Image src={icon} alt={title} width={50} height={50} />
        <h3 className="text-2xl font-medium text-center">{title}</h3>
        <p className="text-muted-foreground line-clamp-3 text-center">{description}</p>
      </article>
    );
  };
  
  const Card10 = () => {
    return (
      <div className="grid md:grid-cols-2 xl:grid-cols-3 gap-5">
        <Card
          icon="/icons/time-management.png"
          title="Gestión de cuenta"
          description="Crear, optimizar y gestionar tu cuenta."
        />
        <Card
          icon="/icons/workflow.png"
          title="Configuración & Flujos de trabajo"
          description="Publique ofertas de empleo atractivas y agilice su proceso de contratación."
        />
        <Card
          icon="/icons/search-icon.png"
          title="Buscar candidatos"
          description="Atraer y captar el talento adecuado a través de todos los canales adecuados."
        />
        <Card
          icon="/icons/api.png"
          title="Integraciones de APIS"
          description="Explore integraciones perfectas y potentes funciones de API."
        />
        <Card
          icon="/icons/hire.png"
          title="Seguimiento, evaluación y contratación"
          description="Interactúe con candidatos y colegas para lograr una gran contratación."
        />
        <Card
          icon="/icons/employees-management.png"
          title="Gestión de empleados"
          description="Incorpore a sus nuevas contrataciones y gestione a sus empleados."
        />
      </div>
    );
  };
  
  export default Card10;