Update pages

Author: handotdev

changelog.mdx

@@ -11,15 +11,15 @@ mode: "center"
     ![AI Translations graphic](/images/changelog/translations.png)
   </Frame>
 
-  Translate all of your documentation with AI. [Learn more.](/core-concepts/navigation/localization)
+  Translate all of your documentation with AI. [Learn more.](/core-concepts/navigation#localization)
 
   ## Export docs to PDF in beta
 
   Export all of your documentation, a subdirectory, or a singe page as a PDF.
 
   ## React hook support
 
-  Bring interactivity to your docs. All standard React hooks are automatically available in your MDX files. [Learn more.](/core-concepts/styling/react-components)
+  Bring interactivity to your docs. All standard React hooks are automatically available in your MDX files. [Learn more.](/core-concepts/react-components)
 </Update>
 
 <Update label="March 2025">
@@ -85,7 +85,7 @@ mode: "center"
     ![graphic with text "Themes v2"](/images/changelog/themes.png)
   </Frame>
 
-  New [pre-built themes](/core-concepts/styling/themes) to modify the look & feel of your docs. Configure via your [docs.json file](/core-concepts/settings).
+  New [pre-built themes](/core-concepts/themes) to modify the look & feel of your docs. Configure via your [docs.json file](/core-concepts/settings).
 
   Now available:
 
@@ -96,7 +96,7 @@ mode: "center"
   ## Other improvements
 
   - [Guide to Technical Writing:](https://mintlify.com/guides/introduction)Best practices for writing technical documentation, including audience research, content types, and writing tips.
-  - [Dropdown component](/core-concepts/navigation/divisions#dropdowns): Organize navigation with a dropdown, in addition to tabs and anchors.
+  - [Dropdown component](/core-concepts/navigation#dropdowns): Organize navigation with a dropdown, in addition to tabs and anchors.
   - [AI syntax fixer](https://x.com/ricardonunez_io/status/1892334887644123192): The web editor will catch if there’s a parsing error and use AI to suggest fixes.
 </Update>
 

core-concepts/styling/custom-css-js.mdx renamed to core-concepts/custom-scripts.mdx

@@ -1,6 +1,7 @@
 ---
-title: 'Custom CSS & JS'
+title: 'Custom Scripts'
 description: 'Fully customize your documentation with custom CSS & JS'
+icon: "code"
 ---
 
 Add custom CSS & JS to your documentation to fully customize the look and feel.

core-concepts/pages.mdx

@@ -16,10 +16,6 @@ title: "Introduction"
 ---
 ```
 
-<Info>
-  If you don't specify a title, it will be generated from the name of the file.
-</Info>
-
 ## Descriptions
 
 You can add a description that shows the summary of the page under the title with the `description` metadata.

core-concepts/styling/react-components.mdx renamed to core-concepts/react-components.mdx

@@ -1,6 +1,7 @@
 ---
 title: "React Components"
 description: "Learn how to use React components"
+icon: "react"
 ---
 
 import { Counter } from "/snippets/counter.mdx";

core-concepts/settings.mdx

@@ -21,7 +21,7 @@ This section contains the full reference for the docs.json file.
 <ResponseField name="theme" required>
   One of the following: `mint`, `maple`, `palm`, `willow`, `linden`, `almond`.
 
-  The layout theme of the project. Check out the [Themes](/core-concepts/styling/themes) page for more information.
+  The layout theme of the project. Check out the [Themes](/core-concepts/themes) page for more information.
 </ResponseField>
 
 <ResponseField name="name" type="string" required>
@@ -369,32 +369,32 @@ This section contains the full reference for the docs.json file.
       </Expandable>
     </ResponseField>
     <ResponseField name="languages" type="array of object">
-      Organizing by [languages](/core-concepts/navigation/localization)
+      Organizing by [languages](/core-concepts/navigation#localization)
 
     </ResponseField>
     <ResponseField name="versions" type="array of object">
-      Organizing by [versions](/core-concepts/navigation/versions)
+      Organizing by [versions](/core-concepts/navigation#versions)
 
     </ResponseField>
     <ResponseField name="tabs" type="array of object">
-      Organizing by [tabs](/core-concepts/navigation/divisions#tabs)
+      Organizing by [tabs](/core-concepts/navigation#divisions#tabs)
 
     </ResponseField>
     <ResponseField name="anchors" type="array of object">
-      Organizing by [anchors](/core-concepts/navigation/divisions#anchors)
+      Organizing by [anchors](/core-concepts/navigation#divisions#anchors)
 
     </ResponseField>
 
     <ResponseField name="dropdowns" type="array of object">
-      Organizing by [dropdowns](/core-concepts/navigation/divisions#dropdowns)
+      Organizing by [dropdowns](/core-concepts/navigation#divisions#dropdowns)
 
     </ResponseField>
     <ResponseField name="groups" type="array of object">
-      Organizing by [groups](/core-concepts/navigation/pages#pages)
+      Organizing by [groups](/core-concepts/navigation#pages#pages)
 
     </ResponseField>
     <ResponseField name="pages" type="array of string or object">
-      An array of [page paths or groups](/core-concepts/navigation/pages#groups)
+      An array of [page paths or groups](/core-concepts/navigation#pages#groups)
 
     </ResponseField>
 

core-concepts/styling/themes.mdx renamed to core-concepts/themes.mdx

@@ -1,6 +1,7 @@
 ---
 title: "Themes"
 description: "Customize the appearance of your documentation"
+icon: "paint-bucket"
 ---
 
 import { ThemeCard } from "/snippets/theme-card.mdx";

docs.json

@@ -41,15 +41,9 @@
               "core-concepts/settings",
               "core-concepts/pages",
               "core-concepts/navigation",
-              {
-                "group": "Styling",
-                "icon": "paint-bucket",
-                "pages": [
-                  "core-concepts/styling/themes",
-                  "core-concepts/styling/react-components",
-                  "core-concepts/styling/custom-css-js"
-                ]
-              },
+              "core-concepts/themes",
+              "core-concepts/react-components",
+              "core-concepts/custom-scripts",
               "core-concepts/ai-ingestion"
             ]
           },

quickstart.mdx

@@ -208,10 +208,10 @@ Enter your domain (e.g., docs.yourcompany.com) and follow the provided instructi
 
 Congratulations! You've successfully deployed your documentation site with Mintlify. Here are some suggested next steps to enhance your documentation:
 
-<Card title="Customize Your Theme" icon="paintbrush" href="/core-concepts/styling/themes" horizontal>
+<Card title="Customize Your Theme" icon="paintbrush" href="/core-concepts/themes" horizontal>
   Learn how to customize colors, fonts, and the overall appearance of your documentation site.
 </Card>
-<Card title="Organize Navigation" icon="map" href="/core-concepts/navigation/overview" horizontal>
+<Card title="Organize Navigation" icon="map" href="/core-concepts/navigation#overview" horizontal>
   Structure your documentation with intuitive navigation to help users find what they need.
 </Card>
 <Card title="Add Interactive Components" icon="puzzle" href="/components/accordions" horizontal>