Estou querendo adicionar uma funcionalidade de download para projeto de portfolio ao clicar em um botão. No entanto, quando clico no primeiro link(caminho para o arquivo pdf), que deveria baixar o PDF, ele baixa um documento em branco. Já o segundo link é do Google Drive, mas sei que ele apenas exibe o currículo em vez de baixá-lo diretamente. Como posso fazer o download desses pdf?
Aqui está meu código atual:
export default function PaginaInicial() {
return (
<main>
<div>
<ul className={styles.card_ul}>
{card.map((card) => (
<li key={card.id}><Card card={card} /></li>
))}
</ul>
</div>
<div className={styles.curriculo}>
<h2>Currículo</h2>
<ul className={styles.curriculo_ul}>
<div className={styles.card_descricao}>
<img src={`/assets/curriculo/curriculo-pt.png`} alt="Currículo Portugês"></img>
<h3>Currículo Português</h3>
<button>
<a href="public/curriculos-pdf/curriculo-pt.pdf" download>Download PDF</a>
</button>
</div>
<div className={styles.card_descricao}>
<img src={`/assets/curriculo/curriculo-en.png`} alt="Currículo Inglês"></img>
<h3>Currículo Inglês</h3>
<button>
<a href="https://drive.google.com/file/d/16zIIsxQgqC_PFUqLRW-xCWTEEoLopl2k/view?usp=sharing" download>Download PDF</a>
</button>
</div>
</ul>
</div>
</main>
)
}
