From d2ee7bd8ffbda57f74bc11030e93081dc4a76081 Mon Sep 17 00:00:00 2001 From: Guillaume Date: Fri, 1 Dec 2023 12:08:49 +0100 Subject: [PATCH] Update course page --- components/company-logos.tsx | 32 ++++++++++----------- components/plans.tsx | 18 ------------ pages/course.tsx | 53 ++++++++++++++++++++++++++-------- pages/index.tsx | 4 ++- pages/pro.tsx | 55 +++++++++++------------------------- 5 files changed, 77 insertions(+), 85 deletions(-) diff --git a/components/company-logos.tsx b/components/company-logos.tsx index 50d8b693..4183fcbe 100644 --- a/components/company-logos.tsx +++ b/components/company-logos.tsx @@ -26,25 +26,23 @@ const CompanyLogos = function () { }, []); return ( -
-
-

- Trusted by awesome teams -

-
- {logos.slice(0, 6).map((logo, logoIndex) => ( -
-
- {logo.alt} -
+
+

+ Trusted by awesome teams +

+
+ {logos.slice(0, 6).map((logo, logoIndex) => ( +
+
+ {logo.alt}
- ))} -
+
+ ))}
-
+ ); }; diff --git a/components/plans.tsx b/components/plans.tsx index 8e15aa8e..a44e60f4 100644 --- a/components/plans.tsx +++ b/components/plans.tsx @@ -434,12 +434,6 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> = ☁️ Sync your API mocks accross your devices

-
-

- 🎓 Access to the{' '} - online course -

-
@@ -550,12 +544,6 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> = ☁️ Sync your API mocks accross your team

-
-

- 🎓 Access to the{' '} - online course -

-
@@ -687,12 +675,6 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> = ☁️ Sync your API mocks accross your team

-
-

- 🎓 Access to the{' '} - online course -

