move longer example to later in page

Author: ethanpalm

authentication-personalization/personalization-setup.mdx

@@ -6,49 +6,23 @@ icon: "user-cog"
 
 Personalization customizes your documentation for each user when they are logged in. For example, you can prefill their API keys, show content specific to their plan or role, or hide sections they don't need access to.
 
-## Personalized content
+## Personalization features
 
-Personalization allows you to customize content with these features.
+Customize content with these personalization capabilities.
 
 ### API key prefilling
 
 Automatically populate API playground fields with user-specific values by returning matching field names in your user data. The field names in your user data must exactly match the names in the API playground for automatic prefilling to work.
 
 ### Dynamic MDX content
 
-Display dynamic content based on user information like name, plan, or organization.
-
-The `user` variable contains information sent to your docs from logged in users. See the [User data format](#user-data-format) section below for more information.
-
-**Example**: Hello, {user.name ?? 'reader'}!
-
-```jsx
-Hello, {user.name ?? 'reader'}!
-```
-
-This feature is more powerful when you pair it with custom data about your users. For example, you can give different instructions based on a user's plan.
-
-**Example**: Authentication is an enterprise feature. {
-user.org === undefined
-? <>To access this feature, first create an account at the <a href="https://dashboard.mintlify.com/login">Mintlify dashboard</a>.</>
-: user.org.plan !== 'enterprise'
-? <>You are currently on the ${user.org.plan ?? 'free'} plan. See <a href="https://mintlify.com/pricing">our pricing page</a> for information about upgrading.</>
-: <>To request this feature for your enterprise org, contact your admin.</>
-}
+Display dynamic content based on user information like name, plan, or organization using the `user` variable.
 
 ```jsx
-Authentication is an enterprise feature. {
-  user.org === undefined
-    ? <>To access this feature, first create an account at the <a href="https://dashboard.mintlify.com/login">Mintlify dashboard</a>.</>
-    : user.org.plan !== 'enterprise'
-      ? <>You are currently on the ${user.org.plan ?? 'free'} plan. See <a href="https://mintlify.com/pricing">our pricing page</a> for information about upgrading.</>
-      : <>To request this feature for your enterprise org, contact your admin.</>
-}
+Welcome back, {user.firstName}! Your {user.org?.plan} plan includes...
 ```
 
-<Note>
-  The information in `user` is only available for logged in users. For logged out users, the value of `user` will be `{}`. To prevent the page from crashing for logged out users, always use optional chaining on your `user` fields. For example, `{user.org?.plan}`.
-</Note>
+See the [User data format](#user-data-format) section below for detailed examples and implementation guidance.
 
 ### Page visibility
 
@@ -103,7 +77,7 @@ type User = {
 >
   Custom data accessible in your `MDX` content via the `user` variable. Use this for dynamic personalization throughout your documentation.
 
-  **Example**:
+  **Basic example**:
   ```json
   { "firstName": "Ronan", "company": "Acme Corp", "plan": "Enterprise" }
   ```
@@ -113,6 +87,21 @@ type User = {
   Welcome back, {user.firstName}! Your {user.plan} plan includes...
   ```
   With the example `user` data, this would render as: Welcome back, Ronan! Your Enterprise plan includes...
+
+  **Advanced conditional rendering**:
+  ```jsx
+  Authentication is an enterprise feature. {
+    user.org === undefined
+      ? <>To access this feature, first create an account at the <a href="https://dashboard.mintlify.com/login">Mintlify dashboard</a>.</>
+      : user.org.plan !== 'enterprise'
+        ? <>You are currently on the ${user.org.plan ?? 'free'} plan. See <a href="https://mintlify.com/pricing">our pricing page</a> for information about upgrading.</>
+        : <>To request this feature for your enterprise org, contact your admin.</>
+  }
+  ```
+
+  <Note>
+    The information in `user` is only available for logged-in users. For logged-out users, the value of `user` will be `{}`. To prevent the page from crashing for logged out users, always use optional chaining on your `user` fields. For example, `{user.org?.plan}`.
+  </Note>
 </ParamField>
 <ParamField
   path="apiPlaygroundInputs"
@@ -167,8 +156,8 @@ Select the handshake method that you want to configure.
   <Tab title="JWT">
 ### Prerequisites
 
-* A login system that can generate and sign JWTs.
-* A backend service that can create redirect URLs.
+* A login system that can generate and sign JWTs
+* A backend service that can create redirect URLs
 
 ### Implementation
 
@@ -184,7 +173,7 @@ Select the handshake method that you want to configure.
   <Step title="Integrate Mintlify personalization into your login flow.">
     Modify your existing login flow to include these steps after user login:
     
-    * Create a JWT containing the logged in user's info in the `User` format. See the [User data format](#user-data-format) section above for more information.
+    * Create a JWT containing the logged-in user's info in the `User` format. See the [User data format](#user-data-format) section above for more information.
     * Sign the JWT with the secret key, using the ES256 algorithm.
     * Create a redirect URL back to your docs, including the JWT as the hash.
   </Step>
@@ -238,8 +227,8 @@ To redirect users to specific sections after login, use this URL format: `https:
 </Tab>
 <Tab title="OAuth 2.0">
 ### Prerequisites
-* An OAuth server that supports the Auth Code with PKCE Flow.
-* Ability to create an API endpoint accessible by OAuth access tokens.
+* An OAuth server that supports the Auth Code with PKCE Flow
+* Ability to create an API endpoint accessible by OAuth access tokens
 
 ### Implementation
 <Steps>