Skip to content

Commit

Permalink
Spring sale updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@tugcekucukoglu
tugcekucukoglu committed Apr 29, 2024
1 parent 684bfb6 commit 07dbf58
Show file tree
Hide file tree
Showing 11 changed files with 41 additions and 6 deletions.
10 changes: 8 additions & 2 deletions assets/styles/layout/templates/_templates.scss
View file
Expand Up @@ -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 {
Expand Down
7 changes: 5 additions & 2 deletions components/template/License.vue
View file
Expand Up @@ -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>
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/apollo/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/atlantis/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/avalon/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/diamond/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/freya/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/poseidon/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/ultima/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
3 changes: 3 additions & 0 deletions pages/templates/verona/index.vue
View file
Expand Up @@ -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']
}
]
Expand Down
6 changes: 4 additions & 2 deletions pages/uikit/index.vue
View file
Expand Up @@ -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">
Expand Down Expand Up @@ -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">
Expand Down

0 comments on commit 07dbf58

Please sign in to comment.