From 07dbf58b6345b1be0e29e16fb56df780f2d1d9a4 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 29 Apr 2024 13:31:11 +0300
Subject: [PATCH] Spring sale updates

---
 assets/styles/layout/templates/_templates.scss | 10 ++++++++--
 components/template/License.vue                |  7 +++++--
 pages/templates/apollo/index.vue               |  3 +++
 pages/templates/atlantis/index.vue             |  3 +++
 pages/templates/avalon/index.vue               |  3 +++
 pages/templates/diamond/index.vue              |  3 +++
 pages/templates/freya/index.vue                |  3 +++
 pages/templates/poseidon/index.vue             |  3 +++
 pages/templates/ultima/index.vue               |  3 +++
 pages/templates/verona/index.vue               |  3 +++
 pages/uikit/index.vue                          |  6 ++++--
 11 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/assets/styles/layout/templates/_templates.scss b/assets/styles/layout/templates/_templates.scss
index fa7d813eb..d2140c5c4 100644
--- 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
index 274986f7d..493e8381b 100644
--- 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
index 999e5fb21..c96b3f8ee 100644
--- 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
index 1ed4b0fc3..4aef913fc 100644
--- 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
index 7a53c5ce5..3bfc66e67 100644
--- 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
index eba74d51f..9d189365f 100644
--- 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
index 82d450937..de8b923eb 100644
--- 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
index f8a3633c7..87b2eaf6d 100644
--- 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
index a2bbdfbe8..6fb46c73a 100644
--- 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
index d411112a4..cda76c541 100644
--- 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
index 3d877537c..358255d13 100644
--- 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">