From 22f541f61bef70dc3a4da659f644f91a5ca500ec Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 26 Dec 2024 18:30:57 +0300
Subject: [PATCH] Genesis page updates

---
 .../components/template/TemplateFeatures.vue  |  2 +-
 .../pages/templates/genesis/index.vue         | 21 ++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/apps/showcase/components/template/TemplateFeatures.vue b/apps/showcase/components/template/TemplateFeatures.vue
index bfae22fba..8f224cd3a 100644
--- a/apps/showcase/components/template/TemplateFeatures.vue
+++ b/apps/showcase/components/template/TemplateFeatures.vue
@@ -10,7 +10,7 @@
                         'sm:pt-32': i === 1
                     }"
                 >
-                    <template v-for="(data, j) of i === 0 ? featuresData.slice(0, Math.ceil(featuresData.length / 2)) : featuresData.slice(featuresData.length / 2)" :key="j">
+                    <template v-for="(data, j) of i === 0 ? featuresData.slice(0, Math.floor((featuresData.length + 1) / 2)) : featuresData.slice(Math.floor((featuresData.length + 1) / 2))" :key="j">
                         <div v-animateonscroll.once="{ enterClass: 'animate-fadein' }" class="w-full p-4 md:p-5 rounded-2xl border border-surface animate-duration-500">
                             <div class="w-full bg-surface-100 dark:bg-surface-800 rounded-lg overflow-hidden flex">
                                 <img class="w-full h-auto rounded-lg" :src="$appState.darkTheme ? data.darkSrc || data.src : data.src" :alt="data.title" />
diff --git a/apps/showcase/pages/templates/genesis/index.vue b/apps/showcase/pages/templates/genesis/index.vue
index 298f68975..9c1486d0b 100644
--- a/apps/showcase/pages/templates/genesis/index.vue
+++ b/apps/showcase/pages/templates/genesis/index.vue
@@ -175,18 +175,25 @@ export default {
                                     description: 'Genesis is crafted to provide optimal viewing and interaction experience for a wide range of devices.',
                                     src: 'https://primefaces.org/cdn/primevue/images/templates/genesis/fully-responsive.png'
                                 },
+                                {
+                                    title: 'Support',
+                                    description: `PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users
+                                        can seek assistance in our community via our public <a href="https://discord.com/invite/gzKFYnpmCY">Discord</a> and
+                                        <a href="https://github.com/orgs/primefaces/discussions/categories/primevue-templates" class="doc-link">Forum</a>.`,
+                                    src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-lifetime.png'
+                                },
+                                {
+                                    title: 'Top Notch Quality',
+                                    description: 'Superior standards with 100% compatibility for strict mode and linting tools.',
+                                    src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-quality.png',
+                                    darkSrc: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-quality-dark.png'
+                                },
                                 {
                                     title: 'Cross Browser Compatible',
                                     description: 'First class support for Firefox, Safari, Chrome and Edge.',
                                     src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-compatible.png',
                                     darkSrc: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-compatible-dark.png'
                                 },
-                                {
-                                    title: 'Support',
-                                    description:
-                                        'PrimeTek offers assistance with account management and licensing issues, with the expectation that users have the necessary technical knowledge to use our products, as we do not offer technical support or consulting. Users can seek assistance in our community via our public Discord and Forum.',
-                                    src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-lifetime.png'
-                                },
                                 {
                                     title: 'Customizable Design',
                                     description: 'Fully customizable with a mixture of Sass and CSS variables.',
@@ -196,7 +203,7 @@ export default {
                                 {
                                     title: 'Mobile Experience',
                                     description: 'Touch optimized enhanced mobile experience with responsive design.',
-                                    src: 'https://primefaces.org/cdn/primevue/images/templates/genesis/mobile-experience.png'
+                                    src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-mobile.png'
                                 }
                             ],
                             displayType: 'vertical'