Redesign docs with animations and improved styling

- Add animated hero section with flowing particles and terminal animation
- Create animated logo with glitch effects and data flow visualization
- Switch from purple to green accent color (#74AA9C)
- Add grainy texture background matching architecture.svg aesthetic
- Implement custom header navigation for splash template
- Redesign cards with minimal flat style and subtle hover effects
- Make architecture diagram full-width section
- Update fonts to Inter and JetBrains Mono
- Rewrite content with more professional, less try-hard tone
- Fix getting-started page by converting to MDX

Co-Authored-By: Claude <[email protected]>

Author: dgellow

docs-site/astro.config.mjs

@@ -12,7 +12,7 @@ export default defineConfig({
 			description: 'OAuth 2.1 authenticated proxy for Model Context Protocol servers',
 			logo: {
 				alt: 'MCP Front Logo',
-				src: './src/assets/logo.svg',
+				src: './src/assets/animated-logo.svg',
 			},
 			social: [
 				{ icon: 'github', label: 'GitHub', href: 'https://github.com/dgellow/mcp-front' },
@@ -71,6 +71,9 @@ export default defineConfig({
 				},
 			],
 			customCss: ['./src/styles/custom.css'],
+			components: {
+				Header: './src/components/CustomHeader.astro',
+			},
 		}),
 	],
 });