Files
7418andClaude Opus 4.6 1359758fbf feat: add marketing site and docs app (apps/site)
- Homepage with hero section (typewriter animation, ChatDemo, FlickeringGrid),
  features section, open-source section (GitHub stars), FAQ accordion, final CTA
- Docs powered by fumadocs-ui with i18n (en/zh), custom top nav bar with
  search, GitHub link, and language switcher
- Marketing content system with typed en/zh content files
- Custom components: RainbowButton, ScrollNav, ChatDemo animation
- Docs pages: Getting Started, Installation, Providers, MCP, Bridge,
  Assistant Workspace, FAQ
- DownloadButton MDX component linking to GitHub Releases
- Monorepo workspace config (apps/*, packages/*)
- Fix FAQ accordion lint (pure CSS grid-template-rows animation, no useEffect)
- Fix RainbowButton empty interface lint error

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-10 20:25:57 +08:00

238 lines
7.1 KiB
TypeScript

export interface MarketingContent {
hero: {
title: string;
tagline: string;
cta: string;
secondaryCta: string;
screenshots: { src: string; alt: string; caption: string }[];
};
features: {
title: string;
titleLight: string;
subtitle: string;
items: {
icon: string;
title: string;
description: string;
badge?: string;
}[];
};
openSource: {
title: string;
titleLight: string;
highlights: {
icon: string;
title: string;
description: string;
}[];
githubCta: string;
githubUrl: string;
};
faq: {
title: string;
titleLight: string;
items: { q: string; a: string }[];
};
audience: {
title: string;
subtitle: string;
items: { title: string; description: string }[];
};
quickstart: {
title: string;
steps: { step: string; title: string; description: string }[];
};
docs: {
title: string;
cards: { title: string; description: string; href: string }[];
};
cta: {
title: string;
description: string;
primary: string;
secondary: string;
};
footer: {
copyright: string;
links: { text: string; url: string }[];
};
}
export const en: MarketingContent = {
hero: {
title: 'CodePilot',
tagline: 'Your desktop AI Agent for',
cta: 'Download',
secondaryCta: 'Documentation',
screenshots: [
{ src: '/screenshots/chat.svg', alt: 'Chat interface', caption: 'Multi-session chat with Code, Plan, and Ask modes' },
{ src: '/screenshots/providers.svg', alt: 'Provider management', caption: 'Connect and switch between AI providers' },
{ src: '/screenshots/mcp-skills.svg', alt: 'MCP and Skills', caption: 'Extend with MCP servers and Skills' },
{ src: '/screenshots/workspace.svg', alt: 'Assistant Workspace', caption: 'Inspect files and review changes in real time' },
{ src: '/screenshots/bridge.svg', alt: 'Bridge messaging', caption: 'Continue conversations from your phone' },
],
},
features: {
title: 'Everything you need to work with Claude Code.',
titleLight: 'Conversations, providers, extensions, and project context — in one place.',
subtitle: '',
items: [
{
icon: 'MessageSquare',
title: 'Multi-session chat',
description: 'Run multiple conversations with independent context.',
},
{
icon: 'Layers',
title: 'Code · Plan · Ask',
description: 'Three modes for different workflows.',
},
{
icon: 'Shield',
title: 'Permission control',
description: 'Confirm before Claude modifies files.',
},
{
icon: 'FolderOpen',
title: 'Assistant Workspace',
description: 'Inspect files and review changes live.',
},
{
icon: 'Brain',
title: 'Persona & Memory',
description: 'Consistent behavior across sessions.',
},
{
icon: 'Sparkles',
title: 'Skills',
description: 'Reusable prompt patterns you can share.',
},
{
icon: 'Bookmark',
title: 'Session persistence',
description: 'Pick up where you left off after restart.',
},
{
icon: 'Compass',
title: 'Onboarding',
description: 'Auto-detect project structure on first run.',
},
],
},
openSource: {
title: 'Fully open source.',
titleLight: 'Use your own API key. No middleman, no markup.',
highlights: [
{
icon: 'Code',
title: 'Open Source',
description: 'Every line of code is public on GitHub. Audit, fork, or contribute.',
},
{
icon: 'Key',
title: 'Bring Your Own Key',
description: 'Connect directly to Anthropic, OpenAI, Google, or any provider with your own API key.',
},
{
icon: 'Users',
title: 'Community Driven',
description: 'Built in the open with feedback from developers who use it every day.',
},
],
githubCta: 'Star on GitHub',
githubUrl: 'https://github.com/op7418/CodePilot',
},
faq: {
title: 'Frequently asked questions.',
titleLight: 'Everything you need to know before getting started.',
items: [
{
q: 'Is CodePilot really free?',
a: 'Yes. CodePilot is completely free and open source. You only pay for the API usage from your chosen provider.',
},
{
q: 'Which AI providers are supported?',
a: 'Anthropic, OpenAI, Google, AWS Bedrock, and any OpenAI-compatible endpoint. You can switch between them at any time.',
},
{
q: 'Do I need a Claude Code subscription?',
a: 'No. CodePilot works with your own API key directly — no Claude Code subscription required.',
},
{
q: 'Is my data sent to CodePilot servers?',
a: 'No. All API calls go directly from your machine to the provider. CodePilot never sees your code or conversations.',
},
{
q: 'Can I use it on Windows and Linux?',
a: 'macOS is fully supported today. Windows and Linux builds are on the roadmap.',
},
],
},
audience: {
title: 'Built for daily use.',
subtitle: 'For developers who rely on Claude Code every day.',
items: [
{
title: 'Long-lived codebases',
description: 'Keep project context organized across months of work.',
},
{
title: 'Multiple providers',
description: 'Switch between providers and MCP servers without friction.',
},
{
title: 'Persistent context',
description: 'Build up persona, memory, and onboarding that stick.',
},
{
title: 'Work on the go',
description: 'Continue tasks from your phone while Claude keeps working.',
},
],
},
quickstart: {
title: 'Three steps to start.',
steps: [
{
step: '1',
title: 'Install Claude Code CLI',
description: 'Install and sign in with your Anthropic account.',
},
{
step: '2',
title: 'Download CodePilot',
description: 'Configure your preferred provider.',
},
{
step: '3',
title: 'Start a session',
description: 'Connect Workspace, MCP, or Bridge as needed.',
},
],
},
docs: {
title: 'Documentation',
cards: [
{ title: 'Getting Started', description: 'Installation and first steps.', href: '/docs' },
{ title: 'Providers', description: 'Configure AI providers.', href: '/docs/providers' },
{ title: 'MCP', description: 'Set up MCP servers.', href: '/docs/mcp' },
{ title: 'Bridge', description: 'Connect messaging platforms.', href: '/docs/bridge' },
{ title: 'Workspace', description: 'File inspection and context.', href: '/docs/workspace' },
],
},
cta: {
title: 'Ready to try CodePilot?',
description: 'Download and start working with Claude Code in a desktop workspace.',
primary: 'Download',
secondary: 'Read the docs',
},
footer: {
copyright: '\u00a9 2026 CodePilot',
links: [
{ text: 'GitHub', url: 'https://github.com/op7418/CodePilot' },
{ text: 'Docs', url: '/docs' },
{ text: 'Download', url: '/download' },
],
},
};