Add features

content/2.quickstart.md

@@ -20,7 +20,7 @@ After creating a HeyForm account, you will need to create a new workspace becaus
 The name field is required and the logo field is optional. If no logo is set, the system default will be the first text character of your workspace name.
 
 <img
-  src="https://heyform.b-cdn.net/images/quickstart/create-a-workspace.png"
+  src="/images/create-workspace.png"
   alt="Create a workspace in HeyForm"
 />
 
@@ -29,14 +29,14 @@ The name field is required and the logo field is optional. If no logo is set, th
 After creating the workspace, you need to create a new project because all forms are organized in projects.
 
 <img
-  src="https://heyform.b-cdn.net/images/quickstart/create-a-project.png"
+  src="/images/create-project.png"
   alt="Create a project in HeyForm"
 />
 
 Once you are in, you can see all your projects listed in the left sidebar. You can click on the project name to view all the forms associated with it.
 
 <img
-  src="https://heyform.b-cdn.net/images/quickstart/check-projects.png"
+  src="/images/projects.png"
   alt="Check your projects in HeyForm"
 />
 
@@ -45,25 +45,19 @@ Once you are in, you can see all your projects listed in the left sidebar. You c
 To get started, you need to give your form a title, which usually means your purpose of the form.
 
 <img
-  src="https://heyform.b-cdn.net/images/quickstart/create-a-form.png"
+  src="/images/create-form.png"
   alt="Create a form"
 />
 
 HeyForm provides a user-friendly interface for form composing, it’s very similar to making a PPT in PowerPoint, and every question is a slider.
 
-<img
-  src="https://heyform.b-cdn.net/images/quickstart/create-a-form.gif"
-  alt="Create a new form"
-/>
+:gif{src="/images/create-form.gif" alt="Create a new form"}
 
 ### Move and duplicate a question
 
 Move a question by dragging and dropping it to another position in your form. Click on the right icon to expand the menu, and choose ‘Duplicate’ to duplicate a question.
 
-<img
-  src="https://heyform.b-cdn.net/images/quickstart/move-duplicate.gif"
-  alt="Move and duplicate a question"
-/>
+:gif{src="/images/move-duplicate-form.gif" alt="Create a new form"}
 
 ### Options Panel
 

content/3.features/1.share.md

@@ -1,10 +1,36 @@
 ---
 title: Sharing forms
 description: How to share your HeyForms.
-icon: 'lucide:external-link'
+icon: 'lucide:share'
 ---
 
 The Share page is where to come when you've finished creating your form and are ready to show it to the public.
 HeyForm provides you with many ways to share your forms and make it easier to collect data from people.
 
-TBD.
+HeyForm provides you with many ways to share your forms and make it easier to collect data from people.
+
+![Sharing forms](/images/share.png)
+
+## Sharing with social media and email
+
+Clicking the social media and email buttons lets you immediately share it on Facebook, LinkedIn, Twitter, or via email.
+
+## Sharing form as a public URL
+
+You can share the URL of your form by clicking on the "Copy" button, anyone who clicks this link will be able to see and use your form.
+
+If you **don't want everyone to see your form**, you can set up a password here. You can also refresh the password by clicking on the Refresh icon.
+
+People will be asked to enter the correct password to see the form when clicking on the link you shared.
+
+![Sharing with QR Code](/images/share-form-protection.png)
+
+## Sharing with QR Code
+
+You can click the QR Code button to generate one. People can scan it with their mobile devices to see and use the form.
+
+![Sharing with QR Code](/images/share-qrcode.png)
+
+## Embed to your website
+
+[Read more about embed forms in this help article.](/features/embed-your-form)

content/3.features/2.submissions.md

@@ -0,0 +1,27 @@
+---
+title: Submissions
+description: How to manage your submissions.
+icon: 'lucide:clipboard-list'
+---
+
+Go to "Form > Submissions", you can see all the answers and statistics of each question.
+
+![Submissions](/images/submissions.png)
+
+## How to view the submission details?
+
+Click on the "Expand" icon and you can see the "Submission Detail" in the right panel.
+
+![Submission detail](/images/submisison-detail.png)
+
+## How to move or delete submissions?
+
+Click the "Checkbox" in the row, and click the "Move" or "Delete" button in the toolbar.
+
+![Move submissions](/images/submission-move.png)
+
+## How to find the "Spam" submissions?
+
+Click the "Inbox > Spam" button to switch to the "Spam" submission list.
+
+![Spam submissions](/images/submission-spam.png)

content/3.features/3.analytics.md

