diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 02b7e54..6744ab1 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -19,7 +19,8 @@ const config: Config = {
     organizationName: "gemini-testing",
     projectName: "testplane-docs",
 
-    onBrokenLinks: "throw",
+    // TODO: set to throw once we start adding actual docs pages
+    onBrokenLinks: "warn",
     onBrokenMarkdownLinks: "warn",
 
     i18n: {
diff --git a/src/components/pages/LandingPage/index.tsx b/src/components/pages/LandingPage/index.tsx
new file mode 100644
index 0000000..49c79ff
--- /dev/null
+++ b/src/components/pages/LandingPage/index.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { InstallationPromptSection } from "@site/src/components/pages/LandingPage/sections/installation-prompt";
+import { AdditionalFeaturesSection } from "@site/src/components/pages/LandingPage/sections/additional-features";
+import { CoreFeaturesSection } from "@site/src/components/pages/LandingPage/sections/core-features";
+import { AnimatedDemoSection } from "@site/src/components/pages/LandingPage/sections/animated-demo";
+import { LandingHeadSection } from "@site/src/components/pages/LandingPage/sections/landing-head";
+
+export const LandingPage = () => {
+    return (
+        <>
+            <LandingHeadSection />
+            <AnimatedDemoSection />
+            <CoreFeaturesSection />
+            <AdditionalFeaturesSection />
+            <InstallationPromptSection />
+        </>
+    );
+};
diff --git a/src/pages/LandingPage/sections/additional-features.tsx b/src/components/pages/LandingPage/sections/additional-features.tsx
similarity index 100%
rename from src/pages/LandingPage/sections/additional-features.tsx
rename to src/components/pages/LandingPage/sections/additional-features.tsx
diff --git a/src/pages/LandingPage/sections/animated-demo.tsx b/src/components/pages/LandingPage/sections/animated-demo.tsx
similarity index 85%
rename from src/pages/LandingPage/sections/animated-demo.tsx
rename to src/components/pages/LandingPage/sections/animated-demo.tsx
index 373b19e..1d97bf0 100644
--- a/src/pages/LandingPage/sections/animated-demo.tsx
+++ b/src/components/pages/LandingPage/sections/animated-demo.tsx
@@ -7,8 +7,9 @@ import { FeaturesDemo } from "@site/src/components/FeaturesDemo";
 import { DemoStats } from "@site/src/components/DemoStats";
 import React from "react";
 import useBaseUrl from "@docusaurus/core/lib/client/exports/useBaseUrl";
+import BrowserOnly from "@docusaurus/core/lib/client/exports/BrowserOnly";
 
-export function AnimatedDemoSection() {
+export const AnimatedDemoSection = () => {
     const grainyBg = `linear-gradient(41deg, rgb(227 119 252) 0%, rgb(142 78 253) 100%), url(${useBaseUrl("/img/landing/noise.png")})`;
 
     return (
@@ -19,7 +20,9 @@ export function AnimatedDemoSection() {
                 <Star4Sharp className="absolute right-2 top-[60%] size-16 rotate-[-20deg]" />
             </div>
             <div className="container mx-auto py-6">
-                <FeaturesDemo className="h-[75vh] 2xl:h-[800px]" />
+                <BrowserOnly>
+                    {() => <FeaturesDemo className="h-[75vh] 2xl:h-[800px]" />}
+                </BrowserOnly>
                 <div className="flex justify-around pt-6">
                     <DemoStats value="5.6B" description="Tests launched" />
                     <DemoStats value="600+" description="Stars on GitHub" />
@@ -28,4 +31,4 @@ export function AnimatedDemoSection() {
             </div>
         </section>
     );
-}
+};
diff --git a/src/pages/LandingPage/sections/core-features.tsx b/src/components/pages/LandingPage/sections/core-features.tsx
similarity index 99%
rename from src/pages/LandingPage/sections/core-features.tsx
rename to src/components/pages/LandingPage/sections/core-features.tsx
index 838e848..f5a6ebf 100644
--- a/src/pages/LandingPage/sections/core-features.tsx
+++ b/src/components/pages/LandingPage/sections/core-features.tsx
@@ -5,7 +5,7 @@ import { GradientUnderline } from "@site/src/components/GradientUnderline";
 import useBaseUrl from "@docusaurus/core/lib/client/exports/useBaseUrl";
 import React from "react";
 
-export function CoreFeaturesSection() {
+export const CoreFeaturesSection = () => {
     return (
         <section className="bg-gray-100">
             <div className="container max-w-screen-lg py-6">
@@ -94,4 +94,4 @@ export function CoreFeaturesSection() {
             </div>
         </section>
     );
-}
+};
diff --git a/src/pages/LandingPage/sections/installation-prompt.tsx b/src/components/pages/LandingPage/sections/installation-prompt.tsx
similarity index 100%
rename from src/pages/LandingPage/sections/installation-prompt.tsx
rename to src/components/pages/LandingPage/sections/installation-prompt.tsx
diff --git a/src/pages/LandingPage/sections/landing-head.tsx b/src/components/pages/LandingPage/sections/landing-head.tsx
similarity index 98%
rename from src/pages/LandingPage/sections/landing-head.tsx
rename to src/components/pages/LandingPage/sections/landing-head.tsx
index d7a1e6b..5bae19a 100644
--- a/src/pages/LandingPage/sections/landing-head.tsx
+++ b/src/components/pages/LandingPage/sections/landing-head.tsx
@@ -10,7 +10,7 @@ import { AnimatedPlanet } from "@site/src/components/AnimatedPlanet";
 import React from "react";
 import { LinkBadge } from "@site/src/components/LinkBadge";
 
-export function LandingHeadSection() {
+export const LandingHeadSection = () => {
     return (
         <section className="overflow-hidden bg-gray-100">
             <MobileBg className="absolute top-0 w-full sm:hidden" />
@@ -62,4 +62,4 @@ export function LandingHeadSection() {
             </div>
         </section>
     );
-}
+};
diff --git a/src/pages/LandingPage/index.tsx b/src/pages/LandingPage/index.tsx
deleted file mode 100644
index 0d1b87e..0000000
--- a/src/pages/LandingPage/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { InstallationPromptSection } from "@site/src/pages/LandingPage/sections/installation-prompt";
-import { AdditionalFeaturesSection } from "@site/src/pages/LandingPage/sections/additional-features";
-import { CoreFeaturesSection } from "@site/src/pages/LandingPage/sections/core-features";
-import { AnimatedDemoSection } from "@site/src/pages/LandingPage/sections/animated-demo";
-import { LandingHeadSection } from "@site/src/pages/LandingPage/sections/landing-head";
-
-export const LandingPage = () => {
-    return (
-        <>
-            <LandingHeadSection />
-            <AnimatedDemoSection />
-            <CoreFeaturesSection />
-            <AdditionalFeaturesSection />
-            <InstallationPromptSection />
-        </>
-    );
-};
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 8163e41..dcd23f4 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,6 +1,6 @@
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
-import { LandingPage } from "@site/src/pages/LandingPage";
+import { LandingPage } from "@site/src/components/pages/LandingPage";
 
 export default function Home() {
     const { siteConfig } = useDocusaurusContext();
diff --git a/src/theme/Footer/Links/index.tsx b/src/theme/Footer/Links/index.tsx
index 5dd14cb..b8e33eb 100644
--- a/src/theme/Footer/Links/index.tsx
+++ b/src/theme/Footer/Links/index.tsx
@@ -1,8 +1,8 @@
-import React, {ReactNode} from "react";
+import React, { ReactNode } from "react";
 
 import { isMultiColumnFooterLinks } from "@docusaurus/theme-common";
 import type { Props } from "@theme/Footer/Links";
-import {FooterLinkItem} from "@site/src/theme/Footer/LinkItem";
+import { FooterLinkItem } from "@site/src/theme/Footer/LinkItem";
 
 export default function FooterLinks({ links }: Props): ReactNode {
     if (!isMultiColumnFooterLinks(links)) {