Merge remote-tracking branch 'origin/main' into jg-conductor/home-quick-start-prompts

* origin/main:
  Normalize UI label capitalization to sentence case (#123)
  Restore footer consultation link (revert footer dedupe)
  Revise CTA consistency: keep intentional labels/destinations, dedupe footer
  Unify demo naming, live demo URL, and consultation CTA on marketing pages
  Point Gumroad demo at gumroad.reactonrails.com and add screenshot
  Point Octochangelog demo at changelog.reactonrails.com and add screenshot
  Show HiChee as a live React on Rails example

# Conflicts:
#	prototypes/docusaurus/src/pages/index.tsx

Author: justin808

prototypes/docusaurus/docusaurus.config.ts

@@ -135,7 +135,7 @@ const config: Config = {
         {to: '/pro', label: 'React on Rails Pro', position: 'left'},
         {
           href: 'https://www.shakacode.com/contact/',
-          label: 'Get Expert Help',
+          label: 'Get expert help',
           position: 'right',
           className: 'navbar-cta',
         },
@@ -158,15 +158,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'},
@@ -192,7 +192,7 @@ const config: Config = {
               href: 'https://www.shakacode.com',
             },
             {
-              label: 'Book a Complimentary Assessment',
+              label: 'Book a complimentary assessment',
               href: 'https://meetings.hubspot.com/justingordon/30-minute-consultation',
             },
           ],
@@ -205,7 +205,7 @@ const config: Config = {
               to: '/pro',
             },
             {
-              label: 'Pro Pricing & Sign Up',
+              label: 'Pro pricing & sign up',
               href: 'https://pro.reactonrails.com/',
             },
             {

prototypes/docusaurus/src/constants/demos.ts

@@ -68,7 +68,8 @@ export const demos: Demo[] = [
     tagline:
       'An Octochangelog app migrated to React on Rails Pro with Rails routing, React 19, and streamed RSC.',
     repoUrl: 'https://github.com/shakacode/react_on_rails-demo-octochangelog-on-rails-pro',
-    demoUrl: 'https://rails-wt0q7a2r1svry.cpln.app',
+    demoUrl: 'https://changelog.reactonrails.com',
+    image: '/img/demos/octochangelog.webp',
     category: 'flagship',
     featured: true,
   },
@@ -78,7 +79,10 @@ export const demos: Demo[] = [
     tagline:
       'A Gumroad-style creator dashboard comparing Inertia and React on Rails Pro with React 19 and RSC.',
     repoUrl: 'https://github.com/shakacode/react-on-rails-demo-gumroad-rsc',
+    demoUrl: 'https://gumroad.reactonrails.com',
+    image: '/img/demos/gumroad.webp',
     category: 'flagship',
+    featured: true,
   },
 ];
 

prototypes/docusaurus/src/css/custom.css

@@ -270,7 +270,7 @@ body {
   text-decoration: underline;
 }
 
-/* "Get Expert Help" navbar CTA */
+/* "Get expert help" navbar CTA */
 .navbar-cta {
   background: var(--ifm-color-primary);
   color: #ffffff !important;

prototypes/docusaurus/src/pages/examples.module.css

@@ -41,6 +41,34 @@
   gap: 0.9rem;
 }
 
+.siteGrid {
+  max-width: 42rem;
+  margin-bottom: 3rem;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 0.9rem;
+}
+
+.siteCard {
+  border: 1px solid var(--site-border);
+  border-radius: 8px;
+  background: var(--site-surface);
+  padding: 0.95rem;
+  box-shadow: none;
+}
+
+.siteCard h3 {
+  margin-bottom: 0.45rem;
+  line-height: 1.12;
+}
+
+.siteLink {
+  display: inline-flex;
+  align-items: center;
+  margin-top: 0;
+  font-weight: 700;
+}
+
 @media (max-width: 996px) {
   .hero {
     padding: 2.1rem 0 1.7rem;

prototypes/docusaurus/src/pages/examples.tsx

@@ -1,4 +1,5 @@
 import type {ReactNode} from 'react';
+import Link from '@docusaurus/Link';
 import Layout from '@theme/Layout';
 
 import {demos, type DemoCategory} from '../constants/demos';
@@ -29,21 +30,50 @@ const demoGroups: DemoGroup[] = [
   },
 ];
 
+const productionSites = [
+  {
+    title: 'HiChee.com',
+    description:
+      'Production vacation-rental comparison site using React on Rails to help travelers compare Airbnb, Booking.com, Vrbo, and direct-booking prices.',
+    href: 'https://hichee.com/',
+  },
+];
+
 export default function ExamplesPage(): ReactNode {
   return (
     <Layout title="Examples" description="React on Rails demo and starter applications">
       <main className={styles.main}>
         <section className={styles.hero}>
           <div className="container">
-            <p className={styles.kicker}>Demos and starters</p>
-            <h1>See React on Rails running, then read the source.</h1>
+            <p className={styles.kicker}>Demos, starters, and production sites</p>
+            <h1>
+              See React on Rails running in demos and real products.
+            </h1>
             <p className={styles.lead}>
-              Every demo links to a live deployment and its source code. Use them to evaluate
+              Use live deployments, source-backed demos, and production references to evaluate
               React on Rails, compare OSS and Pro, or start a new app.
             </p>
           </div>
         </section>
 
+        <section className="container">
+          <div className={styles.sectionHeader}>
+            <p className={styles.sectionEyebrow}>Production sites</p>
+            <h2>Live products built with React on Rails.</h2>
+          </div>
+          <div className={styles.siteGrid}>
+            {productionSites.map((site) => (
+              <article className={styles.siteCard} key={site.title}>
+                <h3>{site.title}</h3>
+                <p>{site.description}</p>
+                <Link className={styles.siteLink} href={site.href}>
+                  Visit site
+                </Link>
+              </article>
+            ))}
+          </div>
+        </section>
+
         {demoGroups.map((group) => {
           const groupDemos = demos.filter((demo) => demo.category === group.category);
           if (groupDemos.length === 0) {

prototypes/docusaurus/src/pages/index.tsx

@@ -24,7 +24,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.',
   },
@@ -142,7 +142,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

prototypes/docusaurus/src/pages/pro.tsx

@@ -47,10 +47,10 @@ const proFeatures = [
 
 const demos = [
   {
-    title: 'LocalHub — RSC performance demo',
+    title: 'Marketplace — RSC performance demo',
     description:
       'A marketplace built on Pro + RSC, with Lighthouse reports and bundle-size evidence you can inspect.',
-    liveHref: 'https://rsc.reactonrails.com/search-performance',
+    liveHref: 'https://rsc.reactonrails.com',
     sourceHref: 'https://github.com/shakacode/react-on-rails-demo-marketplace-rsc',
   },
   {