-
diff --git a/pages/course.tsx b/pages/course.tsx index e83a56fb..d80e281b 100644 --- a/pages/course.tsx +++ b/pages/course.tsx @@ -1,4 +1,3 @@ -import Link from 'next/link'; import { FunctionComponent } from 'react'; import Accordion from '../components/accordion'; import CompanyLogos from '../components/company-logos'; @@ -21,6 +20,29 @@ const keyPoints = [ 'Apply your knowledge with practical exercises' ]; +const faq: AccordionData = [ + { + items: [ + { + title: 'When will the course be available?', + text: 'The course is currently in production and will be available in Q1 2024. You can subscribe to our newsletter to be notified when the course is released.' + }, + { + title: 'How long do I have access to the course?', + text: 'You will have lifetime access to the course. You will also have access to all future updates to the course.' + }, + { + title: 'Can I share my course with my team or someone else?', + text: 'Each course purchase is for a single user. If you want to share the course with your team, you can purchase a team license. Contact us for more information.' + }, + { + title: 'Do you offer discounts?', + text: 'We offer a discount on the course price for students, teams and non-profit organizations. Do not hesitate to contact our support to get a discount.' + } + ] + } +]; + const courseContent: AccordionData = [ { items: [ @@ -116,11 +138,7 @@ const Course: FunctionComponent = function () { you master API mocking and many{' '} API concepts.

-

- {' '} - This course will be available as a video course and will be - included in the Pro subscription. -

+

This course will be available as a video course.

{keyPoints.map((keyPoint, keyPointIndex) => ( @@ -180,11 +198,8 @@ const Course: FunctionComponent = function () { *

- one time purchase + One-time payment - Individual license

-
- 💡 This course will also be part of the Pro subscription. -

Get informed when the course is available and get a{' '} 25% discount on the regular course price. @@ -202,7 +217,23 @@ const Course: FunctionComponent = function () { - +

+ +
+ +
+
+
+
+

Official course FAQ

+ +
+
+
+
); }; diff --git a/pages/index.tsx b/pages/index.tsx index 0ce43611..ecb9133e 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -41,7 +41,9 @@ const HomePage: FunctionComponent = function () { mainPictureHeight={783} /> - +
+ +
diff --git a/pages/pro.tsx b/pages/pro.tsx index 6ad4047f..6ee2fd66 100644 --- a/pages/pro.tsx +++ b/pages/pro.tsx @@ -19,38 +19,28 @@ const faq: AccordionData = [ items: [ { title: 'When will the "coming soon" services be available?', - text: - 'We don\'t have a release date yet, but we would like to make the data synchronization for solo developers available later this year (2023). There is no ETA yet for the team synchronization.

Subscribe to the product updates below to be notified of new releases.' + text: 'We don\'t have a release date yet, but we would like to make the data synchronization for solo developers available later this year (2023). There is no ETA yet for the team synchronization.

Subscribe to the product updates below to be notified of new releases.' }, { title: 'Can I give feedback or join a beta test?', - text: - 'Sure! You can join us on our Discord server. We will be happy to hear from you.' + text: 'Sure! You can join us on our Discord server. We will be happy to hear from you.' } ] }, { - title: 'Support, training and online course', + title: 'Support and training', items: [ { title: 'What is the "community support"?', - text: - "Community support is the free support channel for Mockoon users. It is available on our GitHub repository or Discord server." + text: "Community support is the free support channel for Mockoon users. It is available on our GitHub repository or Discord server." }, { title: 'What is the "priority support" (Team and Enterprise plan)?', - text: - 'We will provide a priority support channel for your team by email or through the platform of your choice (Slack, etc.). Our priority support service is provided during regular business hours and working days in Luxembourg (9 am to 5 pm, Monday to Friday, Luxembourg time (CET/CEST), excluding public holidays). Please refer to the terms of service for more information.' + text: 'We will provide a priority support channel for your team by email or through the platform of your choice (Slack, etc.). Our priority support service is provided during regular business hours and working days in Luxembourg (9 am to 5 pm, Monday to Friday, Luxembourg time (CET/CEST), excluding public holidays). Please refer to the terms of service for more information.' }, { title: 'What is the "welcome online training" (Enterprise plan)?', - text: - 'We will provide a 1-hour online video call by our founder to help you get started with Mockoon and answer any questions you may have. This training will be scheduled with your team after the purchase of the Enterprise plan. It is limited to 1 session per year and per company. Additional training sessions can be purchased separately. Contact us for more information.' - }, - { - title: 'What is the "online course"?', - text: - 'The online course is a series of videos that will help you get started with Mockoon and learn how to use it. It will be included in all the Pro plans and will be available in the coming months. You will also be able to purchase it separately. Learn more' + text: 'We will provide a 1-hour online video call by our founder to help you get started with Mockoon and answer any questions you may have. This training will be scheduled with your team after the purchase of the Enterprise plan. It is limited to 1 session per year and per company. Additional training sessions can be purchased separately. Contact us for more information.' } ] }, @@ -59,44 +49,35 @@ const faq: AccordionData = [ items: [ { title: 'How does per-seat billing work?', - text: - 'For Team and Enterprise plans, you can choose the number of seats you need. Each seat is billed monthly. You can contact us to add or remove seats at any time.' + text: 'For Team and Enterprise plans, you can choose the number of seats you need. Each seat is billed monthly. You can contact us to add or remove seats at any time.' }, { title: 'I received emails from Paddle.com, what is it?', - text: - 'Paddle.com is our payment provider. You will receive emails from them when you purchase a plan, when your subscription is renewed or when you cancel your subscription.' + text: 'Paddle.com is our payment provider. You will receive emails from them when you purchase a plan, when your subscription is renewed or when you cancel your subscription.' }, { title: 'What payment methods do you accept?', - text: - 'We accept credit cards (Visa, Mastercard, etc.) through our payment provider Paddle. You can also pay by bank transfer for the Enterprise plan. Contact us before purchasing for more information.' + text: 'We accept credit cards (Visa, Mastercard, etc.) through our payment provider Paddle. You can also pay by bank transfer for the Enterprise plan. Contact us before purchasing for more information.' }, { - title: - 'Should I contact you before purchasing the "Enterprise" plan?', - text: - 'The Enterprise plan can be purchased directly on our website or through a quote (should you need to pay by bank transfer for example). Contact us for more information.' + title: 'Should I contact you before purchasing the "Enterprise" plan?', + text: 'The Enterprise plan can be purchased directly on our website or through a quote (should you need to pay by bank transfer for example). Contact us for more information.' }, { title: 'Do you offer discounts for schools, bootcamps or students?', - text: - 'We offer a discount for education purposes by providing educational institutions with a discount on the Solo plan. Do not hesitate to contact us to become a partner.' + text: 'We offer a discount for education purposes by providing educational institutions with a discount on the Solo plan. Do not hesitate to contact us to become a partner.' }, { title: 'How can I cancel my subscription?', - text: - 'You can manage your subscription using the links in the emails you received from Paddle.com. You can also contact us and we will help you cancel your subscription.' + text: 'You can manage your subscription using the links in the emails you received from Paddle.com. You can also contact us and we will help you cancel your subscription.' }, { title: 'Can I get a refund?', - text: - 'We may offer a refund on a case-by-case basis if you have not used the service yet (usage quotas, etc.). Please refer to the terms of service for more information. In any case, do not hesitate to contact us. We will be happy to help you.' + text: 'We may offer a refund on a case-by-case basis if you have not used the service yet (usage quotas, etc.). Please refer to the terms of service for more information. In any case, do not hesitate to contact us. We will be happy to help you.' }, { title: 'VAT', - text: - 'Prices are in USD and exclude VAT. VAT may or may not be charged during checkout depending on various criteria like your location and quality (individual or business).' + text: 'Prices are in USD and exclude VAT. VAT may or may not be charged during checkout depending on various criteria like your location and quality (individual or business).' } ] }, @@ -105,13 +86,11 @@ const faq: AccordionData = [ items: [ { title: 'Do you offer custom services?', - text: - 'Our custom services can vary. Here is a brief overview of what type of service we provided in the past:
  • Feature prioritization on the roadmap.
  • Advanced support during Mockoon tools deployment or configuration.
  • Help with your API mock creation.
  • Online training with live video conference.
Learn more about our custom services.' + text: 'Our custom services can vary. Here is a brief overview of what type of service we provided in the past:
  • Feature prioritization on the roadmap.
  • Advanced support during Mockoon tools deployment or configuration.
  • Help with your API mock creation.
  • Online training with live video conference.
Learn more about our custom services.' }, { title: 'Contracting company', - text: - 'Our enterprise services are provided by 1kB SARL-S, a company incorporated in Luxembourg under the no. B257186.
VAT number: LU33209738' + text: 'Our enterprise services are provided by 1kB SARL-S, a company incorporated in Luxembourg under the no. B257186.
VAT number: LU33209738' } ] }