Merge pull request #6483 from remotion-dev/faq-section-animated-captions

Docs: Add FAQ section about Animated Captions

Author: JonnyBurger

packages/docs/docs/animated-captions/faq.mdx

@@ -0,0 +1,13 @@
+---
+image: /generated/articles-docs-animated-captions-faq.png
+title: Animated Captions – FAQ
+sidebar_label: FAQ
+crumb: remotion.pro
+---
+
+# Animated Captions FAQ
+
+## Does this support Japanese, Korean, Chinese, Romanian language?
+
+It depends on the font. The default font is [Montserrat](https://fonts.google.com/specimen/Montserrat), which does support all of the above languages.  
+You also need to be able to [generate the captions](/docs/captions) in your preferred language. This is out of the scope of this component.

packages/docs/docs/animated-captions/index.mdx

@@ -0,0 +1,12 @@
+---
+image: /generated/articles-docs-animated-captions-index.png
+title: Animated Captions
+sidebar_label: Animated Captions
+crumb: remotion.pro
+---
+
+# Animated Captions
+
+A paid component for adding animated captions to your Remotion videos.
+
+You can buy Animated Captions on [remotion.pro](https://www.remotion.pro/animated-captions).

packages/docs/sidebars.ts

@@ -1433,6 +1433,12 @@ const sidebars: SidebarsConfig = {
 			label: 'Timeline',
 			className: 'pro-item',
 		},
+		{
+			type: 'link',
+			href: '/docs/animated-captions',
+			label: 'Animated Captions',
+			className: 'pro-item',
+		},
 		{
 			type: 'link',
 			href: '/docs/recorder',
@@ -1562,6 +1568,22 @@ const sidebars: SidebarsConfig = {
 			],
 		},
 	],
+	animatedCaptionsSidebar: [
+		{
+			type: 'link',
+			href: '/docs',
+			label: '← Back to the main docs',
+		},
+		{
+			type: 'category',
+			label: 'Animated Captions',
+			link: {
+				type: 'doc',
+				id: 'animated-captions/index',
+			},
+			items: ['animated-captions/faq'],
+		},
+	],
 	recorderSidebar: [
 		{
 			type: 'category',

packages/docs/src/data/articles.ts

@@ -179,6 +179,24 @@ export const articles = [
 		noAi: false,
 		slug: 'angular',
 	},
+	{
+		id: 'animated-captions/faq',
+		title: 'Animated Captions – FAQ',
+		relativePath: 'docs/animated-captions/faq.mdx',
+		compId: 'articles-docs-animated-captions-faq',
+		crumb: 'remotion.pro',
+		noAi: false,
+		slug: 'animated-captions/faq',
+	},
+	{
+		id: 'animated-captions/index',
+		title: 'Animated Captions',
+		relativePath: 'docs/animated-captions/index.mdx',
+		compId: 'articles-docs-animated-captions-index',
+		crumb: 'remotion.pro',
+		noAi: false,
+		slug: 'animated-captions/index',
+	},
 	{
 		id: 'animated-emoji',
 		title: '<AnimatedEmoji>',