Add Support & Consulting page to docs (#4359)

packages/docs/components/landing/Footer.vue

@@ -115,6 +115,7 @@ const sitemap = computed(() => ([
   {
     title: 'Support',
     items: [
+      { label: 'Support & Consulting', component: 'a', prop: 'href', value: '/support/consulting' },
       { label: 'Give us a star\u00A0\u2B50', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui/' },
       { label: 'Report an issue', component: 'a', prop: 'href', value: 'https://github.com/epicmaxco/vuestic-ui/issues/new/choose' },
       { label: 'Contribute', component: 'router-link', prop: 'to', value: '/contribution/guide' },

packages/docs/components/landing/Header.vue

@@ -35,6 +35,14 @@
             >
               Contribute
             </VaButton>
+            <VaButton
+              href="/support/consulting"
+              target="_blank"
+              class="header__links--link"
+              preset="landingHeader"
+            >
+              Support & Consulting
+            </VaButton>
             <VaButton
               href="mailto:hello@epicmax.co"
               target="_blank"

packages/docs/page-config/navigationRoutes.ts

@@ -680,4 +680,18 @@ export const navigationRoutes: NavigationRoute[] = [
       }
     ],
   },
+  {
+    name: "support",
+    displayName: "Support",
+    children: [
+      {
+        name: "discord",
+        displayName: "Discord",
+      },
+      {
+        name: "consulting",
+        displayName: "Support & Consulting",
+      },
+    ]
+  }
 ];

packages/docs/page-config/support/consulting/index.ts

@@ -0,0 +1,52 @@
+
+export default definePageConfig({
+  blocks: [
+    block.title('Vuestic Dev: Support & Consulting page'),
+
+    block.subtitle('Community Support'),
+
+    block.paragraph('At Vuestic UI, we believe in the power of community. Our Community Support is designed to help you get the most out of Vuestic UI with the collective knowledge and experience of our users and core team. Whether you\'re a beginner or an advanced user, you can find the assistance you need through various community channels.'),
+
+    block.headline('GitHub Issues'),
+
+    block.markdown(`
+Our GitHub repository is the central hub for tracking bugs, requesting features, and collaborating on improvements. If you encounter any issues or have ideas for new features, you can:
+
+- **Report Issues:** Found a bug? Let us know by opening an issue on our GitHub. Our team actively monitors and prioritizes these reports to ensure timely fixes.
+- **Request Features:** Have an idea for a new component or enhancement? Submit a feature request, and discuss it with other community members and core developers.
+- **Contribute:** Vuestic UI is an open-source project. If you're a developer, feel free to contribute by fixing bugs, adding features, or improving documentation.
+`),
+    block.link("Visit our GitHub Repository", "https://github.com/epicmaxco/vuestic-ui"),
+
+    block.headline('Discord Community'),
+
+    block.markdown(`
+Join our vibrant Discord community to connect with fellow Vuestic UI users and the core team. Our Discord server is a great place to ask questions, share your projects, and get real-time assistance.
+- **Community Help:** Engage with other users who are happy to share their knowledge and experiences with Vuestic UI. You can ask questions, participate in discussions, and find solutions to common challenges.
+- **Core Team Interaction:** Get insights and advice directly from the core team members. Our developers are active on Discord, providing guidance and addressing your queries.
+- **Announcements and Updates:** Stay informed about the latest updates, new releases, and upcoming features by following our announcement channels.
+`),
+    block.link("Join our Discord Community", "https://discord.gg/u7fQdqQt8c"),
+
+    block.subtitle('Premium Support & Consulting'),
+    block.paragraph('For those who need more advanced assistance, Vuestic UI offers Premium Support & Consulting services through our official development partner, Epicmax. As the main contributor to Vuestic UI and Vuestic Admin, Epicmax brings a wealth of expertise and experience to help you achieve your project goals efficiently and effectively.'),
+    block.headline('Premium Services'),
+
+    block.markdown(`
+Epicmax provides a range of premium services designed to support various aspects of your development process:
+- **Frontend Development:** Whether you're starting a new project or enhancing an existing one, Epicmax offers comprehensive development services. Epicmax experts can help you build robust and scalable applications using Vuestic UI, ensuring high-quality code and optimal performance.
+- **Code Audit:** Ensure your codebase is clean, maintainable, and secure with a thorough code audit from Epicmax. Epicmax experts will review your code, identify potential issues, and provide actionable recommendations to improve code quality and performance. Learn more about our [Code Audit Services](https://www.epicmax.co/code-audit?ref=vuestic-consulting).
+- **Team Extension:** Extend your team with experienced Vuestic UI developers from Epicmax. These experts can seamlessly integrate with your team, bringing specialized knowledge and expertise to accelerate your development process and deliver high-quality results.
+- **Consultations:** Get tailored advice and guidance from the experts who built Vuestic UI. Whether you need help with integration, customization, or optimizing your workflow, Epicmax consultation services are designed to address your specific needs and challenges.
+`),
+    block.headline('How to Get Started'),
+
+    block.markdown(`
+Ready to take your project to the next level with Premium Support & Consulting? Contact Epicmax to get a quote and discuss how our services can be tailored to meet your specific requirements.
+
+[![Epicmax](/landing/epicmax.svg "Epicmax")](https://www.epicmax.co/code-audit?ref=vuestic-consulting)
+`),
+
+    block.link('Get a Quote', 'https://www.epicmax.co/#contact')
+  ]
+})