update: animation charity
This commit is contained in:
parent
c4872b7323
commit
ad57eed6e9
@ -87,7 +87,7 @@ export function CharityPage() {
|
|||||||
|
|
||||||
<div className='space-y-4'>
|
<div className='space-y-4'>
|
||||||
{[0, 1, 2].map((index) => (
|
{[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' />
|
<CheckCircle className='mr-3 h-6 w-6 flex-shrink-0 text-red-600' />
|
||||||
<div>
|
<div>
|
||||||
<h3 className='text-lg font-medium'>
|
<h3 className='text-lg font-medium'>
|
||||||
@ -101,7 +101,7 @@ export function CharityPage() {
|
|||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</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
|
<Image
|
||||||
src='/placeholder.svg?height=500&width=600&text=Наша+миссия'
|
src='/placeholder.svg?height=500&width=600&text=Наша+миссия'
|
||||||
alt={t('charity.mission.imageAlt')}
|
alt={t('charity.mission.imageAlt')}
|
||||||
@ -185,7 +185,7 @@ export function CharityPage() {
|
|||||||
'/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
|
'/placeholder.svg?height=200&width=300&text=Школьные+принадлежности',
|
||||||
},
|
},
|
||||||
].map((event, index) => (
|
].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>
|
||||||
<div className='relative h-48 w-full'>
|
<div className='relative h-48 w-full'>
|
||||||
<Image
|
<Image
|
||||||
@ -265,7 +265,7 @@ export function CharityPage() {
|
|||||||
icon: <Heart className='h-10 w-10 text-red-600' />,
|
icon: <Heart className='h-10 w-10 text-red-600' />,
|
||||||
},
|
},
|
||||||
].map((item, index) => (
|
].map((item, index) => (
|
||||||
<Card key={index} className='text-center'>
|
<Card data-aos='zoom-in' key={index} className='text-center'>
|
||||||
<CardHeader>
|
<CardHeader>
|
||||||
<div className='mb-4 flex justify-center'>{item.icon}</div>
|
<div className='mb-4 flex justify-center'>{item.icon}</div>
|
||||||
<CardTitle className='break-words hyphens-auto'>
|
<CardTitle className='break-words hyphens-auto'>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user