pricing-1

• Vista previa

  Personal

  Básico

  ^$

  249

  Por mes

  Acceso exclusivo a profesionales y empresarios.

  Registrate

• Código

  const Pricing1 = () => {
    return (
      <div className="relative px-8 py-14 max-w-xs rounded-3xl bg-background-secondary flex flex-col items-center text-center shadow-2xl">
        <h6 className="text-primary uppercase font-bold tracking-widest text-xs mb-3">Personal</h6>
        <h3 className="bg-background uppercase font-bold py-3 px-14 rounded-full mb-10 shadow-2xl shadow-primary/40">
          Básico
        </h3>
        <div>
          <div className="flex">
            <sup className="text-4xl">$</sup>
            <h1 className="text-8xl text-primary font-semibold">249</h1>
          </div>
          <p className="text-xl mt-2 uppercase text-muted-foreground">Por mes</p>
        </div>
        <p className="mt-10">Acceso exclusivo a profesionales y empresarios.</p>
        <button
          type="button"
          className="absolute text-white -bottom-6 bg-primary py-3 px-5 rounded-full shadow-2xl shadow-primary/70"
        >
          Registrate
        </button>
      </div>
    );
  };
  
  export default Pricing1;