@@ -0,0 +1,26 @@
+---
+title: Analytics
+description: Analytics of your form.
+icon: 'lucide:bar-chart-4'
+---
+
+Go to "Form > Analytics", you can see the general analytics information of this form.
+
+## Analytics Overview
+
+- **Views:** How many people have seen this form
+- **Submissions:** How many people have submitted this form
+- **Complete Rate:** Ratio of Views vs Submissions Submitted
+- **Average Duration:** Average time it took your visitors to fill out and submit the form
+
+![Analytics Overview](/images/analytics-overview.png)
+
+## Report
+
+::alert{type="warning" icon="lucide:triangle-alert"}
+  This feature is available in the [Basic plan](https://heyform.net/pricing).
+::
+
+With report you can see all the answers and statistics of each question.
+
+![Analytics Report](/images/analytics-report.png)

content/3.features/4.collaboration.md

@@ -0,0 +1,11 @@
+---
+title: Collaboration
+description: 
+icon: 'lucide:users'
+---
+
+::alert{type="warning" icon="lucide:triangle-alert"}
+  This feature is available in the [Basic plan](https://heyform.net/pricing).
+::
+
+TBD

content/3.features/5.custom-domain.md

@@ -0,0 +1,11 @@
+---
+title: Custom Domain
+description: 
+icon: 'lucide:globe'
+---
+
+::alert{type="warning" icon="lucide:triangle-alert"}
+  This feature is available in the [Premium plan](https://heyform.net/pricing).
+::
+
+TBD

content/3.features/6.form-settings.md

@@ -0,0 +1,114 @@
+---
+title: Form Settings
+description: 
+icon: 'lucide:settings'
+---
+
+When you want to modify the form public access, time limit, IP limit and other settings, click the "Form settings" button of the page.
+
+## General
+
+### Progress bar
+
+You can easily let respondents know how close they are to completing your form.
+
+:gif{src="/images/settings-progress-bar.gif" alt="Progress bar"}
+
+### View all questions
+
+You can enable it to allow respondents to go through all the questions.
+
+:gif{src="/images/settings-question-list.gif" alt="View all questions"}
+
+### Navigation arrows
+
+You can enable it to let respondents navigate between questions.
+
+:gif{src="/images/settings-navigation.gif" alt="Navigation arrows"}
+
+## Form public access
+
+### Close form
+
+When you switch on this setting, the form status will be **inactive**. At this time, the form can't be accessed and submitted by people.
+
+![Form Settings](/images/settings-close-form.png)
+
+### Expiration date
+
+The form can only be accessed and submitted in a specific date range when you set up this setting.
+
+![Expiration date](/images/settings-scheduled-date.png)
+
+### Countdown (time limit)
+
+If you want to limit the time for people to submit the form, you can set a time here, which is usually used in exam scenarios.
+
+![Countdown](/images/settings-countdown.png)
+
+HeyForm provides three-timing units: "hour", "minute" and "second". The form will count down when the respondent opens the web browser.
+
+Once time is up, the form will be closed and can't be submitted. If the respondent wants to submit again, he can only refresh the web browser and re-submit it.
+
+:gif{src="/images/settings-countdown.gif" alt="Countdown"}
+
+### IP address limit
+
+When you don't want the same IP address to submit too many times in a short period, you can set this setting. HeyForm provides two ways for this:
+
+- The same IP address is only allowed to submit the form once
+- The same IP address can submit up to several times in a certain period
+
+![IP address limit](/images/settings-ip-limit.png)
+
+### Maximum submission limit
+
+This option will limit the number of submissions. If the number of submissions exceeds the maximum number you have set, the form **will not be allowed to submit** anymore.
+
+![Maximum submission limit](/images/settings-max-limit.png)
+
+## Multi-Language
+
+Save time and reach a wider audience by creating a single form with multiple language options. No need to worry about translations, as [OpenAI GPT](https://openai.com/) will handle all the hard work for you.
+
+We currently support 7 languages:
+
+- English
+- German
+- French
+- Japanese
+- Polish
+- Chinese (Simplified)
+- Chinese (Taiwan)
+
+### Primary language
+
+When a user's language isn't supported or lacks available translations, all form elements such as questions, default buttons and validation errors will display in the primary language.
+
+### Translations
+
+::alert{type="warning" icon="lucide:triangle-alert"}
+  This feature is available in the [Premium plan](https://heyform.net/pricing).
+::
+
+![Translations](/images/settings-translations.png)
+
+## Protection
+
+### Password protection
+
+Secure your form with a single, easy-to-remember password.
+
+![Password protection](/images/settings-password-prevention.png)
+
+### Bots Prevention
+
+Prevent bot submissions by enabling the captcha.
+
+![Bots Prevention](/images/settings-bots-prevention.png)
+
+### Anti-Spam
+
+Enable to prevent spam submissions.
+
+![Anti-Spam](/images/settings-anti-spam.png)

content/3.features/7.hidden-fields.md

@@ -0,0 +1,45 @@
+---
+title: Hidden fields
+description: 
+icon: 'lucide:eye-off'
+---
+
+![Hidden fields](/images/hidden-fields.png)
+
+Hidden fields enable you to track subjects under investigation. They remain invisible to anyone filling out the form, yet allow for the efficient collection and utilization of data.
+
+Some examples may include:
+
+- Monitor the origin of your respondent's traffic (social media, website triggers, or other sources)
+- Forward UTM parameters to effectively track marketing campaigns.
+- Pass details about your respondents, such as names or email addresses, to your responses.
+- Mention information in your form, like the name of your respondent.
+
+## Create a hidden field
+
+- Go to "Edit form" page
+- Click "Logic" in the right sidebar
+- Click "+" button beside the "Hidden Fields"
+- Input the Hidden Field's name
+- Click the "Add hidden field" button
+
+:gif{src="/images/create-hidden-field.gif" alt="Create a hidden field"}
+
+When you're prepared to distribute the form, incorporate the parameters and their respective values into your URL prior to sharing the link. This can be done in two ways:
+
+- Manually: Append the variable to your form's URL before disseminating your form.
+- Automated: Employ a CRM system (like Salesforce) or an email automation tool (such as Mailchimp) to pre-fill your data. This ensures your respondents automatically receive a personalized URL containing the appropriate data.
+
+::alert{type="info" icon="lucide:info"}
+To incorporate the first hidden field into your URL, it should commence with a question mark (`?`). When you need to add multiple fields, they should be separated by an ampersand (`&`).
+
+For instance, if you're aiming to include the traffic source as Product Hunt, your URL would be structured as follows:
+
+https://heyform.net/f/A8KEBhvD?name=Jim&ref=producthunt
+::
+
+## Hidden fields in submissions
+
+You can find the hidden fields and answers on the Submissions page after respondents submit your form.
+
+![Hidden fields in submissions](/images/submission-hidden-fields.png)