feat: unified seo package (#236)

Co-authored-by: Claude <[email protected]>

Author: thedaviddias

README.md

@@ -7,7 +7,7 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![Contributions Welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/thedaviddias/ux-patterns-for-developers/blob/main/.github/CONTRIBUTING.md)
 [![GitHub Stars](https://img.shields.io/github/stars/thedaviddias/ux-patterns-for-developers?style=social)](https://github.com/thedaviddias/ux-patterns-for-developers)
-[![Twitter Follow](https://img.shields.io/twitter/follow/thedaviddias?style=social)](https://twitter.com/thedaviddias)
+[![Twitter Follow](https://img.shields.io/twitter/follow/thedaviddias?style=social)](https://x.com/thedaviddias)
 
 [View Documentation](https://uxpatterns.dev) · [Report Bug](https://github.com/thedaviddias/ux-patterns-for-developers/issues) · [Request Pattern](https://github.com/thedaviddias/ux-patterns-for-developers/issues/new)
 

apps/gallery/app/(pages)/disclaimer/page.tsx

@@ -1,11 +1,41 @@
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { useMDXComponents } from "@/lib/mdx-components";
+import { siteConfig } from "@/lib/site.config";
 import { pagesSource } from "@/lib/source";
 
 export const metadata: Metadata = {
-	title: "Disclaimer - UX Patterns Gallery",
-	description: "Educational disclaimer for UX pattern analysis and examples",
+	title: `${siteConfig.pages.disclaimer.title} - ${siteConfig.name}`,
+	description: siteConfig.pages.disclaimer.description,
+	alternates: {
+		canonical: `${siteConfig.url}/disclaimer`,
+	},
+	openGraph: {
+		title: `${siteConfig.pages.disclaimer.title} - ${siteConfig.name}`,
+		description: siteConfig.pages.disclaimer.description,
+		url: `${siteConfig.url}/disclaimer`,
+		type: "website",
+		images: [
+			{
+				url: siteConfig.ogImage,
+				width: 1200,
+				height: 630,
+				type: "image/png",
+				alt: `${siteConfig.pages.disclaimer.title} - ${siteConfig.name}`,
+			},
+		],
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: `${siteConfig.pages.disclaimer.title} - ${siteConfig.name}`,
+		description: siteConfig.pages.disclaimer.description,
+		images: [
+			{
+				url: siteConfig.ogImage,
+				alt: `${siteConfig.pages.disclaimer.title} - ${siteConfig.name}`,
+			},
+		],
+	},
 };
 
 export default function DisclaimerPage() {

apps/gallery/app/(pages)/privacy-policy/page.tsx

@@ -1,11 +1,41 @@
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { useMDXComponents } from "@/lib/mdx-components";
+import { siteConfig } from "@/lib/site.config";
 import { pagesSource } from "@/lib/source";
 
 export const metadata: Metadata = {
-	title: "Privacy Policy - UX Patterns Gallery",
-	description: "Privacy policy for UX Patterns Gallery",
+	title: `${siteConfig.pages.privacyPolicy.title} - ${siteConfig.name}`,
+	description: siteConfig.pages.privacyPolicy.description,
+	alternates: {
+		canonical: `${siteConfig.url}/privacy-policy`,
+	},
+	openGraph: {
+		title: `${siteConfig.pages.privacyPolicy.title} - ${siteConfig.name}`,
+		description: siteConfig.pages.privacyPolicy.description,
+		url: `${siteConfig.url}/privacy-policy`,
+		type: "website",
+		images: [
+			{
+				url: siteConfig.ogImage,
+				width: 1200,
+				height: 630,
+				type: "image/png",
+				alt: `${siteConfig.pages.privacyPolicy.title} - ${siteConfig.name}`,
+			},
+		],
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: `${siteConfig.pages.privacyPolicy.title} - ${siteConfig.name}`,
+		description: siteConfig.pages.privacyPolicy.description,
+		images: [
+			{
+				url: siteConfig.ogImage,
+				alt: `${siteConfig.pages.privacyPolicy.title} - ${siteConfig.name}`,
+			},
+		],
+	},
 };
 
 export default function PrivacyPolicyPage() {