|
13 | 13 |
|
14 | 14 | <v-container class="pt-9 px-5" fluid>
|
15 | 15 | <v-row justify="space-around" dense>
|
16 |
| - <template v-for="({ src, text, href, name}, i) in cards" :key="i"> |
| 16 | + <template v-for="({ text, href, name, btnText, notes }, i) in cards" :key="i"> |
17 | 17 | <v-col cols="12" md="6">
|
18 | 18 | <v-responsive class="h-100" content-class="d-flex flex-column">
|
19 | 19 | <h3 class="d-flex align-center text-h6 font-weight-medium mb-4">
|
20 |
| - <v-avatar :image="src" class="me-3" /> |
21 |
| - <div> |
22 |
| - {{ name }} |
23 |
| - </div> |
| 20 | + {{ name }} |
24 | 21 | </h3>
|
25 | 22 |
|
26 |
| - <div class="text-caption mb-auto">{{ text }}</div> |
| 23 | + <div class="mb-auto text-caption"> |
| 24 | + <div class="mb-4">{{ text }}</div> |
| 25 | + <ul v-if="notes && notes.length" class="mb-0 ml-5"> |
| 26 | + <li v-for="(item, j) in notes" :key="j">{{ item }}</li> |
| 27 | + </ul> |
| 28 | + </div> |
27 | 29 |
|
28 | 30 | <v-btn
|
29 | 31 | :href="href"
|
30 |
| - :text="name === 'Frontend Code Audit' ? 'Request Audit' : 'Learn more'" |
31 |
| - :variant="i === 1 ? 'flat' : 'outlined'" |
| 32 | + :text="btnText" |
| 33 | + :variant="i === 3 ? 'flat' : 'outlined'" |
32 | 34 | class="text-none mt-8"
|
33 | 35 | color="primary"
|
34 | 36 | rel="noopener"
|
|
54 | 56 | <script setup>
|
55 | 57 | const cards = [
|
56 | 58 | {
|
57 |
| - name: 'Development and Support', |
58 |
| - href: 'https://www.epicmax.co/what-we-do?ref=vuetify', |
59 |
| - src: 'https://cdn.vuetifyjs.com/docs/images/discord/tiers/planetary.png', |
60 |
| - 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.', |
| 59 | + name: '🧩 Vuetify App Development', |
| 60 | + href: 'https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ1ICL1_pVx87WpbxCeAKPNljw8Wr8Og4-NuzbUV-RHlxs-c_B8s2nYZ0RAWPcVqTx4Dn568c5OA', |
| 61 | + 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.', |
| 62 | + btnText: 'Book a Consultation', |
61 | 63 | },
|
62 | 64 | {
|
63 |
| - name: 'Frontend Code Audit', |
64 |
| - href: 'https://www.epicmax.co/code-audit?ref=vuetify', |
65 |
| - src: 'https://cdn.vuetifyjs.com/docs/images/avatars/galaxy.png', |
66 |
| - 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.', |
| 65 | + name: '🔁 Vuetify 2 → Vuetify 3 Migration', |
| 66 | + href: 'https://epicmax.co/vue-3-migration#migration-form', |
| 67 | + 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.', |
| 68 | + notes: ['⚙️ Every migration includes a free audit and upgrade plan.'], |
| 69 | + btnText: 'Request Migration', |
67 | 70 | },
|
68 | 71 | {
|
69 |
| - name: 'Flexible Consulting', |
70 |
| - href: 'https://www.epicmax.co/?ref=vuetify', |
71 |
| - src: 'https://cdn.vuetifyjs.com/docs/images/avatars/multiverse.png', |
72 |
| - 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.', |
| 72 | + name: '🔍 Frontend Code Audit Services', |
| 73 | + href: 'https://epicmax.co/code-audit#request_form', |
| 74 | + 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.', |
| 75 | + notes: ['💡 Use code VUETIFY for 20% off.'], |
| 76 | + btnText: 'Request an Audit', |
73 | 77 | },
|
74 | 78 | {
|
75 |
| - name: 'Team Augmentation', |
76 |
| - href: 'https://www.epicmax.co/?ref=vuetify', |
77 |
| - src: 'https://cdn.vuetifyjs.com/docs/images/discord/tiers/gold.png', |
78 |
| - 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.', |
| 79 | + name: '👨💻 Hire Senior Vuetify Developers', |
| 80 | + href: 'https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ1ICL1_pVx87WpbxCeAKPNljw8Wr8Og4-NuzbUV-RHlxs-c_B8s2nYZ0RAWPcVqTx4Dn568c5OA', |
| 81 | + 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.', |
| 82 | + btnText: 'Hire Developers', |
79 | 83 | },
|
80 | 84 | ]
|
81 | 85 | </script>
|
0 commit comments