Merge branch 'claude/fix-favicon-metadata-d2rqY' into 'master'

Fix favicon metadata and consolidate site branding constants

Closes #156

See merge request postgres-ai/docs!845

Author: NikolayS

docusaurus.config.js

@@ -1,5 +1,8 @@
 const path = require('path')
 
+// Site-wide constants (single source of truth)
+const { SITE_NAME, SITE_SLOGAN } = require('./src/config/site.json')
+
 const URL = !!process.env.URL ? process.env.URL : 'https://v2.postgres.ai/'
 const COLOR_MODE = typeof window !== 'undefined' && window.localStorage.getItem('theme') === 'dark' ? 'dark' : 'light'
 const API_URL_PREFIX = !!process.env.API_URL_PREFIX ? process.env.API_URL_PREFIX : 'https://postgres.ai/api/general' // was: 'https://v2.postgres.ai/api/general/'
@@ -27,14 +30,12 @@ const BOT_WS_URL = !!process.env.BOT_WS_URL ? process.env.BOT_WS_URL : '/ai-bot-
 const CONSULTING_WEBHOOK = process.env.CONSULTING_WEBHOOK ? process.env.CONSULTING_WEBHOOK : ''
 
 module.exports = {
-  title:
-    'PostgresAI', // Title for your website.
-  tagline:
-    'Self-healing Postgres for fast-growing startups. Ship features instead of fighting database fires.',
+  title: SITE_NAME,
+  tagline: SITE_SLOGAN,
   url: URL, // Your website URL.
   baseUrl: BASE_URL, // Base URL for your project.
   onBrokenLinks: 'warn', //'throw',
-  favicon: 'favicon.svg',
+  favicon: '/favicon.svg',
   organizationName: 'postgres-ai',
   projectName: 'docs',
 
@@ -86,7 +87,7 @@ module.exports = {
       tagName: 'meta',
       attributes: {
         name: 'apple-mobile-web-app-title',
-        content: 'PostgresAI',
+        content: SITE_NAME,
       },
     },
     {
@@ -109,7 +110,7 @@ module.exports = {
       // This options will overwrite options from pages with the same name/property.
       { 'http-equiv': 'x-dns-prefetch-control', content: 'on' },
       { property: 'og:locale', content: 'en_US' },
-      { property: 'og:site_name', content: 'PostgresAI' },
+      { property: 'og:site_name', content: SITE_NAME },
       { property: 'og:image', content: `${URL}/img/og-image.png` },
       {
         property: 'article:publisher',
@@ -131,7 +132,7 @@ module.exports = {
     },
 
     navbar: {
-        title: 'PostgresAI',
+        title: SITE_NAME,
       logo: {
         alt: 'PostgresAI logo',
         src: 'img/logo.svg',
@@ -369,7 +370,7 @@ module.exports = {
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} PostgresAI`,
+      copyright: `Copyright © ${new Date().getFullYear()} ${SITE_NAME}`,
     },
 
     prism: {
@@ -594,7 +595,7 @@ module.exports = {
             type: 'all',
             title: '', // default to siteConfig.title
             description: '', // default to  `${siteConfig.title} Blog`
-            copyright: 'PostgresAI',
+            copyright: SITE_NAME,
             language: undefined, // possible values: http://www.w3.org/TR/REC-html40/struct/dirlang.html#langcodes
           },
         },

src/config/site.json

@@ -0,0 +1,4 @@
+{
+  "SITE_NAME": "PostgresAI",
+  "SITE_SLOGAN": "Stop firefighting Postgres"
+}

src/config/site.ts

@@ -0,0 +1,11 @@
+/**
+ * Site-wide constants for PostgresAI documentation
+ *
+ * Re-exports from site.json which serves as the single source of truth
+ * for both Docusaurus config (CommonJS) and React components (ESM).
+ */
+
+import siteConfig from './site.json'
+
+export const SITE_NAME: string = siteConfig.SITE_NAME
+export const SITE_SLOGAN: string = siteConfig.SITE_SLOGAN

src/pages/index.module.css

@@ -1,5 +1,14 @@
+.tagline {
+  font-family: "JetBrains Mono Variable", "JetBrains Mono", "Fira Code", "Source Code Pro", monospace;
+  font-size: 1.1rem;
+  font-weight: 500;
+  color: #ff6112;
+  margin: 32px 0 8px 0 !important;
+  letter-spacing: 0.02em;
+}
+
 .mainTitle {
-  margin: 32px 0 12px 0 !important;
+  margin: 0 0 12px 0 !important;
   font-family: "JetBrains Mono Variable", "JetBrains Mono", "Fira Code", "Source Code Pro", monospace;
   font-size: 1rem !important;
   line-height: 1.4;

src/pages/index.tsx

@@ -4,6 +4,7 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
 
 import styles from './index.module.css'
 import { TRUSTED_BY_COMPANIES } from './pricing'
+import { SITE_NAME, SITE_SLOGAN } from '../config/site'
 
 // Testimonials
 const testimonials = [
@@ -38,7 +39,7 @@ function IndexPage() {
   if (typeof signInUrl !== 'string') return null
 
   return (
-    <Layout title="PostgresAI – self-healing Postgres for fast-growing startups">
+    <Layout title={`${SITE_NAME} – ${SITE_SLOGAN}`}>
       <main>
         {/* Hero Section with Video */}
         <section className="banner position-relative text-center">
@@ -53,12 +54,12 @@ function IndexPage() {
                   Ship your product features instead of fighting Postgres fires
                 </p>
 */}
+                <p className={styles.tagline}>{SITE_SLOGAN}</p>
                 <h1 className={styles.mainTitle}>
                   Your next Postgres outage is already in your logs
                 </h1>
                 <p className={styles.subtitle}>
-                  PostgresAI scans your database automatically and delivers fixes.<br />
-                  Before problems take your Postgres down
+                  PostgresAI finds Postgres problems and delivers fixes automatically — so your team can focus on the roadmap.
                 </p>
 
                 {/* Video Container */}

tsconfig.json

@@ -2,6 +2,7 @@
   "extends": "@tsconfig/docusaurus/tsconfig.json",
   "compilerOptions": {
     "baseUrl": ".",
+    "resolveJsonModule": true
   },
   "include": ["src/"]
 }