Add Insight Card
Add a new insight/article card to the Insights section of the PotêncIA Tech website.
Input
$ARGUMENTS
Instructions
- •
Read
public/index.htmland locate the Insights section component. - •
Parse the user's input to extract:
- •Title: The article/insight title (in pt-BR)
- •Category: e.g., "Governanca & Operacoes", "Inteligencia Artificial", "Transformacao Digital"
- •Description: A short summary (1-2 sentences in pt-BR)
- •Link: URL to the full article (typically LinkedIn or mauroperiquito.com)
- •Read time (optional): Estimated reading time
- •
If the user didn't provide all fields, infer reasonable defaults or ask for missing critical info (title and link are required).
- •
Create a new insight card following the exact pattern of existing cards in the Insights component:
- •Glass card styling with hover effects
- •Category badge at the top
- •Title with proper font sizing
- •Description text
- •"Ler artigo completo" link at the bottom with arrow icon
- •Proper responsive grid behavior
- •
Add the new card to the insights array/JSX in the Insights component.
- •
If there are now more than 3 insights, consider whether the grid layout needs adjustment (e.g.,
grid-cols-1 md:grid-cols-2 lg:grid-cols-3may need to becomelg:grid-cols-4or the section may need a "show more" pattern). - •
Confirm the addition with a summary showing the card details.