feat(website): seo improvements

Author: cschroeter

bun.lock

@@ -88,7 +88,7 @@
     },
     "packages/cli": {
       "name": "@park-ui/cli",
-      "version": "1.0.0",
+      "version": "1.0.1",
       "bin": {
         "park-ui": "dist/index.js",
       },
@@ -1171,7 +1171,7 @@
 
     "destr": ["[email protected]", "", {}, "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA=="],
 
-    "detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
+    "detect-libc": ["detect-libc@1.0.3", "", { "bin": { "detect-libc": "./bin/detect-libc.js" } }, "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg=="],
 
     "detect-newline": ["[email protected]", "", {}, "sha512-qE3Veg1YXzGHQhlA6jzebZN2qVf6NX+A7m7qlhCGG30dJixrAQhYOsJjsnBjJkCSmuOPpCk30145fr8FV0bzog=="],
 
@@ -2451,8 +2451,6 @@
 
     "jsdom/tough-cookie": ["[email protected]", "", { "dependencies": { "tldts": "^6.1.32" } }, "sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A=="],
 
-    "lightningcss/detect-libc": ["[email protected]", "", { "bin": { "detect-libc": "./bin/detect-libc.js" } }, "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg=="],
-
     "lorem-ipsum/commander": ["[email protected]", "", {}, "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ=="],
 
     "micromark/debug": ["[email protected]", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA=="],
@@ -2527,6 +2525,8 @@
 
     "release-it/semver": ["[email protected]", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
 
+    "sharp/detect-libc": ["[email protected]", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
+
     "sharp/semver": ["[email protected]", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
 
     "simple-swizzle/is-arrayish": ["[email protected]", "", {}, "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ=="],

website/src/app/changelog/page.tsx

@@ -59,7 +59,7 @@ export default async function Page() {
 export const generateMetadata = async (): Promise<Metadata> => {
   return {
     title: 'Changelog',
-    description: '',
+    description: 'All notable changes will be documented in this file.',
   }
 }
 

website/src/app/docs/[...slug]/page.tsx

@@ -73,6 +73,6 @@ export const generateMetadata = async (props: Props): Promise<Metadata> => {
 
   return {
     title: doc.title,
-    description: doc.description,
+    description: doc.metaDescription,
   }
 }

website/src/content/docs/about.mdx

@@ -1,6 +1,7 @@
 ---
 title: About
 description: Driven by amazing open source projects.
+metaDescription: Discover the story behind Park UI and the amazing open source projects that power our beautiful component system for React, Vue and Solid.js.
 category: getting-started
 ---
 

website/src/content/docs/components/absolute-center.mdx

@@ -1,6 +1,7 @@
 ---
 title: Absolute Center
-description: A layout component for centering content absolutely within its container.
+description: A utility component for centering content within its parent container.
+metaDescription: Absolute Center utility component for perfectly centering content within containers. Available for React and Solid.js with simple, flexible positioning.
 category: layout
 links:
   recipe: https://github.com/cschroeter/park-ui/blob/next/packages/preset/src/recipes/absolute-center.ts

website/src/content/docs/components/accordion.mdx

@@ -1,6 +1,7 @@
 ---
 title: Accordion
 description: A disclosure component with collapsible sections for organizing content.
+metaDescription: Build interactive accordions with collapsible sections for React and Solid.js with smooth animations and full accessibility.
 category: disclosure
 links:
   recipe: https://github.com/cschroeter/park-ui/blob/next/packages/preset/src/recipes/accordion.ts

website/src/content/docs/components/alert.mdx

@@ -1,6 +1,7 @@
 ---
 title: Alert
-description: A feedback component for displaying important messages and alerts to users.
+description: A component for displaying important notifications and feedback messages.
+metaDescription: Display important notifications and feedback messages for React and Solid.js with multiple severity levels and customizable styles.
 category: feedback
 links:
   recipe: https://github.com/cschroeter/park-ui/blob/next/packages/preset/src/recipes/alert.ts

website/src/content/docs/components/avatar.mdx

@@ -1,7 +1,8 @@
 ---
 title: Avatar
-description: A display component for showing user profile images, icons, or initials.
-category: display
+description: A component for displaying user profile images with fallback support.
+metaDescription: User profile avatar component for React and Solid.js with automatic fallback to initials, custom images, and accessible design.
+category: media
 links:
   recipe: https://github.com/cschroeter/park-ui/blob/next/packages/preset/src/recipes/avatar.ts
   ark: https://ark-ui.com/docs/components/avatar

website/src/content/docs/components/badge.mdx

@@ -1,7 +1,8 @@
 ---
 title: Badge
-description: A display component for highlighting status, labels, or notifications.
-category: display
+description: A component for displaying small labels and status indicators.
+metaDescription: Create badges and status indicators for React and Solid.js applications. Display labels, counts, and statuses with customizable colors and variants.
+category: data-display
 links:
   recipe: https://github.com/cschroeter/park-ui/blob/next/packages/preset/src/recipes/badge.ts
 ---

website/src/content/docs/components/breadcrumb.mdx

@@ -1,6 +1,7 @@
 ---
 title: Breadcrumb
-description: Used to display a page's location within a site's hierarchical structure.
+description: A navigation component showing the user's location within a site hierarchy.
+metaDescription: Breadcrumb navigation for React and Solid.js showing user location in site hierarchy with accessible breadcrumb trails.
 category: navigation
 links:
   recipe: https://github.com/cschroeter/park-ui/blob/next/packages/preset/src/recipes/breadcrumb.ts