Spring sale updates

primefaces · Apr 29, 2024 · 07dbf58 · 07dbf58
1 parent 684bfb6
commit 07dbf58
Show file tree

Hide file tree

Showing 11 changed files with 41 additions and 6 deletions.
diff --git a/assets/styles/layout/templates/_templates.scss b/assets/styles/layout/templates/_templates.scss
@@ -1506,19 +1506,25 @@
             border: 1px solid var(--p-surface-200);
             background-color: var(--card-background);
 
-            span {
+            &-title {
                 color: var(--p-surface-900);
                 font-weight: 600;
                 line-height: 1.5rem;
             }
 
-            h2 {
+            &-pricing {
                 color: var(--p-surface-900);
                 font-size: 2.5rem;
                 font-weight: 600;
                 line-height: 3rem;
                 letter-spacing: -0.025rem;
                 margin: 1rem 0 1.25rem;
+
+                &-discount-active {
+                    color: var(--p-surface-600);
+                    text-decoration: line-through;
+                    margin-right: 1rem;
+                }
             }
 
             button {

diff --git a/components/template/License.vue b/components/template/License.vue
@@ -4,8 +4,11 @@
             <div class="template-license-cards">
                 <template v-for="(detail, index) in license.licenseDetails" :key="index">
                     <div class="template-license-card">
-                        <span>{{ detail.title }}</span>
-                        <h2>{{ detail.price }}</h2>
+                        <span class="template-license-card-title">{{ detail.title }}</span>
+                        <div class="template-license-card-pricing">
+                            <span :class="{ 'template-license-card-pricing-discount-active': license.showDiscount }">{{ detail.price }}</span>
+                            <span v-if="license.showDiscount">{{ detail.discount }}</span>
+                        </div>
                         <div class="template-license-card-included">
                             <template v-for="(txt, i) in detail.included" :key="`text_${i}`">
                                 <p>{{ txt }}</p>

diff --git a/pages/templates/apollo/index.vue b/pages/templates/apollo/index.vue
@@ -220,15 +220,18 @@ export default {
             license: {
                 documentLink: 'https://apollo.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/templates/atlantis/index.vue b/pages/templates/atlantis/index.vue
@@ -208,15 +208,18 @@ export default {
             license: {
                 documentLink: 'https://atlantis.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/templates/avalon/index.vue b/pages/templates/avalon/index.vue
@@ -207,15 +207,18 @@ export default {
             license: {
                 documentLink: 'https://avalon.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$49',
+                        discount: '$29',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$490',
+                        discount: '$290',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/templates/diamond/index.vue b/pages/templates/diamond/index.vue
@@ -197,15 +197,18 @@ export default {
             license: {
                 documentLink: 'https://diamond.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/templates/freya/index.vue b/pages/templates/freya/index.vue
@@ -194,15 +194,18 @@ export default {
             license: {
                 documentLink: 'https://freya.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/templates/poseidon/index.vue b/pages/templates/poseidon/index.vue
@@ -172,15 +172,18 @@ export default {
             license: {
                 documentLink: 'https://poseidon.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/templates/ultima/index.vue b/pages/templates/ultima/index.vue
@@ -206,15 +206,18 @@ export default {
             license: {
                 documentLink: 'https://ultima.primevue.org/documentation/',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$59',
+                        discount: '$39',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$590',
+                        discount: '$390',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/templates/verona/index.vue b/pages/templates/verona/index.vue
@@ -195,15 +195,18 @@ export default {
             license: {
                 documentLink: 'https://verona.primevue.org/documentation',
                 description: 'The download package is a Vite-based project containing all application source codes deployed at the live demo. The project code is written in JavaScript.',
+                showDiscount: true,
                 licenseDetails: [
                     {
                         title: 'Basic License',
                         price: '$49',
+                        discount: '$29',
                         included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
                     },
                     {
                         title: 'Extended License',
                         price: '$490',
+                        discount: '$290',
                         included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
                     }
                 ]

diff --git a/pages/uikit/index.vue b/pages/uikit/index.vue
@@ -157,7 +157,8 @@
                                 <div class="text-600 font-medium">For individual designers</div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <div class="flex flex-wrap gap-3">
-                                    <span class="text-2xl font-bold text-900">$99</span>
+                                    <span class="text-2xl font-bold text-900 line-through text-color-secondary">$99</span>
+                                    <span class="text-2xl font-bold text-900">$49</span>
                                 </div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <ul class="list-none p-0 m-0 flex-grow-1 text-lg">
@@ -201,7 +202,8 @@
                                 <div class="text-600 font-medium">For small teams</div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <div class="flex flex-wrap gap-3">
-                                    <span class="text-2xl font-bold text-900">$249</span>
+                                    <span class="text-2xl font-bold text-900 line-through text-color-secondary">$249</span>
+                                    <span class="text-2xl font-bold text-900">$149</span>
                                 </div>
                                 <hr class="my-3 mx-0 border-top-1 border-none surface-border" />
                                 <ul class="list-none p-0 m-0 flex-grow-1 text-lg">