From 7780c2027690504789517a5808181de4a3eeb29c Mon Sep 17 00:00:00 2001
From: Justin Gordon <justin@shakacode.com>
Date: Thu, 4 Jun 2026 18:26:04 -1000
Subject: [PATCH] Normalize UI label capitalization to sentence case

Standardizes the remaining Title-Case nav, footer, and button labels on
sentence case, the convention already used by most action labels on the
site (and the modern default for UI copy). Proper nouns stay capitalized
(React on Rails, Pro, OSS, RSC, Rails, GitHub, ShakaCode).

Footer:
- Documentation Guide -> Documentation guide
- Create a New App -> Create a new app
- Install into Existing Rails App -> Install into existing Rails app
- Quick Start -> Quick start
- Pro Pricing & Sign Up -> Pro pricing & sign up

Homepage:
- Hero button "Browse Docs" -> "Browse docs"
- Quick-start card titles: Create App / Install Into Rails / Upgrade To Pro
  -> Create app / Install into Rails / Upgrade to Pro
- Value card "OSS And Pro" -> "OSS and Pro"

The navbar consultation CTA was already sentence-cased in #122.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 prototypes/docusaurus/docusaurus.config.ts | 10 +++++-----
 prototypes/docusaurus/src/pages/index.tsx  | 10 +++++-----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/prototypes/docusaurus/docusaurus.config.ts b/prototypes/docusaurus/docusaurus.config.ts
index 3636b75..8eb7833 100644
--- a/prototypes/docusaurus/docusaurus.config.ts
+++ b/prototypes/docusaurus/docusaurus.config.ts
@@ -157,15 +157,15 @@ const config: Config = {
           title: 'Docs',
           items: [
             {
-              label: 'Documentation Guide',
+              label: 'Documentation guide',
               to: '/docs',
             },
-            {label: 'Create a New App', to: '/docs/getting-started/create-react-on-rails-app'},
+            {label: 'Create a new app', to: '/docs/getting-started/create-react-on-rails-app'},
             {
-              label: 'Install into Existing Rails App',
+              label: 'Install into existing Rails app',
               to: '/docs/getting-started/existing-rails-app',
             },
-            {label: 'Quick Start', to: '/docs/getting-started/quick-start'},
+            {label: 'Quick start', to: '/docs/getting-started/quick-start'},
             {label: 'Compare OSS and Pro', to: '/docs/getting-started/oss-vs-pro'},
             {label: 'Upgrade to Pro', to: '/docs/pro/upgrading-to-pro'},
             {label: 'React on Rails Pro', to: '/docs/pro'},
@@ -204,7 +204,7 @@ const config: Config = {
               to: '/pro',
             },
             {
-              label: 'Pro Pricing & Sign Up',
+              label: 'Pro pricing & sign up',
               href: 'https://pro.reactonrails.com/',
             },
             {
diff --git a/prototypes/docusaurus/src/pages/index.tsx b/prototypes/docusaurus/src/pages/index.tsx
index 5ae0ddf..8b3cc53 100644
--- a/prototypes/docusaurus/src/pages/index.tsx
+++ b/prototypes/docusaurus/src/pages/index.tsx
@@ -12,21 +12,21 @@ import styles from './index.module.css';
 
 const quickStartCards = [
   {
-    title: 'Create App',
+    title: 'Create app',
     command: 'npx create-react-on-rails-app@latest my-app',
     description: 'Scaffold a working Rails + React app with TypeScript defaults.',
     href: docsRoutes.createApp,
     cta: 'Open guide',
   },
   {
-    title: 'Install Into Rails',
+    title: 'Install into Rails',
     command: 'bundle exec rails generate react_on_rails:install --typescript',
     description: 'Add React on Rails to an existing app while keeping Rails routes and conventions.',
     href: docsRoutes.installExistingApp,
     cta: 'Open guide',
   },
   {
-    title: 'Upgrade To Pro',
+    title: 'Upgrade to Pro',
     command: 'bundle add react_on_rails_pro',
     description: 'Evaluate Pro SSR, streaming, and RSC paths before buying a production license.',
     href: docsRoutes.proUpgrade,
@@ -46,7 +46,7 @@ const valueCards = [
       'Use server rendering, hydration, and streaming paths that fit mature Rails deployments.',
   },
   {
-    title: 'OSS And Pro',
+    title: 'OSS and Pro',
     description:
       'Start with open source docs, then add Pro when SSR throughput, RSC support, or guided support matters.',
   },
@@ -164,7 +164,7 @@ function HeroSection() {
           </p>
           <div className={styles.buttons}>
             <Link className="button button--primary button--lg" to={docsRoutes.docsGuide}>
-              Browse Docs
+              Browse docs
             </Link>
             <Link className="button button--secondary button--lg" to="/examples">
               Examples