Replace React on Rails logo and brand assets

prototypes/docusaurus/docusaurus.config.ts

@@ -44,7 +44,7 @@ const packageFooterItems = packages.map((pkg) => {
 const config: Config = {
   title: 'React on Rails',
   tagline: 'Integrate React with Rails, including SSR, RSC, and production-grade docs.',
-  favicon: 'img/logo-mark.png',
+  favicon: 'img/favicon.ico',
 
   future: {
     v4: true,
@@ -119,7 +119,7 @@ const config: Config = {
       title: 'React on Rails',
       logo: {
         alt: 'React on Rails Logo',
-        src: 'img/logo-mark.png',
+        src: 'img/icon-tile.svg',
         width: 40,
         height: 40,
       },

prototypes/docusaurus/src/pages/index.tsx

@@ -141,7 +141,7 @@ function TrustedBySection() {
 }
 
 function HeroSection() {
-  const heroLogoSrc = useBaseUrl('/img/logo-mark.png');
+  const heroLogoSrc = useBaseUrl('/img/icon-tile.svg');
 
   return (
     <header className={styles.heroBanner}>
@@ -227,7 +227,7 @@ function LiveDemosSection() {
 }
 
 function ProSection() {
-  const proLogoSrc = useBaseUrl('/img/logo-mark-pro.svg');
+  const proLogoSrc = useBaseUrl('/img/icon-tile.svg');
 
   return (
     <section className={styles.sectionFeature}>

prototypes/docusaurus/src/pages/pro.tsx

@@ -1,6 +1,7 @@
 import type {ReactNode} from 'react';
 import Link from '@docusaurus/Link';
 import Layout from '@theme/Layout';
+import {PageMetadata} from '@docusaurus/theme-common';
 
 import {docsRoutes} from '../constants/docsRoutes';
 import styles from './pro.module.css';
@@ -85,6 +86,7 @@ const upgradeSteps = [
 export default function ProPage(): ReactNode {
   return (
     <Layout title="React on Rails Pro" description="React on Rails Pro features and upgrade path">
+      <PageMetadata image="img/react-on-rails-pro-social-card.png" />
       <main className={styles.main}>
         <section className={styles.hero}>
           <div className="container">