chore: add new page for showing magicui components

messages/en.json

@@ -333,6 +333,9 @@
       "blocks": {
         "title": "Blocks",
         "items": {
+          "magicui": {
+            "title": "MagicUI Blocks"
+          },
           "hero-section": {
             "title": "Hero Blocks"
           },

messages/zh.json

@@ -334,6 +334,9 @@
       "blocks": {
         "title": "内置组件",
         "items": {
+          "magicui": {
+            "title": "MagicUI 组件"
+          },
           "hero-section": {
             "title": "Hero 组件"
           },

src/app/[locale]/(marketing)/(home)/page.tsx

@@ -12,6 +12,7 @@ import LogoCloud from '@/components/blocks/logo-cloud/logo-cloud';
 import PricingSection from '@/components/blocks/pricing/pricing';
 import StatsSection from '@/components/blocks/stats/stats';
 import TestimonialsSection from '@/components/blocks/testimonials/testimonials';
+import { MarqueeDemoVertical } from '@/components/magicui/example/marquee-example';
 import { constructMetadata } from '@/lib/metadata';
 import { getUrlWithLocale } from '@/lib/urls/urls';
 import type { Metadata } from 'next';

src/app/[locale]/(marketing)/(pages)/magicui/page.tsx

@@ -0,0 +1,14 @@
+import { MarqueeDemoVertical } from '@/components/magicui/example/marquee-example';
+
+/**
+ * Magic UI Components Showcase Page
+ *
+ * https://magicui.design/docs/components
+ */
+export default async function MagicuiPage() {
+  return (
+    <div className="mx-auto space-y-8">
+      <MarqueeDemoVertical />
+    </div>
+  );
+}

src/config/navbar-config.tsx

@@ -8,6 +8,7 @@ import {
   ChartNoAxesCombinedIcon,
   CircleDollarSignIcon,
   CircleHelpIcon,
+  ComponentIcon,
   CookieIcon,
   FileTextIcon,
   FilmIcon,
@@ -165,6 +166,12 @@ export function getNavbarLinks(): NestedMenuItem[] {
     {
       title: t('blocks.title'),
       items: [
+        {
+          title: t('blocks.items.magicui.title'),
+          icon: <ComponentIcon className="size-4 shrink-0" />,
+          href: Routes.MagicuiBlocks,
+          external: false,
+        },
         {
           title: t('blocks.items.hero-section.title'),
           icon: <FlameIcon className="size-4 shrink-0" />,

src/routes.ts

@@ -43,6 +43,7 @@ export enum Routes {
   AIAudio = '/ai/audio',
 
   // block routes
+  MagicuiBlocks = '/magicui',
   HeroBlocks = '/blocks/hero-section',
   LogoCloudBlocks = '/blocks/logo-cloud',
   FeaturesBlocks = '/blocks/features',