diff --git a/layers/templates/FxPreregist01/index.vue b/layers/templates/FxPreregist01/index.vue
index 6e1c4c9..54df06c 100644
--- a/layers/templates/FxPreregist01/index.vue
+++ b/layers/templates/FxPreregist01/index.vue
@@ -247,7 +247,7 @@ const handlePreregistClick = () => {
           :resources-data="preSubTitleData"
           class="title-sm mt-2"
         />
-        <div class="flex flex-col gap-4 mt-8 sm:flex-row">
+        <div v-motion-stagger class="flex flex-col gap-4 mt-8 sm:flex-row">
           <div
             v-if="preImgPreregistdData"
             class="max-w-[336px] md:max-w-[446px]"
@@ -295,7 +295,10 @@ const handlePreregistClick = () => {
             </ul>
           </div>
         </div>
-        <div class="flex gap-3 justify-center flex-wrap mt-8 md:gap-2.5">
+        <div
+          v-motion-stagger
+          class="flex gap-3 justify-center flex-wrap mt-8 md:gap-2.5"
+        >
           <BlocksButtonLauncher
             type="duplication"
             platform="stove"
@@ -355,6 +358,7 @@ const handlePreregistClick = () => {
         />
         <div
           v-if="rewardImages.length"
+          v-motion-stagger
           class="overflow-hidden w-[calc(100%+40px)] min-h-[228px] mt-6 mx-[-20px] sm:w-[calc(100%+80px)] sm:mx-[-40px] md:w-full md:min-h-[281px] md:mt-8 md:mx-auto"
         >
           <ClientOnly>
diff --git a/layers/templates/GrContents01/index.vue b/layers/templates/GrContents01/index.vue
index 92b9977..d84bb07 100644
--- a/layers/templates/GrContents01/index.vue
+++ b/layers/templates/GrContents01/index.vue
@@ -44,7 +44,7 @@ const buttonListData = computed(() => {
         :resources-data="subTitleData"
         class="title-sm max-w-[944px] mt-2"
       />
-      <div v-if="imgListData" class="img-container">
+      <div v-if="imgListData" v-motion-stagger class="img-container">
         <div v-for="(item, index) in imgListData" :key="index" class="img-item">
           <AtomsImg
             v-if="getResourceSrc(item)"