From a37fb0d010d89c452df30608cbbacebab499f82a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 17 Oct 2023 15:39:53 +0300
Subject: [PATCH] Update FeaturesSection.vue

---
 pages/landing/FeaturesSection.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/pages/landing/FeaturesSection.vue b/pages/landing/FeaturesSection.vue
index b0c8ccaa0..4d8e778c5 100644
--- a/pages/landing/FeaturesSection.vue
+++ b/pages/landing/FeaturesSection.vue
@@ -6,56 +6,56 @@
             <div class="features-container">
                 <div class="grid">
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-components.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">80+ UI Components</div>
                             <p class="m-0 text-secondary font-medium">The ultimate set of UI Components to assist you with 80+ impressive Vue Components.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-theme.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">Styled or Unstyled</div>
                             <p class="m-0 text-secondary font-medium">Choose from a variety of pre-built themes or implement your design systems with the CSS library of your choice like TailwindCSS.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-community.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">Community</div>
                             <p class="m-0 text-secondary font-medium">Connect with the other open source community members, collaborate and have a voice in the project roadmap.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-accessibility.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">Accessibility</div>
                             <p class="m-0 text-secondary font-medium">Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-support.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">Enterprise Support</div>
                             <p class="m-0 text-secondary font-medium">Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-mobile.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">Mobile</div>
                             <p class="m-0 text-secondary font-medium">First class support for responsive design led by touch optimized elements.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-productivity.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">Blocks</div>
                             <p class="m-0 text-secondary font-medium">400+ pre-designed copy paste ready UI blocks to build spectacular apps in no time.</p>
                         </div>
                     </div>
                     <div class="col-12 md:col-6 xl:col-3 flex justify-content-center">
-                        <div v-animate="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
+                        <div v-animate.once="{ enterClass: 'fadein' }" class="box p-4 w-full animation-duration-500">
                             <img src="https://primefaces.org/cdn/primevue/images/landing/features/icon-ts.svg" alt="components icon" class="block mb-3" />
                             <div class="font-semibold mb-3 text-lg">Typescript</div>
                             <p class="m-0 text-secondary font-medium">Top-notch support for Typescript with types and tooling assistance.</p>