Skip to content

Commit

Permalink
Update course page
Browse files Browse the repository at this point in the history
  • Loading branch information
@255kb
255kb committed Dec 1, 2023
1 parent 8f74ccf commit d2ee7bd
Show file tree
Hide file tree
Showing 5 changed files with 77 additions and 85 deletions.
32 changes: 15 additions & 17 deletions components/company-logos.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,25 +26,23 @@ const CompanyLogos = function () {
}, []);

return (
<section className='py-6 py-md-8 border-top bg-gradient-light-white'>
<div className='container'>
<h4 className='text-muted text-center pb-6 fw-bold'>
Trusted by awesome teams
</h4>
<div className='row align-items-center justify-content-center'>
{logos.slice(0, 6).map((logo, logoIndex) => (
<div
key={`logo${logoIndex}`}
className='col-6 col-sm-3 col-lg-2 mb-4 mb-md-0 px-xl-8 text-center'
>
<div className='img-fluid mb-2 mb-md-0'>
<img src={logo.src} alt={logo.alt} />
</div>
<div className='container'>
<h4 className='text-muted text-center pb-6 fw-bold'>
Trusted by awesome teams
</h4>
<div className='row align-items-center justify-content-center'>
{logos.slice(0, 6).map((logo, logoIndex) => (
<div
key={`logo${logoIndex}`}
className='col-6 col-sm-3 col-lg-2 mb-4 mb-md-0 px-xl-8 text-center'
>
<div className='img-fluid mb-2 mb-md-0'>
<img src={logo.src} alt={logo.alt} />
</div>
))}
</div>
</div>
))}
</div>
</section>
</div>
);
};

Expand Down
18 changes: 0 additions & 18 deletions components/plans.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -434,12 +434,6 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> =
☁️ Sync your API mocks accross your devices
</p>
</div>
<div className='d-flex'>
<p className='mb-0'>
🎓 Access to the{' '}
<Link href={'/course/'}>online course</Link>
</p>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -550,12 +544,6 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> =
☁️ Sync your API mocks accross your team
</p>
</div>
<div className='d-flex'>
<p className='mb-0'>
🎓 Access to the{' '}
<Link href={'/course/'}>online course</Link>
</p>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -687,12 +675,6 @@ const Plans: FunctionComponent<{ showFree: boolean; showTagline: boolean }> =
☁️ Sync your API mocks accross your team
</p>
</div>
<div className='d-flex'>
<p className='mb-0'>
🎓 Access to the{' '}
<Link href={'/course/'}>online course</Link>
</p>
</div>
</div>
</div>
</div>
Expand Down
53 changes: 42 additions & 11 deletions pages/course.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import Link from 'next/link';
import { FunctionComponent } from 'react';
import Accordion from '../components/accordion';
import CompanyLogos from '../components/company-logos';
Expand All @@ -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. <a href="/contact-form/">Contact us</a> 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 <a href="/contact-form/">contact our support</a> to get a discount.'
}
]
}
];

