zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update animation settings in Home function

Browse Source 
Modified several animation settings within the Home function. The changes include adjusting space size, altering the animation duration, and adding a delay. These modifications aim to improve the visual appeal and engagement level of the home page.
This commit is contained in:
giancarlo
2024-04-10 22:43:56 +08:00
parent e00cb3c591
commit 4eba7b8edd
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/app/(marketing)/page.tsx
View File

@@ -14,12 +14,12 @@ import { withI18n } from '~/lib/i18n/with-i18n';
function Home() { function Home() {
return ( return (
<div className={'flex flex-col space-y-24 py-16'}> <div className={'flex flex-col space-y-24 py-16'}>
<div className={'container mx-auto flex flex-col space-y-24'}> <div className={'container mx-auto flex flex-col space-y-20'}>
<div <div
className={ className={
'flex flex-col items-center md:flex-row' + 'flex flex-col items-center md:flex-row' +
' mx-auto flex-1 justify-center animate-in fade-in ' + ' mx-auto flex-1 justify-center animate-in fade-in ' +
' duration-1000 slide-in-from-top-12' ' duration-500 zoom-in-95 slide-in-from-top-24'
} }
> >
<div <div
@@ -72,7 +72,7 @@ function Home() {
<Image <Image
priority priority
className={ className={
'rounded-lg border delay-500 duration-1000 ease-out animate-in fade-in zoom-in-50 fill-mode-both' 'delay-250 rounded-lg border duration-1000 ease-out animate-in fade-in zoom-in-50 fill-mode-both'
} }
width={3069} width={3069}
height={1916} height={1916}