From 9a1bfe89479457ee8b8e6e23d095dc5dac58de44 Mon Sep 17 00:00:00 2001 From: MehmetAdemi Date: Sat, 18 Jul 2026 17:59:15 +0200 Subject: [PATCH 1/6] docs: simplify compliance footer navigation Replace individual legal and acknowledgement links with one internal link to the License, Pricing and Compliance overview. Co-authored-by: Cursor --- packages/docs/docusaurus.config.ts | 24 ++---------------------- 1 file changed, 2 insertions(+), 22 deletions(-) diff --git a/packages/docs/docusaurus.config.ts b/packages/docs/docusaurus.config.ts index 3643e93a3eb..25b4ba55462 100644 --- a/packages/docs/docusaurus.config.ts +++ b/packages/docs/docusaurus.config.ts @@ -257,28 +257,8 @@ const config: Config = { href: 'https://remotion.dev/changelog', }, { - label: 'Acknowledgements', - href: 'https://remotion.dev/acknowledgements', - }, - { - label: 'License', - href: 'https://remotion.dev/license', - }, - { - label: 'Terms and Conditions', - href: 'https://remotion.dev/docs/license/terms', - }, - { - label: 'Privacy Policy', - href: 'https://remotion.dev/docs/license/privacy', - }, - { - label: 'DPA Statement', - href: 'https://www.remotion.dev/docs/license/dpa', - }, - { - label: 'DPIA Statement', - href: 'https://www.remotion.dev/docs/license/dpia', + label: 'License, Pricing and Compliance', + to: '/docs/license', }, { label: 'Brand', From 554fe9677f8bbd8341dc05d4de2bcbdc979793cf Mon Sep 17 00:00:00 2001 From: MehmetAdemi Date: Sat, 18 Jul 2026 18:00:45 +0200 Subject: [PATCH 2/6] docs: rename compliance footer link MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Use the concise “License & Legal” footer label while keeping the link directed to the License, Pricing and Compliance overview. Co-authored-by: Cursor --- packages/docs/docusaurus.config.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/docs/docusaurus.config.ts b/packages/docs/docusaurus.config.ts index 25b4ba55462..6c47242df68 100644 --- a/packages/docs/docusaurus.config.ts +++ b/packages/docs/docusaurus.config.ts @@ -257,7 +257,7 @@ const config: Config = { href: 'https://remotion.dev/changelog', }, { - label: 'License, Pricing and Compliance', + label: 'License & Legal', to: '/docs/license', }, { From a1a2b6f96319fe6c3579b9338d19f770412e08ec Mon Sep 17 00:00:00 2001 From: MehmetAdemi Date: Sat, 18 Jul 2026 18:07:41 +0200 Subject: [PATCH 3/6] docs: refine footer navigation labels Remove the Learn link and use concise License & Pricing and Legal labels while preserving their destinations. Co-authored-by: Cursor --- packages/docs/docusaurus.config.ts | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/packages/docs/docusaurus.config.ts b/packages/docs/docusaurus.config.ts index 6c47242df68..c17d34c46f7 100644 --- a/packages/docs/docusaurus.config.ts +++ b/packages/docs/docusaurus.config.ts @@ -166,10 +166,6 @@ const config: Config = { label: 'Lambda', to: '/lambda', }, - { - label: 'Learn', - to: '/learn', - }, { label: 'Convert a video', to: 'https://convert.remotion.dev', @@ -183,7 +179,7 @@ const config: Config = { href: 'https://github.com/remotion-dev/remotion', }, { - label: 'License + Pricing', + label: 'License & Pricing', to: '/docs/license/pricing', }, ], @@ -257,7 +253,7 @@ const config: Config = { href: 'https://remotion.dev/changelog', }, { - label: 'License & Legal', + label: 'Legal', to: '/docs/license', }, { From a47bea5a46f4b3cfb1b26cbbdff98a2e0e8d7b3d Mon Sep 17 00:00:00 2001 From: MehmetAdemi Date: Sat, 18 Jul 2026 18:17:58 +0200 Subject: [PATCH 4/6] docs: organize footer categories Group company and legal resources into dedicated footer categories while keeping community and product links discoverable. Co-authored-by: Cursor --- packages/docs/docusaurus.config.ts | 60 ++++++++++++++++++++++-------- 1 file changed, 45 insertions(+), 15 deletions(-) diff --git a/packages/docs/docusaurus.config.ts b/packages/docs/docusaurus.config.ts index c17d34c46f7..f5d0bfa6ee4 100644 --- a/packages/docs/docusaurus.config.ts +++ b/packages/docs/docusaurus.config.ts @@ -178,6 +178,10 @@ const config: Config = { label: 'GitHub', href: 'https://github.com/remotion-dev/remotion', }, + { + label: 'Changelog', + href: 'https://remotion.dev/changelog', + }, { label: 'License & Pricing', to: '/docs/license/pricing', @@ -195,6 +199,10 @@ const config: Config = { label: 'Showcase', to: 'showcase', }, + { + label: 'Success Stories', + to: 'success-stories', + }, { label: 'Experts', to: 'experts', @@ -229,38 +237,60 @@ const config: Config = { title: 'More', items: [ { - label: 'About us', + label: 'Blog', + to: 'blog', + }, + { + label: 'Support', + to: '/docs/support', + }, + ].filter(Boolean), + }, + { + title: 'Company', + items: [ + { + label: 'About Us', to: 'about', }, { - label: 'Contact us', + label: 'Contact Us', to: 'contact', }, { - label: 'Blog', - to: 'blog', + label: 'Brand', + href: 'https://remotion.dev/brand', }, + ].filter(Boolean), + }, + { + title: 'Legal & Trust', + items: [ { - label: 'Success Stories', - to: 'success-stories', + label: 'Terms and Conditions', + to: '/docs/license/terms', }, { - label: 'Support', - to: '/docs/support', + label: 'Privacy Policy', + to: '/docs/license/privacy', }, { - label: 'Changelog', - href: 'https://remotion.dev/changelog', + label: 'DPA Statement', + to: '/docs/license/dpa', }, { - label: 'Legal', - to: '/docs/license', + label: 'DPIA Statement', + to: '/docs/license/dpia', }, { - label: 'Brand', - href: 'https://remotion.dev/brand', + label: 'Accessibility', + to: '/docs/accessibility', }, - ].filter(Boolean), + { + label: 'Acknowledgments', + to: '/docs/acknowledgements', + }, + ], }, ], }, From dcc4fc589d5c61a47d68c5b2bd3a0c1c5bd7781e Mon Sep 17 00:00:00 2001 From: MehmetAdemi Date: Sat, 18 Jul 2026 18:27:03 +0200 Subject: [PATCH 5/6] docs: make footer responsive across breakpoints Order the footer categories consistently and use dedicated wide, medium, and narrow grid layouts to avoid unused mobile space. Co-authored-by: Cursor --- packages/docs/docusaurus.config.ts | 26 ++++----- packages/docs/src/css/custom.css | 56 +++++++++++++++++++ .../theme/Footer/Links/MultiColumn/index.tsx | 37 ++++-------- 3 files changed, 81 insertions(+), 38 deletions(-) diff --git a/packages/docs/docusaurus.config.ts b/packages/docs/docusaurus.config.ts index f5d0bfa6ee4..89f8d807474 100644 --- a/packages/docs/docusaurus.config.ts +++ b/packages/docs/docusaurus.config.ts @@ -233,19 +233,6 @@ const config: Config = { }, ], }, - { - title: 'More', - items: [ - { - label: 'Blog', - to: 'blog', - }, - { - label: 'Support', - to: '/docs/support', - }, - ].filter(Boolean), - }, { title: 'Company', items: [ @@ -292,6 +279,19 @@ const config: Config = { }, ], }, + { + title: 'More', + items: [ + { + label: 'Blog', + to: 'blog', + }, + { + label: 'Support', + to: '/docs/support', + }, + ].filter(Boolean), + }, ], }, colorMode: { diff --git a/packages/docs/src/css/custom.css b/packages/docs/src/css/custom.css index 07ac4d1ef35..7d1cd91aa6a 100644 --- a/packages/docs/src/css/custom.css +++ b/packages/docs/src/css/custom.css @@ -299,3 +299,59 @@ code { display: none !important; } } + +.remotion-footer__links { + display: grid; + grid-template-columns: minmax(12rem, 1.35fr) minmax(0, 5fr); + gap: 2.5rem; + align-items: start; +} + +.remotion-footer__brand { + min-width: 0; +} + +.remotion-footer__logo { + display: block; + height: 32px; + margin-bottom: 20px; +} + +.remotion-footer__copyright { + margin: 0; + color: var(--ifm-footer-link-color); + font-size: 0.8em; +} + +.remotion-footer__categories { + display: grid; + grid-template-columns: repeat(5, minmax(0, 1fr)); + gap: 2rem clamp(1rem, 2.5vw, 3rem); + min-width: 0; +} + +.remotion-footer__column { + min-width: 0; + margin-bottom: 0; +} + +@media screen and (max-width: 1199px) { + .remotion-footer__links { + grid-template-columns: 1fr; + } + + .remotion-footer__categories { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} + +@media screen and (max-width: 767px) { + .remotion-footer__links { + gap: 2rem; + } + + .remotion-footer__categories { + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 2rem 1.25rem; + } +} diff --git a/packages/docs/src/theme/Footer/Links/MultiColumn/index.tsx b/packages/docs/src/theme/Footer/Links/MultiColumn/index.tsx index f262caad9b6..c3f32240dff 100644 --- a/packages/docs/src/theme/Footer/Links/MultiColumn/index.tsx +++ b/packages/docs/src/theme/Footer/Links/MultiColumn/index.tsx @@ -24,7 +24,7 @@ const ColumnLinkItem = ({item}) => { const Column = ({column}) => { return ( -
+
{column.title}
@@ -38,14 +38,6 @@ const Column = ({column}) => { ); }; -const copyright: React.CSSProperties = { - textAlign: 'left', - color: 'var(--ifm-footer-link-color)', - fontSize: '0.8em', - marginTop: 15, - marginRight: 38, -}; - export default ({columns}) => { const {colorMode} = useColorMode(); const [src, setSrc] = useState('/img/new-logo.png'); @@ -59,30 +51,25 @@ export default ({columns}) => { }, [colorMode]); return ( -
-
+
+
Remotion -

+

© Copyright {new Date().getFullYear()} Remotion AG.
Website created with Docusaurus.

- {columns.map((column, i) => ( - // eslint-disable-next-line react/no-array-index-key - - ))} +
+ {columns.map((column, i) => ( + // eslint-disable-next-line react/no-array-index-key + + ))} +
); }; From 4f4ab32dbcb345a881407a75ec39c544d8d1bd6f Mon Sep 17 00:00:00 2001 From: MehmetAdemi Date: Sun, 19 Jul 2026 12:40:15 +0200 Subject: [PATCH 6/6] Update docusaurus.config.ts --- packages/docs/docusaurus.config.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/docs/docusaurus.config.ts b/packages/docs/docusaurus.config.ts index 89f8d807474..ceec0513024 100644 --- a/packages/docs/docusaurus.config.ts +++ b/packages/docs/docusaurus.config.ts @@ -248,7 +248,7 @@ const config: Config = { label: 'Brand', href: 'https://remotion.dev/brand', }, - ].filter(Boolean), + ], }, { title: 'Legal & Trust', @@ -290,7 +290,7 @@ const config: Config = { label: 'Support', to: '/docs/support', }, - ].filter(Boolean), + ], }, ], },