Skip to content

Commit

Permalink
Add new account section for priority support
Browse files Browse the repository at this point in the history
  • Loading branch information
@255kb
255kb committed Jun 12, 2024
1 parent a362654 commit 6821dc2
Show file tree
Hide file tree
Showing 4 changed files with 131 additions and 24 deletions.
49 changes: 49 additions & 0 deletions pages/account/subscription.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -342,6 +342,55 @@ const AccountSubscription: FunctionComponent = function () {
</div>
</div>
)}

{!isUserLoading &&
(userData?.plan === 'SOLO' ||
userData?.plan === 'TEAM') && (
<div className='card card-bleed shadow-light-lg mb-6'>
<div className='card-header'>
<h4 className='mb-0'>Email support</h4>
</div>
<div className='card-body'>
<div className='list-group list-group-flush'>
<div className='list-group-item'>
<p className='mb-0'>
Contact us at{' '}
<a href='mailto:[email protected]'>
[email protected]
</a>
</p>
<small className='text-gray-700'>
Usual response time is between 24 and 48 hours
</small>
</div>
</div>
</div>
</div>
)}

{!isUserLoading && userData?.plan === 'ENTERPRISE' && (
<div className='card card-bleed shadow-light-lg mb-6'>
<div className='card-header'>
<h4 className='mb-0'>Priority support</h4>
</div>
<div className='card-body'>
<div className='list-group list-group-flush'>
<div className='list-group-item'>
<p className='mb-0'>
Contact us at{' '}
<a href='mailto:[email protected]'>
[email protected]
</a>
</p>
<small className='text-gray-700'>
Guaranteed response time of one business day (9 am
to 5 pm CET/CEST, Monday to Friday).
</small>
</div>
</div>
</div>
</div>
)}
</div>
</div>
</div>
Expand Down
98 changes: 78 additions & 20 deletions pages/contact.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,11 @@ import Hero from '../components/hero';
import Meta from '../components/meta';
import WeeklyMeetupBanner from '../components/weekly-meetup-banner';
import Layout from '../layout/layout';
import { useCurrentUser } from '../utils/queries';

const Contact: FunctionComponent = function () {
const { data: userData } = useCurrentUser();

return (
<Layout footerBanner='newsletter'>
<Meta
Expand Down Expand Up @@ -59,29 +62,84 @@ const Contact: FunctionComponent = function () {
</div>
</div>

<div className='col-12 col-lg-4 d-flex'>
<div className='card card-border my-5 shadow-light-lg'>
<div className='card-body d-flex flex-column h-100'>
<span className='badge text-bg-warning badge-float badge-float-outside'>
PRO
</span>
<img
src='/images/illustrations/visio.svg'
alt='dedicated support'
className='w-25 mb-6 align-self-center'
/>
<h3 className='text-center fw-medium'>Enterprise support</h3>
<p className='px-2 text-center text-gray-700'>
Get enterprise-grade support with help from an official
maintainer to answer support requests or any questions you
may have about the project.
</p>
<div className='mt-auto text-center'>
<a href='/pro/'>Get enterprise support</a>
{userData?.plan === 'FREE' && (
<div className='col-12 col-lg-4 d-flex'>
<div className='card card-border my-5 shadow-light-lg'>
<div className='card-body d-flex flex-column h-100'>
<span className='badge text-bg-warning badge-float badge-float-outside'>
PRO
</span>
<img
src='/images/illustrations/visio.svg'
alt='dedicated support'
className='w-25 mb-6 align-self-center'
/>
<h3 className='text-center fw-medium'>
Enterprise support
</h3>
<p className='px-2 text-center text-gray-700'>
Get enterprise-grade support with guaranteed response time
from the Mockoon team. We will help you with any issue you
may have with the product.
</p>
<div className='mt-auto text-center'>
<a href='/pro/'>Get enterprise support</a>
</div>
</div>
</div>
</div>
</div>
)}

{(userData?.plan === 'SOLO' || userData?.plan === 'TEAM') && (
<div className='col-12 col-lg-4 d-flex'>
<div className='card card-border my-5 shadow-light-lg'>
<div className='card-body d-flex flex-column h-100'>
<span className='badge text-bg-warning badge-float badge-float-outside'>
Your plan
</span>
<img
src='/images/illustrations/visio.svg'
alt='dedicated support'
className='w-25 mb-6 align-self-center'
/>
<h3 className='text-center fw-medium'>Email support</h3>
<p className='px-2 text-center text-gray-700'>
Get dedicated email support from the Mockoon team. We will
help you with any issue you may have with the product.
</p>
<div className='mt-auto text-center'>
<a href='/account/subscription/'>Get email support</a>
</div>
</div>
</div>
</div>
)}

{userData?.plan === 'ENTERPRISE' && (
<div className='col-12 col-lg-4 d-flex'>
<div className='card card-border my-5 shadow-light-lg'>
<div className='card-body d-flex flex-column h-100'>
<span className='badge text-bg-warning badge-float badge-float-outside'>
Your plan
</span>
<img
src='/images/illustrations/visio.svg'
alt='dedicated support'
className='w-25 mb-6 align-self-center'
/>
<h3 className='text-center fw-medium'>Priority support</h3>
<p className='px-2 text-center text-gray-700'>
Get enterprise-grade support with guaranteed response time
from the Mockoon team. We will help you with any issue you
may have with the product.
</p>
<div className='mt-auto text-center'>
<a href='/account/subscription/'>Get priority support</a>
</div>
</div>
</div>
</div>
)}

<div className='col-12 col-lg-4 d-flex'>
<div className='card card-border my-5 shadow-light-lg'>
Expand Down
2 changes: 1 addition & 1 deletion pages/pro.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ const faq: AccordionData = [
{
title: 'What is the "priority support" (Enterprise plan)?',
content:
'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 (9 am to 5 pm CET/CEST, Monday to Friday). Please refer to the <a href="/terms/">terms of service</a> for more information.'
'We will provide a priority support channel for your team by email or through the platform of your choice (Slack, etc.) with a guaranteed response time of one business day. Our priority support service is provided during regular business hours and working days (9 am to 5 pm CET/CEST, Monday to Friday). Please refer to the <a href="/terms/">terms of service</a> for more information.'
},
{
title: 'What is the "welcome online training" (Enterprise plan)?',
Expand Down
6 changes: 3 additions & 3 deletions pages/terms.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -543,9 +543,9 @@ const Terms: FunctionComponent = function () {
<p>
The Support Service will be conducted through written means,
which you can choose at your discretion. By default,
communication will be made via email to [email protected].
Please note that live audio or video calls are not included in
the support service.
communication will be made via email, to the address indicated
in your account settings. Please note that live audio or video
calls are not included in the support service.
</p>
<p>
Please note that support services do not cover assistance with
Expand Down

0 comments on commit 6821dc2

Please sign in to comment.