const courseContent: AccordionData = [
{
items: [
Expand Down Expand Up @@ -116,11 +138,7 @@ const Course: FunctionComponent = function () {
you <strong>master API mocking</strong> and many{' '}
<strong>API concepts</strong>.
</p>
<p>
{' '}
This course will be available as a video course and will be
included in the <Link href={'/pro/'}>Pro subscription</Link>.
</p>
<p>This course will be available as a video course.</p>

<div className='mt-6'>
{keyPoints.map((keyPoint, keyPointIndex) => (
Expand Down Expand Up @@ -180,11 +198,8 @@ const Course: FunctionComponent = function () {
<span className='h3 mb-0 mt-2'>*</span>
</div>
<p className='text-center text-body-secondary mb-5'>
one time purchase
One-time payment - Individual license
</p>
<div className='alert alert-light text-center'>
💡 This course will also be part of the Pro subscription.
</div>
<p className='text-center'>
Get informed when the course is available and get a{' '}
<strong>25% discount</strong> on the regular course price.
Expand All @@ -202,7 +217,23 @@ const Course: FunctionComponent = function () {
</div>
</section>

<CompanyLogos />
<section className='py-6 py-md-8'>
<CompanyLogos />
</section>

<section
className='py-6 py-md-8 border-bottom bg-gradient-light-white'
id='faq'
>
<div className='container'>
<div className='row justify-content-center'>
<div className='col-12 col-lg-8 align-items-center'>
<h2 className='fw-bold mb-6 text-center'>Official course FAQ</h2>
<Accordion data={faq} />
</div>
</div>
</div>
</section>
</Layout>
);
};
Expand Down
4 changes: 3 additions & 1 deletion pages/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,9 @@ const HomePage: FunctionComponent = function () {
mainPictureHeight={783}
/>

<CompanyLogos />
<section className='py-6 py-md-8 border-top bg-gradient-light-white'>
<CompanyLogos />
</section>

<section className='py-5 py-lg-10'>
<div className='container'>
Expand Down
55 changes: 17 additions & 38 deletions pages/pro.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.<br/><br/> <a href="#product-updates-subscribe">Subscribe to the product updates</a> 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.<br/><br/> <a href="#product-updates-subscribe">Subscribe to the product updates</a> 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 <a href="https://discord.gg/FtJjkejKGp" target="_blank">Discord server</a>. We will be happy to hear from you.'
text: 'Sure! You can join us on our <a href="https://discord.gg/FtJjkejKGp" target="_blank">Discord server</a>. 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 <a href='https://github.com/mockoon/mockoon/discussions' target='_blank' rel='noopener'>GitHub repository</a> or <a href='https://discord.gg/FtJjkejKGp' target='_blank' rel='noopener'>Discord server</a>."
text: "Community support is the free support channel for Mockoon users. It is available on our <a href='https://github.com/mockoon/mockoon/discussions' target='_blank' rel='noopener'>GitHub repository</a> or <a href='https://discord.gg/FtJjkejKGp' target='_blank' rel='noopener'>Discord server</a>."
},
{
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 <a href="/terms/">terms of service</a> 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 <a href="/terms/">terms of service</a> 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. <a href="/contact-form/">Contact us</a> 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. <a href="/course/">Learn more</a>'
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. <a href="/contact-form/">Contact us</a> for more information.'
}
]
},
Expand All @@ -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 <a href="/contact-form/">contact us</a> 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 <a href="/contact-form/">contact us</a> 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. <a href="/contact-form/">Contact us</a> 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. <a href="/contact-form/">Contact us</a> 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). <a href="/contact-form/">Contact us</a> 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). <a href="/contact-form/">Contact us</a> 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 <a href="/contact-form/">contact us</a> 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 <a href="/contact-form/">contact us</a> 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 <a href="/contact-form/">contact us</a> 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 <a href="/contact-form/">contact us</a> 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 <a href="/terms/">terms of service</a> for more information. In any case, do not hesitate to <a href="/contact-form/">contact us</a>. 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 <a href="/terms/">terms of service</a> for more information. In any case, do not hesitate to <a href="/contact-form/">contact us</a>. 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).'
}
]
},
Expand All @@ -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:<ul><li>Feature prioritization on the roadmap.</li><li>Advanced support during Mockoon tools deployment or configuration.</li><li>Help with your API mock creation.</li><li>Online training with live video conference.</li></ul><a href="/custom-services/">Learn more</a> 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:<ul><li>Feature prioritization on the roadmap.</li><li>Advanced support during Mockoon tools deployment or configuration.</li><li>Help with your API mock creation.</li><li>Online training with live video conference.</li></ul><a href="/custom-services/">Learn more</a> about our custom services.'
},
{
title: 'Contracting company',
text:
'Our enterprise services are provided by <a href="https://1kb.software" rel="noopener"><strong>1kB SARL-S</strong></a>, a company incorporated in Luxembourg under the no. B257186.<br/>VAT number: LU33209738'
text: 'Our enterprise services are provided by <a href="https://1kb.software" rel="noopener"><strong>1kB SARL-S</strong></a>, a company incorporated in Luxembourg under the no. B257186.<br/>VAT number: LU33209738'
}
]
}
Expand Down

0 comments on commit d2ee7bd

Please sign in to comment.