feat: update docs to patterns path

Author: thedaviddias

README.md

@@ -13,13 +13,13 @@ This is an non-exhaustive list of available and incoming patterns.
 
 ### Navigation
 
-- [Breadcrumbs](https://uxpatterns.dev/en/docs/navigation/breadcrumb)
+- [Breadcrumbs](https://uxpatterns.dev/en/patterns/navigation/breadcrumb)
 - Navigation Menu (coming soon)
 - Pagination (coming soon)
 
 ### Input & Forms
 
-- [Button](https://uxpatterns.dev/en/docs/forms/button)
+- [Button](https://uxpatterns.dev/en/patterns/forms/button)
 - Checkbox (coming soon)
 - Code Confirmation (coming soon)
 - Color Picker (coming soon)

app/_components/subscribe.tsx

@@ -61,8 +61,8 @@ export const SubscribeForm = () => {
   };
 
   return (
-    <div className="flex flex-col mt-10 items-center justify-center py-10 px-4 text-center border border-neutral-400 dark:border-neutral-600 rounded-xl">
-      <h2 className="text-2xl font-bold mb-5 text-foreground">
+    <section className="flex flex-col mt-10 items-center justify-center py-10 px-4 text-center border border-neutral-400 dark:border-neutral-600 rounded-xl" aria-labelledby="subscribe-title">
+      <h2 id="subscribe-title" className="text-2xl font-bold mb-5 text-foreground">
         Get notified when new patterns are added!
       </h2>
       <form onSubmit={handleSubmit} className="space-y-4">
@@ -112,6 +112,6 @@ export const SubscribeForm = () => {
           )}
         </div>
       </form>
-    </div>
+    </section>
   );
 }

app/_components/suggest-pattern.tsx

@@ -1,10 +1,11 @@
 import { PROJECT_URL } from '@/app/_constants/project'
+import { LinkCustom } from './link-custom'
 import { Button } from './ui/button'
 
-export function SuggestPattern() {
+export const SuggestPattern = () => {
   return (
-    <div className="flex flex-col mt-10 items-center justify-center py-10 px-4 text-center border border-neutral-400 dark:border-neutral-600 rounded-xl">
-      <h2 className="text-2xl font-bold mb-5 text-foreground">Got a pattern request?</h2>
+    <section className="flex flex-col mt-10 items-center justify-center py-10 px-4 text-center border border-neutral-400 dark:border-neutral-600 rounded-xl" aria-labelledby="suggest-pattern-title">
+      <h2 id="suggest-pattern-title" className="text-2xl font-bold mb-5 text-foreground">Got a pattern request?</h2>
       <p className="text-lg text-muted-foreground mb-6">
         Let us know, and we&apos;ll add it!
       </p>
@@ -13,15 +14,13 @@ export function SuggestPattern() {
         className="font-medium"
         asChild
       >
-        <a
+        <LinkCustom
           href={`${PROJECT_URL}/discussions/new?category=suggestions`}
-          target="_blank"
-          rel="noopener noreferrer"
           className="plausible-event-name=Suggest+Pattern"
         >
           Send Suggestion
-        </a>
+        </LinkCustom>
       </Button>
-    </div>
+    </section>
   )
 }

app/_constants/footer.ts

@@ -4,8 +4,8 @@ export const FOOTER_MENU_LINKS = (lang: string) => [
     label: 'Home'
   },
   {
-    path: '/docs',
-    label: 'Documentation'
+    path: '/patterns',
+    label: 'Patterns'
   },
   {
     path: '/blog',

app/_constants/patterns/forms.ts

@@ -29,13 +29,13 @@ export const formPatterns = [
   {
     title: 'Autocomplete',
     description: 'Suggest options as users type',
-    href: '/docs/forms/autocomplete',
+    href: '/patterns/forms/autocomplete',
     icon: Search
   },
   {
     title: 'Button',
     description: 'Trigger actions and submit forms',
-    href: '/docs/forms/button',
+    href: '/patterns/forms/button',
     icon: MousePointerClick
   },
   {

app/_constants/patterns/navigation.ts

@@ -4,7 +4,7 @@ export const navigationPatterns = [
   {
     title: 'Breadcrumb',
     description: 'Help users understand their current location',
-    href: '/docs/navigation/breadcrumb',
+    href: '/patterns/navigation/breadcrumb',
     icon: Navigation2,
   },
   {

app/_constants/routes.ts

@@ -1,5 +1,5 @@
 export const ROUTES = {
   home: '/',
-  docs: '/docs',
+  patterns: '/patterns',
   email: '/api/email',
 } as const;

app/sitemap.ts

@@ -47,7 +47,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
       routes.push({
         url: `${BASE_URL}/${locale}${page ? `/${page}` : ''}`,
         lastModified: new Date(),
-        changeFrequency: page.includes('docs') ?
+        changeFrequency: page.includes('patterns') ?
           "weekly" :
           "monthly",
         priority: getPriority(page),
@@ -68,7 +68,7 @@ export default function sitemap(): MetadataRoute.Sitemap {
 
 function getPriority(path: string): number {
   if (!path) return 1; // Homepage
-  if (path === 'docs/getting-started') return 0.9;
-  if (path.startsWith('docs/')) return 0.8;
+  if (path === 'patterns/getting-started') return 0.9;
+  if (path.startsWith('patterns/')) return 0.8;
   return 0.5; // Other pages
 }

content/en/_meta.ts

@@ -6,9 +6,9 @@ export default {
       typesetting: 'article'
     }
   },
-  docs: {
+  patterns: {
     type: 'page',
-    title: 'Documentation'
+    title: 'Patterns'
   },
   blog: {
     type: 'page',