card-9

• Vista previa

  

  Comunicación

  Rompa los hilos de su organización permitiendo una verdadera colaboración y comunicación entre departamentos.

  Leer más

  

  Marketing

  Destáquese de la competencia y haga que cada campaña que lance sea la mejor de todas.

  Leer más

  

  Creativo

  Acepta solicitudes, sincronizaciones o proyectos y consigue que los activos se aprueben y salgan por la puerta (sin salir nunca de tu zona creativa).

  Leer más

  

  Gestión de proyectos

  Sea la fuerza que unifique su negocio. Establece y prioriza objetivos. Agilice los flujos de trabajo y las revisiones. Haga más.

  Leer más

  

  Servicios profesionales

  Haga que su negocio sea aún más rentable y productivo a la vez que aumenta la satisfacción y retención de clientes.

  Leer más

  

  Operaciones comerciales

  Ejecute la visión de su empresa maximizando los recursos, mejorando la colaboración y obteniendo informes avanzados en tiempo real.

  Leer más

• Código

  import Image from 'next/image';
  import Link from 'next/link';
  
  interface CardProps {
    title: string;
    description: string;
    icon: string;
  }
  
  const Card = ({ title, description, icon }: CardProps) => {
    return (
      <article className="bg-background-secondary p-5 rounded-lg space-y-5">
        <Image src={icon} alt={title} width={50} height={50} />
        <h3 className="text-2xl">{title}</h3>
        <p className="text-muted-foreground line-clamp-3">{description}</p>
        <Link href="/" className="flex items-center gap-x-3 hover:text-primary transition-colors w-max">
          Leer más <i className="fi fi-rr-arrow-right"></i>
        </Link>
      </article>
    );
  };
  
  const Card9 = () => {
    return (
      <div className="grid md:grid-cols-2 xl:grid-cols-3 gap-5">
        <Card
          icon="/icons/comunication.png"
          title="Comunicación"
          description="Rompa los hilos de su organización permitiendo una verdadera colaboración y comunicación entre departamentos."
        />
        <Card
          icon="/icons/marketing.png"
          title="Marketing"
          description="Destáquese de la competencia y haga que cada campaña que lance sea la mejor de todas."
        />
        <Card
          icon="/icons/creative.png"
          title="Creativo"
          description="Acepta solicitudes, sincronizaciones o proyectos y consigue que los activos se aprueben y salgan por la puerta (sin salir nunca de tu zona creativa)."
        />
        <Card
          icon="/icons/project-management.png"
          title="Gestión de proyectos"
          description="Sea la fuerza que unifique su negocio. Establece y prioriza objetivos. Agilice los flujos de trabajo y las revisiones. Haga más."
        />
        <Card
          icon="/icons/profesional-services.png"
          title="Servicios profesionales"
          description="Haga que su negocio sea aún más rentable y productivo a la vez que aumenta la satisfacción y retención de clientes."
        />
        <Card
          icon="/icons/operations.png"
          title="Operaciones comerciales"
          description="Ejecute la visión de su empresa maximizando los recursos, mejorando la colaboración y obteniendo informes avanzados en tiempo real."
        />
      </div>
    );
  };
  
  export default Card9;