7774d7ec98
This commit implements a complete brand system overhaul including: TYPOGRAPHY SYSTEM: - Add Exo font family (Thin, Light, Regular, ExtraLight) as primary brand font - Implement SF Pro Display/Text hierarchy for UI components - Create comprehensive Typography component with all brand variants - Update all components to use new typography tokens DESIGN TOKEN SYSTEM: - Create complete design token system in theme/designTokens.ts - Define Carbon Black (#1a1a1a), Walnut Brown (#8B4513), Brushed Aluminum (#A8A8A8) palette - Implement CSS custom properties for consistent theming - Update Ant Design theme integration COMPONENT UPDATES: - Enhance Hero section with Exo Thin typography and improved layout - Update navigation with SF Pro font hierarchy - Redesign Button component with new variants and accessibility - Apply brand colors and typography across all showcase sections - Improve Footer with consistent brand application PERFORMANCE & ACCESSIBILITY: - Self-host Exo fonts for optimal loading performance - Implement proper font-display strategies - Add comprehensive accessibility audit documentation - Include responsive testing verification DOCUMENTATION: - Add brand system demo and implementation guides - Include QA testing reports and accessibility audits - Document design token usage and component patterns 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
138 lines
4.4 KiB
TypeScript
138 lines
4.4 KiB
TypeScript
import type { Metadata } from 'next';
|
|
import { ConfigProvider } from 'antd';
|
|
import { chorusTheme } from '@/theme/chorusTheme';
|
|
import './globals.css';
|
|
|
|
export const metadata: Metadata = {
|
|
title: {
|
|
default: 'CHORUS Services - Distributed AI Orchestration Platform',
|
|
template: '%s | CHORUS Services',
|
|
},
|
|
description: 'Harness the power of distributed AI with CHORUS Services. Orchestrate WHOOSH, BZZZ, SLURP, and COOEE components for scalable, intelligent automation.',
|
|
keywords: [
|
|
'AI orchestration',
|
|
'distributed AI',
|
|
'automation platform',
|
|
'CHORUS',
|
|
'WHOOSH',
|
|
'BZZZ',
|
|
'SLURP',
|
|
'COOEE',
|
|
'artificial intelligence',
|
|
'machine learning',
|
|
'workflow automation',
|
|
],
|
|
authors: [{ name: 'CHORUS Services Team' }],
|
|
creator: 'CHORUS Services',
|
|
publisher: 'CHORUS Services',
|
|
openGraph: {
|
|
type: 'website',
|
|
locale: 'en_US',
|
|
url: 'https://chorus.services',
|
|
siteName: 'CHORUS Services',
|
|
title: 'CHORUS Services - Distributed AI Orchestration Platform',
|
|
description: 'Harness the power of distributed AI with CHORUS Services. Orchestrate intelligent components for scalable automation.',
|
|
images: [
|
|
{
|
|
url: '/favicon.ico',
|
|
width: 64,
|
|
height: 64,
|
|
alt: 'CHORUS Services Platform',
|
|
},
|
|
],
|
|
},
|
|
twitter: {
|
|
card: 'summary_large_image',
|
|
title: 'CHORUS Services - Distributed AI Orchestration',
|
|
description: 'Harness the power of distributed AI with CHORUS Services.',
|
|
images: ['/favicon.ico'],
|
|
},
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: true,
|
|
'max-video-preview': -1,
|
|
'max-image-preview': 'large',
|
|
'max-snippet': -1,
|
|
},
|
|
},
|
|
verification: {
|
|
google: '', // Add Google Search Console verification code
|
|
yandex: '', // Add Yandex verification code if needed
|
|
},
|
|
icons: {
|
|
icon: '/favicon.ico',
|
|
},
|
|
manifest: '/manifest.json',
|
|
viewport: {
|
|
width: 'device-width',
|
|
initialScale: 1,
|
|
maximumScale: 5,
|
|
},
|
|
themeColor: [
|
|
{ media: '(prefers-color-scheme: light)', color: '#4A90E2' },
|
|
{ media: '(prefers-color-scheme: dark)', color: '#1a1a1a' },
|
|
],
|
|
};
|
|
|
|
interface RootLayoutProps {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default function RootLayout({ children }: RootLayoutProps) {
|
|
return (
|
|
<html lang="en" className="dark" suppressHydrationWarning>
|
|
<head>
|
|
{/* Preconnect to external domains for performance */}
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
|
|
|
|
{/* Google Fonts - Exo Thin for logotype */}
|
|
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@100&display=swap" rel="stylesheet" />
|
|
|
|
{/* DNS prefetch for better performance */}
|
|
<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
|
|
|
|
{/* Viewport meta tag for proper mobile rendering */}
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
|
|
{/* Additional meta tags for better SEO and user experience */}
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
|
|
{/* Structured data for better SEO */}
|
|
<script
|
|
type="application/ld+json"
|
|
dangerouslySetInnerHTML={{
|
|
__html: JSON.stringify({
|
|
'@context': 'https://schema.org',
|
|
'@type': 'Organization',
|
|
name: 'CHORUS Services',
|
|
description: 'Distributed AI Orchestration Platform',
|
|
url: 'https://chorus.services',
|
|
sameAs: [
|
|
// Add social media links when available
|
|
],
|
|
contactPoint: {
|
|
'@type': 'ContactPoint',
|
|
contactType: 'Customer Service',
|
|
url: 'https://chorus.services',
|
|
},
|
|
}),
|
|
}}
|
|
/>
|
|
</head>
|
|
<body className="antialiased bg-chorus-charcoal text-white">
|
|
<ConfigProvider theme={chorusTheme}>
|
|
<div className="min-h-screen flex flex-col">
|
|
{children}
|
|
</div>
|
|
</ConfigProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
} |