diff --git a/docs/components/Page/CTA.tsx b/docs/components/Page/CTA.tsx
index 13ef1f78..d56d52eb 100644
--- a/docs/components/Page/CTA.tsx
+++ b/docs/components/Page/CTA.tsx
@@ -40,7 +40,7 @@ export const CTA: React.FunctionComponent<ICTAProps> = (props: React.PropsWithCh
           <div className={`relative sm:mx-auto sm:max-w-3xl sm:px-0 lg:-mr-40 lg:max-w-none lg:h-full lg:pl-12`}>
             <img 
               className={`w-full lg:h-full lg:w-auto lg:max-w-none`} 
-              src={`https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/preview.png`} 
+              src={`https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631871148/frontmatter/preview-3.2.0.png`}
               alt={`Front Matter - Headless CMS - Live page preview`}
               loading={`lazy`} />
           </div>
diff --git a/docs/content/changelog/CHANGELOG.md b/docs/content/changelog/CHANGELOG.md
index 4ae2a7d9..2c0385b3 100644
--- a/docs/content/changelog/CHANGELOG.md
+++ b/docs/content/changelog/CHANGELOG.md
@@ -7,6 +7,7 @@
 - [#103](https://github.com/estruyf/vscode-front-matter/issues/103): Added title and description field to the metadata section
 - [#104](https://github.com/estruyf/vscode-front-matter/issues/104): Allow to set images in front matter from the metadata panel section
 - [#105](https://github.com/estruyf/vscode-front-matter/issues/105): Content Type support with backwards compatibility
+- [#107](https://github.com/estruyf/vscode-front-matter/issues/107): Number field support added in content types fields
 
 ## [3.1.0] - 2021-09-10
 
diff --git a/docs/content/docs/content-types.md b/docs/content/docs/content-types.md
index f9cce507..324019be 100644
--- a/docs/content/docs/content-types.md
+++ b/docs/content/docs/content-types.md
@@ -31,7 +31,7 @@ Our default content type consists of the following fields:
 
 We'll use the default one when you start writing your markdown content, and no other content type is defined.
 
-![Default content type fields](assets/default-contenttype.png)
+![Default content type fields](/assets/default-contenttype.png)
 
 ## Changing the default content type
 
diff --git a/docs/content/docs/index.md b/docs/content/docs/index.md
index 69597373..d074a2f7 100644
--- a/docs/content/docs/index.md
+++ b/docs/content/docs/index.md
@@ -25,7 +25,7 @@ Our main extension features are:
 - Support for custom actions/scripts
 - and many more
 
-![Site preview](https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/preview.png)
+![Site preview](https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631871148/frontmatter/preview-3.2.0.png)
 
 ## Why Front Matter?
 
diff --git a/docs/content/docs/panel.md b/docs/content/docs/panel.md
index 7f2c4f1b..9c5f2a5a 100644
--- a/docs/content/docs/panel.md
+++ b/docs/content/docs/panel.md
@@ -82,10 +82,12 @@ The following settings are related to these actions:
 
 ## Metadata
 
-In the metadata section, you can 
+In the metadata section, you can manage the front matter of your Markdown file. This section is fully customizable to your needs with our `content type` support.
 
 ![Metadata section](/assets/metadata.png)
 
+> **Info**: More information about content types can be read at [content type section](/docs/content-types).
+
 The tags and categories inputs allow you to insert known and unknown tags/categories. When an unknown tag/category gets added, it will show a `+` sign that allows you to add it to your configuration so that it will appear in the known tags/categories next time.
 
 ### Settings
diff --git a/docs/locale/en.ts b/docs/locale/en.ts
index 2c0320e9..fa3aa772 100644
--- a/docs/locale/en.ts
+++ b/docs/locale/en.ts
@@ -21,8 +21,8 @@ export const strings = {
   hero_button_primary: "Get started",
 
   // Hero media
-  hero_media_title: "Checking your media was never easier",
-  hero_media_description: "Quickly glance all your media files straight from within VS Code. You will be able to filter by your content folders, and perform quick media actions.",
+  hero_media_title: "Managing your media was never easier",
+  hero_media_description: "Quickly glance all your media files straight from within VS Code, or insert media into your content. We got your back with our media dashboard. You will be able to filter by your content folders and perform quick media actions.",
   hero_media_button_primary: "See what it can do",
 
   // Testimonials
diff --git a/docs/pages/index.tsx b/docs/pages/index.tsx
index 713c29d7..4e4a657c 100644
--- a/docs/pages/index.tsx
+++ b/docs/pages/index.tsx
@@ -42,7 +42,7 @@ const Home: NextPage = () => {
           view={"right"}
           title={strings(`hero_media_title`)}
           description={strings(`hero_media_description`)}
-          imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631520508/frontmatter/media.png"}
+          imgSrc={"https://res.cloudinary.com/estruyf/image/upload/w_1256/v1631871287/frontmatter/insert_media-3.2.0.png"}
           imgAlt={"Front Matter CMS - media management was never easier in VS Code"}
           link={`/docs/dashboard`}
           linkText={strings(`hero_media_button_primary`)}
diff --git a/docs/public/assets/metadata.png b/docs/public/assets/metadata.png
index 98b5e71f..9180156b 100644
Binary files a/docs/public/assets/metadata.png and b/docs/public/assets/metadata.png differ