Genesis page updates

SamVanini · Dec 26, 2024 · 22f541f · 22f541f
1 parent 73877fa
commit 22f541f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git 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
@@ -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'