From 6e200ac6f6ae6ba33a4e1907424bfa3abe0f98f3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Robin=20Br=C3=A4mer?= Date: Sun, 11 Feb 2024 16:06:14 +0100 Subject: [PATCH] docs: Introduce Pricing Plans page (#45) --- .web/docs/.vitepress/config.ts | 2 +- .../.vitepress/theme/components/LogoCloud.vue | 3 +- .../theme/components/plans/PlansLanding.vue | 13 ++ .../theme/components/plans/README.md | 14 ++ .../components/plans/faq_two_columns.vue | 79 +++++++ .../plans/two_tiers_with_emphasized_tier.vue | 68 ++++++ .../plans/with_comparison_table_on_dark.vue | 197 ++++++++++++++++++ .web/docs/.vitepress/theme/index.ts | 2 + .web/docs/guide/connectors/index.md | 2 +- .web/docs/plans.md | 7 + .web/tailwind.config.js | 1 + 11 files changed, 384 insertions(+), 4 deletions(-) create mode 100644 .web/docs/.vitepress/theme/components/plans/PlansLanding.vue create mode 100644 .web/docs/.vitepress/theme/components/plans/README.md create mode 100644 .web/docs/.vitepress/theme/components/plans/faq_two_columns.vue create mode 100644 .web/docs/.vitepress/theme/components/plans/two_tiers_with_emphasized_tier.vue create mode 100644 .web/docs/.vitepress/theme/components/plans/with_comparison_table_on_dark.vue create mode 100644 .web/docs/plans.md diff --git a/.web/docs/.vitepress/config.ts b/.web/docs/.vitepress/config.ts index 1901d70..b643318 100644 --- a/.web/docs/.vitepress/config.ts +++ b/.web/docs/.vitepress/config.ts @@ -84,10 +84,10 @@ export default defineConfig({ }, nav: [ - {text: 'Guide', link: '/guide/'}, {text: 'Quick Start', link: '/guide/quick-start'}, {text: 'Connectors', link: '/guide/connectors/'}, {text: 'Downloads', link: '/guide/connectors/plugin#downloading-the-connect-plugin'}, + {text: 'Pricing', link: '/plans'}, {text: 'Changelog', link: '/guide/changelog'}, ...projects, ], diff --git a/.web/docs/.vitepress/theme/components/LogoCloud.vue b/.web/docs/.vitepress/theme/components/LogoCloud.vue index eb28515..9e6c84d 100644 --- a/.web/docs/.vitepress/theme/components/LogoCloud.vue +++ b/.web/docs/.vitepress/theme/components/LogoCloud.vue @@ -11,8 +11,7 @@

Dashboard - App + href="https://app.minekube.com/">Dashboard App Discord
diff --git a/.web/docs/.vitepress/theme/components/plans/PlansLanding.vue b/.web/docs/.vitepress/theme/components/plans/PlansLanding.vue new file mode 100644 index 0000000..a82e406 --- /dev/null +++ b/.web/docs/.vitepress/theme/components/plans/PlansLanding.vue @@ -0,0 +1,13 @@ + + + diff --git a/.web/docs/.vitepress/theme/components/plans/README.md b/.web/docs/.vitepress/theme/components/plans/README.md new file mode 100644 index 0000000..bcdb859 --- /dev/null +++ b/.web/docs/.vitepress/theme/components/plans/README.md @@ -0,0 +1,14 @@ +// please design a nice saas plans landing page +// with 1 free plan and 1 paid plan called "Minekube Plus" +// the page has a prominent header "Plan Pricing" and a subheader, following the plans. +// below the plans is a section explaining our pricing philosophy, and a call to action to contact us for custom plans. +// use tailwind classes + +copies: + +subheader: +Use Minekube for free with your whole team. +Upgrade to enable Browser opt-outs, and additional features. + +free plan: title: Free, subheader: Free for everyone +plus plan: title: Minekube Plus, \ No newline at end of file diff --git a/.web/docs/.vitepress/theme/components/plans/faq_two_columns.vue b/.web/docs/.vitepress/theme/components/plans/faq_two_columns.vue new file mode 100644 index 0000000..b7115ed --- /dev/null +++ b/.web/docs/.vitepress/theme/components/plans/faq_two_columns.vue @@ -0,0 +1,79 @@ + + + \ No newline at end of file diff --git a/.web/docs/.vitepress/theme/components/plans/two_tiers_with_emphasized_tier.vue b/.web/docs/.vitepress/theme/components/plans/two_tiers_with_emphasized_tier.vue new file mode 100644 index 0000000..a6a733a --- /dev/null +++ b/.web/docs/.vitepress/theme/components/plans/two_tiers_with_emphasized_tier.vue @@ -0,0 +1,68 @@ + + + \ No newline at end of file diff --git a/.web/docs/.vitepress/theme/components/plans/with_comparison_table_on_dark.vue b/.web/docs/.vitepress/theme/components/plans/with_comparison_table_on_dark.vue new file mode 100644 index 0000000..a25f9da --- /dev/null +++ b/.web/docs/.vitepress/theme/components/plans/with_comparison_table_on_dark.vue @@ -0,0 +1,197 @@ + + + \ No newline at end of file diff --git a/.web/docs/.vitepress/theme/index.ts b/.web/docs/.vitepress/theme/index.ts index c7b71b7..03e350a 100644 --- a/.web/docs/.vitepress/theme/index.ts +++ b/.web/docs/.vitepress/theme/index.ts @@ -5,6 +5,7 @@ import './styles/vars.css' import VPBadge from 'vitepress/dist/client/theme-default/components/VPBadge.vue' import MeetTeam from "./components/MeetTeam.vue"; import Layout from "./components/Layout.vue"; +import PlansLanding from "./components/plans/PlansLanding.vue"; export default { extends: DefaultTheme, @@ -13,5 +14,6 @@ export default { // app.component('TextAndImage', SvgImage) app.component('VPBadge', VPBadge) app.component('MeetTeam', MeetTeam) + app.component('PlansLanding', PlansLanding) } } satisfies Theme diff --git a/.web/docs/guide/connectors/index.md b/.web/docs/guide/connectors/index.md index 5026a95..2626894 100644 --- a/.web/docs/guide/connectors/index.md +++ b/.web/docs/guide/connectors/index.md @@ -60,7 +60,7 @@ join a Minecraft server running in Singapore. This process, utilizing both local and player-nearby Edge servers, ensures a high-quality connection for players globally, effectively reducing latency and securing the data path. -![https://mermaid.live/edit#pako:eNptkrtuwzAMRX9F0BwvHjV46WMrWiAdvbASmwq1KYeSWgRB_r2ymcgpEg9-yIfUuTaP2gaH2uiI-4xk8dHDjmHsSZVjAk7e-gkoqbcBDsi3609uhwqiXD24-0RbkejpFnkIRGhTuNN_i_yDvJSTm4KnJIz4NF03dzWXDioFRQi87CWgnOfnM9ya0pScihijD6QmDlOIMKxgW8iqZNRz4F_gewVSUtGm6US3-hRcmNVkpavOa04fIRellMu7QRJgTSBKzTnpuzD2aoOriE0nH-a_gd7oEXkE78qvPs54r9MXjthrU24d8HevezoVDnIK2wNZbRJn3Og8OUiXsdDmE4ZYVtH5kuBFZmcZodMfAHfFrw](diagram.svg) +![https://mermaid.live/edit#pako:eNptkj1vgzAQhv-K5TksjAws_diqVkpHlqt9Sq2Gs3u2W0VR_nsNF0yqwMCHee78vHBnbbxF3emI3xnJ4KODA8M4kCpHAE7OuACU1NsRTsj360_2gAqiXB3YbaKtSHR0jzx4IjTJb_TfI_8gz-Vkg3eUhBGfpu-nrt3SQSWvCIHnvQSU8_R8hduuNCWrIsboPKnAPvgIxxVsC1mVOvXs-Rd4q0BKKto0vehWn4ILs5qsdNV5zenD56KUcnl3lARYE4hSc036Loy52eAmYtPLh_lvoHd6RB7B2fKrzxM-6PSJIw66K7cW-GvQA10KBzn5_YmM7hJn3OkcLKRlLJZFtK4EeJHRmSfo8gc8E8Vk](diagram.svg) ::: info When the Player and Connector are in the same region Note that if both the Player and Connector are in the same region, they will likely be routed to the same Edge, thus diff --git a/.web/docs/plans.md b/.web/docs/plans.md new file mode 100644 index 0000000..63d6667 --- /dev/null +++ b/.web/docs/plans.md @@ -0,0 +1,7 @@ +--- +layout: page +title: Plan Pricing +description: Minekube Connect plans and pricing philosophy. +--- + + diff --git a/.web/tailwind.config.js b/.web/tailwind.config.js index 999c3af..a9a3ba0 100644 --- a/.web/tailwind.config.js +++ b/.web/tailwind.config.js @@ -2,5 +2,6 @@ export default { content: ['./docs/.vitepress/**/*.{js,ts,vue}'], safelist: ['html', 'body'], + darkMode: 'class', }