Update uikit and template pages
Cagatay Civici
parent
46daca0f48
commit
350cb5805a
|
|
@ -19,6 +19,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.template-features a {
|
||||||
|
@include doc-link();
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes p-features-order-animation {
|
@keyframes p-features-order-animation {
|
||||||
0% {
|
0% {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="template-features">
|
||||||
<div v-if="displayType === 'vertical'" class="px-6 py-6 sm:px-10 sm:py-10 lg:py-20 rounded-3xl bg-surface-0 dark:bg-surface-900">
|
<div v-if="displayType === 'vertical'" class="px-6 py-6 sm:px-10 sm:py-10 lg:py-20 rounded-3xl bg-surface-0 dark:bg-surface-900">
|
||||||
<div class="mx-auto max-w-3xl flex sm:flex-row flex-col items-start gap-6">
|
<div class="mx-auto max-w-3xl flex sm:flex-row flex-col items-start gap-6">
|
||||||
<div
|
<div
|
||||||
|
|
@ -16,7 +16,7 @@
|
||||||
<img class="w-full h-auto rounded-lg" :src="$appState.darkTheme ? data.darkSrc || data.src : data.src" :alt="data.title" />
|
<img class="w-full h-auto rounded-lg" :src="$appState.darkTheme ? data.darkSrc || data.src : data.src" :alt="data.title" />
|
||||||
</div>
|
</div>
|
||||||
<h2 class="mt-5 mb-0 text-lg text-surface-900 dark:text-surface-0 font-semibold">{{ data.title }}</h2>
|
<h2 class="mt-5 mb-0 text-lg text-surface-900 dark:text-surface-0 font-semibold">{{ data.title }}</h2>
|
||||||
<p class="mt-2 mb-0 text-muted-color text-sm">{{ data.description }}</p>
|
<p class="mt-2 mb-0 text-muted-color" v-html="data.description"></p>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<h5 class="text-surface-900 dark:text-surface-0 font-semibold mb-2 text-lg">{{ data.title }}</h5>
|
<h5 class="text-surface-900 dark:text-surface-0 font-semibold mb-2 text-lg">{{ data.title }}</h5>
|
||||||
<p class="m-0 text-muted-color text-sm">{{ data.description }}</p>
|
<p class="m-0 text-muted-color" v-html="data.description"></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="px-6 py-6 sm:px-10 sm:py-5 lg:py-20 lg:px-8 rounded-2xl lg:rounded-3xl bg-surface-0 dark:bg-surface-900">
|
<div class="template-features px-6 py-6 sm:px-10 sm:py-5 lg:py-20 lg:px-8 rounded-2xl lg:rounded-3xl bg-surface-0 dark:bg-surface-900">
|
||||||
<h2 v-if="title" class="text-center text-surface-900 dark:text-surface-0 text-3xl lg:text-5xl font-semibold lg:pt-0 pt-6 mb-12">{{ title }}</h2>
|
<h2 v-if="title" class="text-center text-surface-900 dark:text-surface-0 text-3xl lg:text-5xl font-semibold lg:pt-0 pt-6 mb-12">{{ title }}</h2>
|
||||||
<div
|
<div
|
||||||
ref="animationRef"
|
ref="animationRef"
|
||||||
|
|
|
||||||
|
|
@ -25,11 +25,11 @@
|
||||||
<div class="flex items-center gap-4 mt-6">
|
<div class="flex items-center gap-4 mt-6">
|
||||||
<a class="flex items-center gap-2 text-primary-contrast lg:text-base text-sm" :href="templateHeroData.supportHref ?? 'https://github.com/orgs/primefaces/discussions/categories/primevue-templates'" target="_blank">
|
<a class="flex items-center gap-2 text-primary-contrast lg:text-base text-sm" :href="templateHeroData.supportHref ?? 'https://github.com/orgs/primefaces/discussions/categories/primevue-templates'" target="_blank">
|
||||||
<i class="pi pi-github" />
|
<i class="pi pi-github" />
|
||||||
<span class="hover:underline">{{ templateHeroData.free ? 'Open Issues' : 'Get Support' }}</span>
|
<span class="hover:underline">{{ templateHeroData.free ? 'Open Issues' : 'Community' }}</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="flex items-center gap-2 text-primary-contrast lg:text-base text-sm" :href="templateHeroData.docHref" target="_blank">
|
<a class="flex items-center gap-2 text-primary-contrast lg:text-base text-sm" :href="templateHeroData.docHref" target="_blank">
|
||||||
<i class="pi pi-book" />
|
<i class="pi pi-book" />
|
||||||
<span class="hover:underline">Read Doc</span>
|
<span class="hover:underline">Documentation</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,13 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import ApolloLogo from '../../../components/template/logo/ApolloLogo.vue';
|
import ApolloLogo from '@/components/template/logo/ApolloLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -48,13 +49,13 @@ export default {
|
||||||
title: 'Basic License',
|
title: 'Basic License',
|
||||||
price: '$59',
|
price: '$59',
|
||||||
discount: '',
|
discount: '',
|
||||||
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', 'Lifetime Support', 'Unlimited Updates']
|
included: ['Non Commercial Usage', 'Single End Product, No Multi-Use', '1 Year Free Updates']
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Extended License',
|
title: 'Extended License',
|
||||||
price: '$590',
|
price: '$590',
|
||||||
discount: '',
|
discount: '',
|
||||||
included: ['Commercial Usage', 'Multiple End Products', 'Lifetime Support', 'Unlimited Updates']
|
included: ['Commercial Usage', 'Multiple End Products', '1 Year Free Updates']
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
@ -213,8 +214,10 @@ export default {
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-responsive.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-responsive.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Lifetime Support',
|
title: 'Support',
|
||||||
description: 'Apollo has a dedicated forum where lifetime support is delivered by engineers at PrimeTek in a timely manner.',
|
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/figma-ui-kit" class="doc-link">Forum</a>.`,
|
||||||
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-lifetime.png'
|
src: 'https://primefaces.org/cdn/primevue/images/templates/apollo/apollo-features2-lifetime.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import AtlantisLogo from '../../../components/template/logo/AtlantisLogo.vue';
|
import AtlantisLogo from '@/components/template/logo/AtlantisLogo.vue';
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import AvalonLogo from '../../../components/template/logo/AvalonLogo.vue';
|
import AvalonLogo from '@/components/template/logo/AvalonLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import DiamondLogo from '../../../components/template/logo/DiamondLogo.vue';
|
import DiamondLogo from '@/components/template/logo/DiamondLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import FreyaLogo from '../../../components/template/logo/FreyaLogo.vue';
|
import FreyaLogo from '@/components/template/logo/FreyaLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import PoseidonLogo from '../../../components/template/logo/PoseidonLogo.vue';
|
import PoseidonLogo from '@/components/template/logo/PoseidonLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -7,11 +7,11 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import SakaiLogo from '../../../components/template/logo/SakaiLogo.vue';
|
import SakaiLogo from '@/components/template/logo/SakaiLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import UltimaLogo from '../../../components/template/logo/UltimaLogo.vue';
|
import UltimaLogo from '@/components/template/logo/UltimaLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import TemplateConfiguration from '../../../components/template/TemplateConfiguration.vue';
|
import TemplateConfiguration from '@/components/template/TemplateConfiguration.vue';
|
||||||
import TemplateFeatures from '../../../components/template/TemplateFeatures.vue';
|
import TemplateFeatures from '@/components/template/TemplateFeatures.vue';
|
||||||
import TemplateFeaturesAnimation from '../../../components/template/TemplateFeaturesAnimation.vue';
|
import TemplateFeaturesAnimation from '@/components/template/TemplateFeaturesAnimation.vue';
|
||||||
import TemplateHero from '../../../components/template/TemplateHero.vue';
|
import TemplateHero from '@/components/template/TemplateHero.vue';
|
||||||
import TemplateLicense from '../../../components/template/TemplateLicense.vue';
|
import TemplateLicense from '@/components/template/TemplateLicense.vue';
|
||||||
import VeronaLogo from '../../../components/template/logo/VeronaLogo.vue';
|
import VeronaLogo from '@/components/template/logo/VeronaLogo.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
|
|
||||||
|
|
@ -147,7 +147,9 @@
|
||||||
<div class="card mb-8" style="border-radius: 50px">
|
<div class="card mb-8" style="border-radius: 50px">
|
||||||
<div class="font-bold text-5xl mb-6 text-center">Pricing</div>
|
<div class="font-bold text-5xl mb-6 text-center">Pricing</div>
|
||||||
<div class="mb-2 text-center leading-normal text-lg">Choose the right plan for your business. Whether you are an individual or a member of a team, UI Kit is available for affordable prices.</div>
|
<div class="mb-2 text-center leading-normal text-lg">Choose the right plan for your business. Whether you are an individual or a member of a team, UI Kit is available for affordable prices.</div>
|
||||||
<a href="https://www.primefaces.org/uikit/licenses" class="mb-12 doc-link text-center block">View License Details</a>
|
<div class="text-center mb-8">
|
||||||
|
<a href="https://www.primefaces.org/uikit/licenses" class="doc-link">View License Details</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="grid grid-cols-12 gap-4">
|
<div class="grid grid-cols-12 gap-4">
|
||||||
<div class="col-span-12 lg:col-span-4">
|
<div class="col-span-12 lg:col-span-4">
|
||||||
|
|
@ -179,7 +181,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
<span>Lifetime Support</span>
|
<span>1 Year Free Updates</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
|
|
@ -221,7 +223,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
<span>Lifetime Support</span>
|
<span>1 Year Free Updates</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
|
|
@ -247,7 +249,7 @@
|
||||||
<ul class="list-none p-0 m-0 grow text-lg">
|
<ul class="list-none p-0 m-0 grow text-lg">
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
<span class="font-bold">Unlimited Designers</span>
|
<span class="font-bold">Custom Team Size</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
|
|
@ -263,7 +265,7 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
<span>Lifetime Support</span>
|
<span>1 Year Free Updates</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-center mb-4">
|
<li class="flex items-center mb-4">
|
||||||
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
<i class="pi pi-check-circle text-green-500 mr-2"></i>
|
||||||
|
|
@ -282,43 +284,47 @@
|
||||||
<span class="block font-bold text-5xl mb-8 text-center">Frequently Asked Questions</span>
|
<span class="block font-bold text-5xl mb-8 text-center">Frequently Asked Questions</span>
|
||||||
<div class="grid grid-cols-12 gap-4 text-lg">
|
<div class="grid grid-cols-12 gap-4 text-lg">
|
||||||
<div class="col-span-12 lg:col-span-4 px-2 lg:px-8">
|
<div class="col-span-12 lg:col-span-4 px-2 lg:px-8">
|
||||||
<div class="leading-normal mb-2 font-medium">What do I get when I purchase a license?</div>
|
<div class="leading-normal mb-2 font-bold">What do I get when I purchase a license?</div>
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">You'll be able to download two Figma files for light and dark themes.</p>
|
<p class="mt-0 mb-12 p-0 leading-normal">You'll be able to download two Figma files for light and dark themes.</p>
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">Is there a recurring fee or is the license perpetual?</div>
|
<div class="leading-normal mb-2 font-bold">Is there a recurring fee or is the license perpetual?</div>
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">UI Kit license is perpetual so requires one time payment, not subscription based.</p>
|
<p class="mt-0 mb-12 p-0 leading-normal">UI Kit license is perpetual so requires one time payment with 1 year free updates, not subscription based.</p>
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">Can I use UI Kit license for commercial projects?</div>
|
<div class="leading-normal mb-2 font-bold">Can I use UI Kit license for commercial projects?</div>
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">Yes, your license allows you to sell your projects that utilize the UI Kit implementations.</p>
|
<p class="mt-0 mb-12 p-0 leading-normal">Yes, your license allows you to sell your projects that utilize the UI Kit implementations.</p>
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">Can I create multiple projects for multiple clients?</div>
|
<div class="leading-normal mb-2 font-bold">Can I create multiple projects for multiple clients?</div>
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">There is no limit, you are able to use UI Kit in multiple projects for multiple clients.</p>
|
<p class="mt-0 mb-12 p-0 leading-normal">There is no limit, you are able to use UI Kit in multiple projects for multiple clients.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-span-12 lg:col-span-4 px-2 lg:px-8">
|
<div class="col-span-12 lg:col-span-4 px-2 lg:px-8">
|
||||||
<div class="leading-normal mb-2">We're a reseller, are we able to purchase a license on behalf of our client?</div>
|
<div class="leading-normal mb-2 font-bold">What Does "Free Updates" Mean?</div>
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">Yes, after the purchase, please <a href="mailto:contact@primetek.com.tr" class="doc-link">contact us</a> so we can transfer the license to your client.</p>
|
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">Does the enterprise license include contractors within the organization?</div>
|
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">Yes, contractors are also able to use the UI Kit within your company.</p>
|
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">Can subsidiary company of a larger organization share the enterprise license?</div>
|
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">No, enterprise license is per company so each subsidiary company needs to purchase a separate license.</p>
|
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">What does "free updates" mean?</div>
|
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">All updates will be totally free of charge for existing customers for an unlimited period.</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-span-12 lg:col-span-4 px-2 lg:px-8">
|
|
||||||
<div class="leading-normal mb-2 font-medium">How can I get support?</div>
|
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">
|
<p class="mt-0 mb-12 p-0 leading-normal">
|
||||||
Support is provided by PrimeTek via
|
All updates are completely free for the first year after your purchase. After this one-year period, you will no longer have access to newer versions. However, all versions released within the first year from your purchase
|
||||||
<a href="https://github.com/orgs/primefaces/discussions/categories/figma-ui-kit" class="doc-link">a dedicated forum channel monitored</a> by PrimeTek support staff.
|
date will remain accessible to you indefinitely.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">What does lifetime support mean?</div>
|
<div class="leading-normal mb-2 font-bold">How Can I Extend My Access to Updates After One Year?</div>
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">Support service at the forum does not have a time limit.</p>
|
<p class="mt-0 mb-12 p-0 leading-normal">At PrimeStore, you have the option to purchase an additional update term. This will grant you access to all existing versions and updates for another year.</p>
|
||||||
|
|
||||||
<div class="leading-normal mb-2 font-medium">Can I include UI Kit in an open source project?</div>
|
<div class="leading-normal mb-2 font-bold">How can I get support?</div>
|
||||||
|
<p class="mt-0 mb-12 p-0 leading-normal">
|
||||||
|
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" class="doc-link">Discord</a> and
|
||||||
|
<a href="https://github.com/orgs/primefaces/discussions/categories/figma-ui-kit" class="doc-link">Forum</a>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-span-12 lg:col-span-4 px-2 lg:px-8">
|
||||||
|
<div class="leading-normal mb-2 font-bold">Does the enterprise license include contractors within the organization?</div>
|
||||||
|
<p class="mt-0 mb-12 p-0 leading-normal">Yes, contractors are also able to use the UI Kit within your company within the custom team limit.</p>
|
||||||
|
|
||||||
|
<div class="leading-normal mb-2 font-bold">Can subsidiary company of a larger organization share the enterprise license?</div>
|
||||||
|
<p class="mt-0 mb-12 p-0 leading-normal">No, enterprise license is per company so each subsidiary company needs to purchase a separate license.</p>
|
||||||
|
|
||||||
|
<div class="leading-normal mb-2 font-bold">Can I include UI Kit in an open source project?</div>
|
||||||
<p class="mt-0 mb-12 p-0 leading-normal">Due to the license, it is not possible to use the UI Kit in an open source project where the design files are publicly available.</p>
|
<p class="mt-0 mb-12 p-0 leading-normal">Due to the license, it is not possible to use the UI Kit in an open source project where the design files are publicly available.</p>
|
||||||
|
|
||||||
|
<div class="leading-normal mb-2 font-bold">We're a reseller, are we able to purchase a license on behalf of our client?</div>
|
||||||
|
<p class="mt-0 mb-12 p-0 leading-normal">Yes, after the purchase, please <a href="mailto:contact@primetek.com.tr" class="doc-link">contact us</a> so we can transfer the license to your client.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue