Frase acima do Banner

E aí! Se quiser colocar uma frase acima do card e logo abaixo do banner, é só fazer umas mudanças no seu componente PostCard.

import BotaoPrincipal from 'componentes/BotaoPrincipal';
import { Link } from 'react-router-dom';
import styles from './Post.module.css';

export default function PostCard({ post }) {
    return (
        <div className={styles.cardContainer}>
            <div className={styles.frase}>Ei, sua frase top aqui!</div>
            
            <Link to={`/posts/${post.id}`}>
                <div className={styles.post}>
                    <img
                        className={styles.capa}
                        src={`/assets/posts/${post.id}/capa.png`}
                        alt="Imagem maneira do post"
                    />

                    <h2 className={styles.titulo}>{post.titulo}</h2>

                    <BotaoPrincipal>Vem ver</BotaoPrincipal>
                </div>
            </Link>
        </div>
    )
}

Beleza? Essa é uma dica ;)