feat: Title and description configuration

README.md

@@ -80,3 +80,7 @@ Start Storybook:
 npm run storybook
 ```
 Open http://localhost:6006
+
+## Site Metadata
+
+Site-wide metadata (title, description, keywords, OpenGraph) is configured in `src/config/site.ts`. Update that file to change SEO defaults used in the root layout.

src/app/(home)/layout.tsx

@@ -4,10 +4,24 @@ import './globals.css'
 import { DynamicMenu, Menu } from '@/components/Menu/Menu'
 import { Footer } from '@/compositions/Footer/Footer'
 import { comment } from '@/app/(home)/layout-comment'
-
+import { siteConfig } from '@/config/site'
 
 export const metadata: Metadata = {
-  title: 'Katholische Pfarrei Heilige drei Könige Berlin',
+  title: {
+    default: siteConfig.name,
+    template: `%s | ${siteConfig.shortName}`,
+  },
+  description: siteConfig.description,
+  keywords: siteConfig.keywords,
+  openGraph: {
+    title: siteConfig.name,
+    description: siteConfig.description,
+    url: siteConfig.url,
+    siteName: siteConfig.name,
+    images: [siteConfig.ogImage],
+    locale: 'de_DE',
+    type: 'website',
+  },
 }
 
 export default function RootLayout({

src/config/site.ts

@@ -0,0 +1,17 @@
+export const siteConfig = {
+  name: 'Katholische Pfarrei Heilige Drei Könige Berlin',
+  shortName: 'Hl. Drei Könige',
+  description:
+    'Katholische Pfarrei Heilige Drei Könige in Berlin – Gottesdienste, Veranstaltungen, Sakramente und Gemeindeleben.',
+  url: 'https://dreikoenige.berlin',
+  keywords: [
+    'Katholische Pfarrei',
+    'Heilige Drei Könige',
+    'Berlin',
+    'Gottesdienst',
+    'Sakramente',
+    'Veranstaltungen',
+    'Gemeinde',
+  ],
+  ogImage: '/og-logo.svg',
+}