opnform/resources/js/components/pages/pricing/CustomPlan.vue

42 lines
1.3 KiB
Vue

<template>
<div class="border relative max-w-5xl mx-auto mt-4 lg:mt-10">
<div class="w-full">
<div class="rounded-lg bg-gray-50 dark:bg-gray-800 px-6 py-8 sm:p-10 lg:flex lg:items-center">
<div class="flex-1">
<h3 class="inline-flex px-4 py-1 rounded-full text-md font-bold tracking-wide uppercase bg-white text-gray-800">
Custom plan
</h3>
<div class="mt-4 text-md text-gray-600 dark:text-gray-400">
Get a custom file upload limit, enterprise-level support, custom contract, dedicated application instance in a specific region, payment via invoice/PO etc.
</div>
</div>
<div class="mt-6 rounded-md lg:mt-0 lg:ml-10 lg:flex-shrink-0">
<v-button color="white" class="w-full mt-4" @click.prevent="customPlanClick">
Contact us
</v-button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'CustomPlan',
components: {},
props: {},
data: () => ({}),
computed: {},
methods: {
customPlanClick () {
window.$crisp.push(['do', 'chat:show'])
window.$crisp.push(['do', 'chat:open'])
window.$crisp.push(['do', 'message:send', ['text', 'Hi, I would like to discuss about a custom plan']])
}
}
}
</script>