feat: Redesign featured pages to match component detail layout (#395)

Replace iframe-based featured pages with native dashboard layout using
tabbed navigation, sidebar with metadata, and partner-specific content.

- Rewrite dashboard featured/[slug].astro from iframe embed to native
  Astro page with Overview content + Website external link tab
- Expand FeaturedItem type with metadata, links, CTA, and badge data
- Add partner badge color variants (Partner/Database/Toolkit)
- Add sidebar cards: partner info, CTA button, install command, metadata, links
- Remove redundant metadata fields (Type/Category/Website already shown via dedicated fields)
- Update docs/ featured pages with component-page layout (legacy site)
- Create docs/css/featured-page.css for featured-specific styles

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: davila7

dashboard/src/lib/constants.ts

@@ -12,20 +12,60 @@ export const FEATURED_ITEMS: FeaturedItem[] = [
     logo: 'https://www.braingrid.ai/brand/full-logo-lime-on-transparent.png',
     url: '/featured/braingrid',
     tag: 'Partner',
+    tagColor: '#6366f1',
+    category: 'Product Management',
+    ctaLabel: 'Try BrainGrid Free',
+    ctaUrl: 'https://braingrid.link/hsn8pFE',
+    websiteUrl: 'https://braingrid.ai',
+    metadata: {
+      Integration: 'MCP, CLI',
+    },
+    links: [
+      { label: 'Integration Docs', url: 'https://docs.braingrid.ai/claude-code' },
+      { label: 'braingrid.ai', url: 'https://braingrid.ai' },
+    ],
   },
   {
     name: 'Neon',
     description: 'Complete Postgres Template',
     logo: 'https://neon.tech/brand/neon-logo-dark-color.svg',
     url: '/featured/neon-instagres',
     tag: 'Database',
+    tagColor: '#059669',
+    category: 'Infrastructure',
+    ctaLabel: 'Try Neon Free',
+    ctaUrl: 'https://get.neon.com/4eCjZDz',
+    websiteUrl: 'https://neon.tech',
+    installCommand: 'npx claude-code-templates@latest --skill database/neon-instagres,database/using-neon --yes',
+    metadata: {
+      Components: '10',
+      Integration: 'MCP, CLI',
+    },
+    links: [
+      { label: 'Instagres Docs', url: 'https://neon.tech/docs/guides/instagres' },
+      { label: 'Platform Overview', url: 'https://neon.tech/docs/introduction' },
+      { label: 'neon.tech', url: 'https://neon.tech' },
+    ],
   },
   {
     name: 'ClaudeKit',
     description: 'AI Agents & Skills',
     logo: 'https://docs.claudekit.cc/logo-horizontal.png',
     url: '/featured/claudekit',
     tag: 'Toolkit',
+    tagColor: '#d97706',
+    category: 'AI Engineering',
+    ctaLabel: 'Get ClaudeKit',
+    ctaUrl: 'https://claudekit.cc',
+    websiteUrl: 'https://claudekit.cc',
+    metadata: {
+      Users: '4,000+',
+      Countries: '109',
+    },
+    links: [
+      { label: 'Documentation', url: 'https://docs.claudekit.cc' },
+      { label: 'claudekit.cc', url: 'https://claudekit.cc' },
+    ],
   },
 ];
 

dashboard/src/lib/types.ts

@@ -39,12 +39,25 @@ export interface Cart {
   templates: CartItem[];
 }
 
+export interface FeaturedLink {
+  label: string;
+  url: string;
+}
+
 export interface FeaturedItem {
   name: string;
   description: string;
   logo: string;
   url: string;
   tag: string;
+  tagColor: string;
+  category: string;
+  ctaLabel: string;
+  ctaUrl: string;
+  websiteUrl: string;
+  installCommand?: string;
+  metadata: Record<string, string>;
+  links: FeaturedLink[];
 }
 
 export interface CollectionItem {