docs: replace the homepage with the reactnativepaper.com landing page

docs/5.x/_nav.json

@@ -4,6 +4,11 @@
     "link": "/docs/guides/getting-started",
     "activeMatch": "^/docs/guides/"
   },
+  {
+    "text": "Components",
+    "link": "/docs/components/ActivityIndicator",
+    "activeMatch": "^/docs/components/"
+  },
   {
     "text": "Showcase",
     "link": "/docs/showcase",

docs/5.x/docs/_meta.json

@@ -4,6 +4,11 @@
     "name": "guides",
     "label": "Guides"
   },
+  {
+    "type": "dir-section-header",
+    "name": "components",
+    "label": "Components"
+  },
   {
     "type": "file",
     "name": "showcase",

docs/5.x/index.mdx

@@ -1,38 +1,7 @@
 ---
-pageType: home
-hero:
-  name: Cross-platform Material Design for React Native
-  tagline: Paper is a collection of customizable and production-ready components for React Native, following Google’s Material Design guidelines.
-  actions:
-    - text: Get started
-      link: /docs/guides/getting-started
-      theme: brand
-    - text: Try on Snack
-      link: https://snack.expo.dev/@react-native-paper/react-native-paper-example_v5
-      theme: alt
-features:
-  - title: Production-ready components
-    details: Buttons, inputs, lists, cards, menus, dialogs, navigation, and feedback patterns built for day-to-day product work.
-    icon: /react-native-paper/images/home/components.svg
-    span: 4
-  - title: Material You theming
-    details: Adopt Material 3 color, typography, elevation, and state layers with a theme system designed for real apps.
-    icon: /react-native-paper/images/home/palette.svg
-    span: 4
-  - title: Accessible by default
-    details: Common interactions, contrast, and state handling are already baked into the component surface instead of left to each screen.
-    icon: /react-native-paper/images/home/accessibility.svg
-    span: 4
-  - title: Cross-platform parity
-    details: Keep design language and component behavior aligned across iOS, Android, and React Native Web from one codebase.
-    icon: /react-native-paper/images/home/devices.svg
-    span: 4
-  - title: Dark mode support
-    details: Ship light and dark experiences with the same primitives, including adaptive surfaces and semantic color roles.
-    icon: /react-native-paper/images/home/moon.svg
-    span: 4
-  - title: Migration-friendly docs
-    details: Browse stable 5.x, preview 6.x, and legacy static docs from one version selector without splitting the docs experience.
-    icon: /react-native-paper/images/home/versions.svg
-    span: 4
+pageType: custom
 ---
+
+import Landing from '@docs/components/landing';
+
+<Landing />

docs/6.x/index.mdx

@@ -1,38 +1,7 @@
 ---
-pageType: home
-hero:
-  name: Cross-platform Material Design for React Native
-  tagline: Paper is a collection of customizable and production-ready components for React Native, following Google’s Material Design guidelines.
-  actions:
-    - text: Get started
-      link: /docs/guides/getting-started
-      theme: brand
-    - text: Try on Snack
-      link: https://snack.expo.dev/@react-native-paper/react-native-paper-example_v5
-      theme: alt
-features:
-  - title: Production-ready components
-    details: Buttons, inputs, lists, cards, menus, dialogs, navigation, and feedback patterns built for day-to-day product work.
-    icon: /react-native-paper/images/home/components.svg
-    span: 4
-  - title: Material You theming
-    details: Adopt Material 3 color, typography, elevation, and state layers with a theme system designed for real apps.
-    icon: /react-native-paper/images/home/palette.svg
-    span: 4
-  - title: Accessible by default
-    details: Common interactions, contrast, and state handling are already baked into the component surface instead of left to each screen.
-    icon: /react-native-paper/images/home/accessibility.svg
-    span: 4
-  - title: Cross-platform parity
-    details: Keep design language and component behavior aligned across iOS, Android, and React Native Web from one codebase.
-    icon: /react-native-paper/images/home/devices.svg
-    span: 4
-  - title: Dark mode support
-    details: Ship light and dark experiences with the same primitives, including adaptive surfaces and semantic color roles.
-    icon: /react-native-paper/images/home/moon.svg
-    span: 4
-  - title: Migration-friendly docs
-    details: Browse stable 5.x, preview 6.x, and legacy static docs from one version selector without splitting the docs experience.
-    icon: /react-native-paper/images/home/versions.svg
-    span: 4
+pageType: custom
 ---
+
+import Landing from '@docs/components/landing';
+
+<Landing />

docs/package.json

@@ -20,6 +20,7 @@
     "camelcase": "^7.0.1",
     "color": "^4.2.3",
     "marked": "^4.1.1",
+    "prism-react-renderer": "^2.4.1",
     "react": "19.2.6",
     "react-color": "^2.19.3",
     "react-dom": "19.2.6",