@@ -255,6 +255,26 @@ function Index() {
255255 </ a >
256256 ) ;
257257 }
258+ // Card "Atalhos para IAs no WhatsApp" - scroll para Atalhos de IA
259+ if ( shortcut . title === "Atalhos para IAs no WhatsApp" ) {
260+ return (
261+ < a
262+ key = { index }
263+ href = "#atalhos-ia"
264+ onClick = { e => {
265+ e . preventDefault ( ) ;
266+ const el = document . querySelector ( "#atalhos-ia" ) ;
267+ if ( el ) el . scrollIntoView ( { behavior : "smooth" } ) ;
268+ } }
269+ style = { { textDecoration : "none" } }
270+ >
271+ < FeatureCard
272+ title = { shortcut . title }
273+ background = { shortcut . background }
274+ icon = { shortcut . icon } />
275+ </ a >
276+ ) ;
277+ }
258278 // Card "Atalhos para WhatsApp" - scroll para Outros Atalhos para WhatsApp
259279 if ( shortcut . title === "Atalhos para WhatsApp" ) {
260280 return (
@@ -300,6 +320,32 @@ function Index() {
300320 </ div >
301321 </ section >
302322
323+ { /* Atalhos de IA Section */ }
324+ < section id = "atalhos-ia" className = "mb-8" >
325+ < h2 className = "text-2xl font-bold text-foreground mb-6" > Atalhos de IA</ h2 >
326+ < div className = "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4" >
327+ { shortcuts . filter ( shortcut => shortcut . isAI ) . map ( ( shortcut ) => (
328+ < ShortcutCard
329+ key = { shortcut . id }
330+ shortcut = { shortcut }
331+ />
332+ ) ) }
333+ </ div >
334+ </ section >
335+
336+ { /* Automações Section */ }
337+ < section id = "automacoes" className = "mb-8" >
338+ < h2 className = "text-2xl font-bold text-foreground mb-6" > Automações</ h2 >
339+ < div className = "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4" >
340+ { shortcuts . filter ( shortcut => shortcut . isAutomacao ) . map ( ( shortcut ) => (
341+ < ShortcutCard
342+ key = { shortcut . id }
343+ shortcut = { shortcut }
344+ />
345+ ) ) }
346+ </ div >
347+ </ section >
348+
303349 { /* Outros Atalhos para WhatsApp Section */ }
304350 < section id = "outros-atalhos-whatsapp" className = "mb-8" >
305351 < h2 className = "text-2xl font-bold text-foreground mb-6" > Outros Atalhos para WhatsApp</ h2 >
@@ -329,6 +375,19 @@ function Index() {
329375 </ div >
330376 </ section >
331377
378+ { /* Financeiro Section */ }
379+ < section id = "financeiro" className = "mb-8" >
380+ < h2 className = "text-2xl font-bold text-foreground mb-6" > Financeiro</ h2 >
381+ < div className = "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4" >
382+ { shortcuts . filter ( shortcut => shortcut . category === "Financeiro" ) . map ( ( shortcut ) => (
383+ < ShortcutCard
384+ key = { shortcut . id }
385+ shortcut = { shortcut }
386+ />
387+ ) ) }
388+ </ div >
389+ </ section >
390+
332391 { /* Tutoriais Section */ }
333392 < section >
334393 < h2 className = "text-2xl font-bold text-foreground mb-6" > Tutoriais</ h2 >
0 commit comments