@@ -450,23 +450,16 @@ const AgentStorePage = () => {
450450 reliability, performance, and versatility.
451451 </ p >
452452 </ AnimatedElement >
453- < motion . div
454- className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
455- layout
456- >
453+ < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" >
457454 { filteredEditorsChoice . map ( ( agent , index ) => (
458455 < motion . div
459456 key = { agent . id }
460- layout
461- initial = { { opacity : 0 , y : 20 } }
462- animate = { { opacity : 1 , y : 0 } }
463- transition = { { delay : index * 0.1 , duration : 0.5 } }
464457 whileHover = { { y : - 4 , transition : { duration : 0.2 } } }
465458 >
466459 < AgentCard agent = { agent } isEditorsChoice = { true } />
467460 </ motion . div >
468461 ) ) }
469- </ motion . div >
462+ </ div >
470463 </ div >
471464 ) }
472465
@@ -479,17 +472,10 @@ const AgentStorePage = () => {
479472 Explore the complete collection of published agents.
480473 </ p >
481474 </ AnimatedElement >
482- < motion . div
483- className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
484- layout
485- >
475+ < div className = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" >
486476 { filteredAndSortedAgents . map ( ( agent , index ) => (
487477 < motion . div
488478 key = { agent . id }
489- layout
490- initial = { { opacity : 0 , y : 20 } }
491- animate = { { opacity : 1 , y : 0 } }
492- transition = { { delay : index * 0.1 , duration : 0.5 } }
493479 whileHover = { { y : - 4 , transition : { duration : 0.2 } } }
494480 >
495481 < AgentCard
@@ -500,7 +486,7 @@ const AgentStorePage = () => {
500486 />
501487 </ motion . div >
502488 ) ) }
503- </ motion . div >
489+ </ div >
504490 </ div >
505491 ) }
506492 </ >
0 commit comments