Files
full-matdash-nuxt-stim/_mockApis/components/pages/pricingData.ts
2025-06-30 13:50:07 +07:00

134 lines
3.6 KiB
TypeScript

/*import tabler icons*/
import { CheckIcon, XIcon, } from 'vue-tabler-icons';
import type { pricingType } from '@/types/components/pages/pricingData';
/*-- Pricing Page --*/
import img1 from '@/assets/images/backgrounds/silver.png';
import img2 from '@/assets/images/backgrounds/bronze.png';
import img3 from '@/assets/images/backgrounds/gold.png';
const pricing: pricingType[] = [
{
tagtext: false,
caption: 'Silver',
image: img1,
free: true,
price: 10.99,
yearlyprice: 10.99 * 12,
buttontext: 'Choose Silver',
list: [
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '3 Members',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Single Device',
status:false,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: '50GB Storage',
status:true,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Monthly Backups',
status:true,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Permissions & workflows',
status:true,
}
]
},
{
tagtext: true,
caption: 'bronze',
image: img2,
free: false,
price: 10.99,
yearlyprice: 10.99 * 12,
buttontext: 'Choose Bronze',
list: [
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '5 Members',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Multiple Device',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '80GB Storage',
status:false,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Monthly Backups',
status:true,
},
{
icon: XIcon,
iconcolor: 'inputBorder',
listtitle: 'Permissions & workflows',
status:true,
}
]
},
{
tagtext: false,
caption: 'gold',
image: img3,
free: false,
price: 22.99,
yearlyprice: 22.99 * 12,
buttontext: 'Choose Gold',
list: [
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '15 Members',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Multiple Device',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: '150GB Storage',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Monthly Backups',
status:false,
},
{
icon: CheckIcon,
iconcolor: 'primary',
listtitle: 'Permissions & workflows',
status:false,
}
]
}
];
export { pricing};