admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

User guide layout (#5016)

Browse Source 
- Modified CSS: font-size, colors, margins...

- Added an ArticleContent Component that will be used for the changelog
and user guide articles, which contains the styles for each titles,
paragraphs, images etc.

- Added link to User Guide in footer

- Added a UserGuideWarning Component: 

<img width="332" alt="Screenshot 2024-04-17 at 18 14 48"
src="https://github.com/twentyhq/twenty/assets/102751374/0f5c601b-a2c0-4c63-baeb-1990d65fc332">

- Added a UserGuideEditContent Component:

<img width="394" alt="Screenshot 2024-04-17 at 18 16 24"
src="https://github.com/twentyhq/twenty/assets/102751374/6c7c3bd4-c5bb-4d02-8f93-bd99bc30ce7b">

- Added a UserGuideLink Component (for usage in MDX to allow links to
open in new tab)

- Fixed table of content

- Made responsive

---------

Co-authored-by: Ady Beraud <a.beraud96@gmail.com>
Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
This commit is contained in:
Ady Beraud
2024-04-22 18:04:26 +03:00
committed by GitHub
parent 68662fa543
commit b9a7eb5a98
44 changed files with 730 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/twenty-website/src/content/user-guide/create-workspace.mdx
View File

@ -5,13 +5,13 @@ icon: IconNote
image: /images/user-guide/placeholder-header.png
---
# Step 1: Registration
1. Navigate to [Twenty Sign Up](https://app.twenty.com/sign-up).
## Step 1: Registration
1. Navigate to <ArticleLink href="https://app.twenty.com/sign-up">Twenty Sign Up</ArticleLink>.
2. Select your preferred sign-up method:
- **Continue with Google** for Google account registration.
- Or, **Continue With Email** for email registration.
<div style={{padding:'69.01% 0 0 0', position:'relative'}}>
<div style={{padding:'69.01% 0 0 0', position:'relative', margin: '32px 0px 0px'}}>
<iframe
src="https://player.vimeo.com/video/927066829?autoplay=1&loop=1&autopause=0&background=1&amp;app_id=58479"
frameborder="0"
@ -30,21 +30,23 @@ image: /images/user-guide/placeholder-header.png
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
# Step 2: Choosing A Subscription Plan
## Step 2: Choosing A Subscription Plan
Choose a subscription plan after completing the 7-day free trial. Twenty offers the most competitive pricing in the market.
## Monthly Plan
### Monthly Plan
At $9 per seat per month, this plan offers absolute freedom to cancel at any time.
## Annual Plan
### Annual Plan
At $90 per seat per year, this plan provides an annual saving of $18 compared to the Monthly Plan.
Both plans give full access to all Twenty features, including unlimited contacts, email integration, custom objects, API & Webhooks, and frequent updates.
<img src="/images/user-guide/create-workspace/choose-plan.png" style={{width:'100%'}}/>
# Step 3: Payment Confirmation & Account Setup
## Step 3: Payment Confirmation & Account Setup
Post payment approval via Stripe, you're directed to create your workspace and user profile. Remember that you can cancel your subscription anytime.
# Support
For queries or help, connect with the dedicated support team at [contact@twenty.com](mailto:contact@twenty.com) or send a message on [Discord](https://discord.gg/cx5n4Jzs57)
## Support
For queries or help, connect with the dedicated support team at [contact@twenty.com](mailto:contact@twenty.com) or send a message on <ArticleLink href="https://discord.gg/cx5n4Jzs57">Discord</ArticleLink>
<ArticleEditContent articleTitle="create-workspace.mdx"></ArticleEditContent>