From 4eba7b8edde4adcc9acfd7fbea2c759a9f95046a Mon Sep 17 00:00:00 2001
From: giancarlo <giancarlopsk@gmail.com>
Date: Wed, 10 Apr 2024 22:43:56 +0800
Subject: [PATCH] Update animation settings in Home function

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.
---
 apps/web/app/(marketing)/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/(marketing)/page.tsx b/apps/web/app/(marketing)/page.tsx
index 3967e05e4..2b2b9ccd5 100644
--- a/apps/web/app/(marketing)/page.tsx
+++ b/apps/web/app/(marketing)/page.tsx
@@ -14,12 +14,12 @@ import { withI18n } from '~/lib/i18n/with-i18n';
 function Home() {
   return (
     <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
           className={
             'flex flex-col items-center md:flex-row' +
             ' 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
@@ -72,7 +72,7 @@ function Home() {
           <Image
             priority
             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}
             height={1916}