diff --git a/src/pages-templates/charity/index.tsx b/src/pages-templates/charity/index.tsx
index 0638bb3..c503d1d 100644
--- a/src/pages-templates/charity/index.tsx
+++ b/src/pages-templates/charity/index.tsx
@@ -87,7 +87,7 @@ export function CharityPage() {
 
                   <div className='space-y-4'>
                     {[0, 1, 2].map((index) => (
-                      <div key={index} className='flex items-start'>
+                      <div data-aos='fade-right' key={index} className='flex items-start'>
                         <CheckCircle className='mr-3 h-6 w-6 flex-shrink-0 text-red-600' />
                         <div>
                           <h3 className='text-lg font-medium'>
@@ -101,7 +101,7 @@ export function CharityPage() {
                     ))}
                   </div>
                 </div>
-                <div className='relative h-[500px] overflow-hidden rounded-xl shadow-xl'>
+                <div data-aos='fade-right' className='relative h-[500px] overflow-hidden rounded-xl shadow-xl'>
                   <Image
                     src='/placeholder.svg?height=500&width=600&text=Наша+миссия'
                     alt={t('charity.mission.imageAlt')}
@@ -185,7 +185,7 @@ export function CharityPage() {
                       '/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
                   },
                 ].map((event, index) => (
-                  <Card key={index} className='overflow-hidden flex flex-col justify-between'>
+                  <Card data-aos='zoom-in-up' key={index} className='overflow-hidden flex flex-col justify-between'>
                     <div>
                       <div className='relative h-48 w-full'>
                         <Image
@@ -265,7 +265,7 @@ export function CharityPage() {
                     icon: <Heart className='h-10 w-10 text-red-600' />,
                   },
                 ].map((item, index) => (
-                  <Card key={index} className='text-center'>
+                  <Card data-aos='zoom-in' key={index} className='text-center'>
                     <CardHeader>
                       <div className='mb-4 flex justify-center'>{item.icon}</div>
                       <CardTitle className='break-words hyphens-auto'>