Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 28 additions & 24 deletions packages/docs/src/components/introduction/ConsultingServices.vue
Original file line number Diff line number Diff line change
Expand Up @@ -13,22 +13,24 @@

<v-container class="pt-9 px-5" fluid>
<v-row justify="space-around" dense>
<template v-for="({ src, text, href, name}, i) in cards" :key="i">
<template v-for="({ text, href, name, btnText, notes }, i) in cards" :key="i">
<v-col cols="12" md="6">
<v-responsive class="h-100" content-class="d-flex flex-column">
<h3 class="d-flex align-center text-h6 font-weight-medium mb-4">
<v-avatar :image="src" class="me-3" />
<div>
{{ name }}
</div>
{{ name }}
</h3>

<div class="text-caption mb-auto">{{ text }}</div>
<div class="mb-auto text-caption">
<div class="mb-4">{{ text }}</div>
<ul v-if="notes && notes.length" class="mb-0 ml-5">
<li v-for="(item, j) in notes" :key="j">{{ item }}</li>
</ul>
</div>

<v-btn
:href="href"
:text="name === 'Frontend Code Audit' ? 'Request Audit' : 'Learn more'"
:variant="i === 1 ? 'flat' : 'outlined'"
:text="btnText"
:variant="i === 3 ? 'flat' : 'outlined'"
class="text-none mt-8"
color="primary"
rel="noopener"
Expand All @@ -54,28 +56,30 @@
<script setup>
const cards = [
{
name: 'Development and Support',
href: 'https://www.epicmax.co/what-we-do?ref=vuetify',
src: 'https://cdn.vuetifyjs.com/docs/images/discord/tiers/planetary.png',
text: 'Epicmax provides dedicated development and ongoing support for Vuetify-based projects, ensuring your product is built and maintained with best practices for maximum performance and stability.',
name: '🧩 Vuetify App Development',
href: 'https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ1ICL1_pVx87WpbxCeAKPNljw8Wr8Og4-NuzbUV-RHlxs-c_B8s2nYZ0RAWPcVqTx4Dn568c5OA',
text: 'Epicmax helps companies build and improve Vuetify apps of any size - from brand-new products to complex legacy systems. Our senior Vue.js team resolves performance issues, modernizes legacy codebases, and develops scalable frontend architectures with clean, intuitive UI/UX designs. If you need reliable Vuetify experts to optimize, upgrade, or extend your app, we’ve got you covered.',
btnText: 'Book a Consultation',
},
{
name: 'Frontend Code Audit',
href: 'https://www.epicmax.co/code-audit?ref=vuetify',
src: 'https://cdn.vuetifyjs.com/docs/images/avatars/galaxy.png',
text: 'Identify and resolve potential issues in your frontend code with a thorough audit from Epicmax\'s seasoned experts. Their in-depth analysis ensures that your codebase is optimized, clean, and ready for scale. Use code "VUETIFY" to get 20% off.',
name: '🔁 Vuetify 2 → Vuetify 3 Migration',
href: 'https://epicmax.co/vue-3-migration#migration-form',
text: 'Still running on Vuetify 2? Our Vuetify migration experts ensure a smooth upgrade to Vuetify 3 - with zero downtime, clear budget estimates, and long-term support.',
notes: ['⚙️ Every migration includes a free audit and upgrade plan.'],
btnText: 'Request Migration',
},
{
name: 'Flexible Consulting',
href: 'https://www.epicmax.co/?ref=vuetify',
src: 'https://cdn.vuetifyjs.com/docs/images/avatars/multiverse.png',
text: 'Whether you need short-term assistance or a long-term strategy, Epicmax provides flexible consulting services that adapt to your specific project needs and timeline.',
name: '🔍 Frontend Code Audit Services',
href: 'https://epicmax.co/code-audit#request_form',
text: 'Ensure your app runs at its best with Epicmax’s Vue.js and Vuetify code audit services. We provide a detailed technical review, highlight performance bottlenecks, and deliver a prioritized roadmap with actionable fixes.',
notes: ['💡 Use code VUETIFY for 20% off.'],
btnText: 'Request an Audit',
},
{
name: 'Team Augmentation',
href: 'https://www.epicmax.co/?ref=vuetify',
src: 'https://cdn.vuetifyjs.com/docs/images/discord/tiers/gold.png',
text: 'Epicmax can boost your team with skilled developers who integrate seamlessly into your workflow. Whether for short-term projects or ongoing support, they help you scale and meet your goals efficiently.',
name: '👨‍💻 Hire Senior Vuetify Developers',
href: 'https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ1ICL1_pVx87WpbxCeAKPNljw8Wr8Og4-NuzbUV-RHlxs-c_B8s2nYZ0RAWPcVqTx4Dn568c5OA',
text: 'Scale your team with Epicmax’s senior Vue.js and Vuetify developers. Our engineers seamlessly integrate into your workflow, modernize legacy Vue.js applications, optimize frontend performance, and build scalable web applications with clean, reliable UI/UX.',
btnText: 'Hire Developers',
},
]
</script>
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ Get direct access to the Vuetify team through our private [Discord server](https

## Consulting Services

Take your software projects to the next level with the expert consulting services of our trusted partner, [Epicmax](https://www.epicmax.co/?ref=vuetify). With extensive experience in delivering Vuetify-based projects, Epicmax provides specialized guidance to ensure your project is efficient, innovative, and tailored to your unique requirements.
[Epicmax](https://www.epicmax.co/?ref=vuetify) is a leading Vue.js development company and an official Vuetify partner. With over 8 years of experience and more than 60 successful projects, we help companies worldwide build, modernize, and scale applications using Vue.js and Vuetify.

<IntroductionConsultingServices />

Expand Down