Adding app config info

Author: dannyroosevelt

docs-v2/pages/connect/_meta.json

@@ -3,7 +3,7 @@
     "title": "Overview"
   },
   "use-cases": {
-    "title": "Use cases"
+    "title": "Use Cases"
   },
   "quickstart": {
     "title": "Quickstart"
@@ -12,7 +12,7 @@
     "title": "API & SDK Reference"
   },
   "tokens": {
-    "title": "Connect tokens"
+    "title": "Connect Tokens"
   },
   "environments": {
     "title": "Environments"
@@ -26,8 +26,8 @@
   "connect-link": {
     "title": "Connect Link"
   },
-  "app-configuration": {
-    "title": "App Configuration"
+  "customize-your-app": {
+    "title": "Customize Your App"
   },
   "migrating-from-project-keys-to-oauth": {
     "display": "hidden"

docs-v2/pages/connect/app-configuration.mdx renamed to docs-v2/pages/connect/customize-your-app.mdx

@@ -1,12 +1,16 @@
-import Image from 'next/image'
+import ArcadeEmbed from '@/components/ArcadeEmbed'
+import Callout from '@/components/Callout'
 
-# Configuring Your application
+# Customizing Your Application
 
-By default, your end users will see this screen when they connect their account (to Google Sheets in this example):
+<ArcadeEmbed
+    src="https://demo.arcade.software/b3aw8YEPFavVpOrXRvca?embed"
+    title="Pipedream Connect Auth Flow">
+</ArcadeEmbed>
 
-<Image src="https://res.cloudinary.com/pipedreamin/image/upload/v1731024264/connect-standard-gsheets_fonwrx.png" alt="Pipedream Connect" width={300} height={529} />
-
-To customize this screen, you can configure your [application name](#application-name), [support email](#support-email), and [logo](#logo) in the Pipedream UI.
+<Callout type="info">
+By default, your end users will see a primarly Pipedream branded experience when they connect their account. To customize this screen to highlight your application, you can configure your [app's name](#application-name), [support email](#support-email), and [logo](#logo) in the Pipedream UI.
+</Callout>
 
 ## Customizing your application details
 
@@ -15,11 +19,13 @@ Open your project in the Pipedream UI: [https://pipedream.com/projects](https://
 1. Once you've opened your project, click the **Connect** tab in the left sidebar
 2. From there, select the **Configuration** tab
 
+![Pipedream Connect Configuration](https://res.cloudinary.com/pipedreamin/image/upload/v1731045468/connect-app-config_th9fqo.png)
+
 ### Application name
 By default, your end users will see:
 >We use Pipedream to connect your account
 
-Enter the name of your application that you'd like to show instead, so it'll read:
+Enter the name of your application that you'd like to show instead, so it reads:
 >\{Application Name\} uses Pipedream to connect your account
 
 ### Support email

docs-v2/pages/connect/tokens.mdx

@@ -1,4 +1,4 @@
-# Connect tokens
+# Connect Tokens
 
 When you initiate account connection for your end users, you must either:
 

docs-v2/pages/connect/use-cases.mdx

@@ -1,4 +1,4 @@
-# Pipedream Connect use cases
+# Pipedream Connect Case Cases
 
 Developers use Pipedream Connect to build customer-facing API integrations into their products. It lets you build [in-app messaging](#in-app-messaging), [CRM syncs](#crm-syncs), [AI-driven products](#ai-products), and much more, all in a few minutes.