mirror of
https://github.com/symfony/ai.git
synced 2026-03-23 23:42:18 +01:00
275bd41814
This PR was merged into the main branch.
Discussion
----------
Redesign ai.symfony.com landing page
| Q | A
| ------------- | ---
| Bug fix? | no
| New feature? | no
| Docs? | no
| Issues | -
| License | MIT
## Summary
Overhaul the ai.symfony.com landing page with a modern, section-based layout.
**New sections (6):**
- **Component Architecture** — layered SVG diagram with colorShift animation and component doc links
- **Features** — 10 tabbed code examples (Model Inference, Streaming, Speech, Multi-Modal, Structured Output, Agents, Token Usage, Tool Calling, Subagents, RAG) with GitHub example links
- **Third Party Integration Bridges** — 4-column logo grid with animated color-shift card backgrounds
- **Demos** — consolidated card with setup steps, copy-to-clipboard button, condensed demo grid, and GitHub repo CTA
- **MCP SDK** — official PHP SDK section with weather tool example
- **Symfony Mate** — MCP server for AI-assisted development with extension install instructions
**Other changes:**
- Hero slider with 3 rotating slides and animated progress bar
- Navbar with anchor links to page sections and smooth scrolling
- Book icon linking to documentation, GitHub icon
- Redesigned CTA section "Get Involved & Get Support"
- Updated footer links (Documentation, Releases, Support)
- Custom CSS with gradient accents, glow effects, card hover animations
- Stimulus controllers for hero slider, feature tabs, and clipboard
- Full light/dark theme support
- SEO: h1 for primary hero heading
- Accessibility: type=button on all interactive buttons, prefers-reduced-motion support, rel=noopener noreferrer on external links
- No inline styles — all styling via CSS classes
- Add CLAUDE.md for ai.symfony.com subproject
<img width="1905" height="4349" alt="localhost_8000_" src="https://github.com/user-attachments/assets/e164d3f4-0c71-457e-bbd8-4be73c6086aa" />
Commits
-------
0d492e33 Redesign ai.symfony.com landing page
Symfony AI is a set of components that integrate AI capabilities into PHP applications.
Components & Bundles
Symfony AI consists of several lower and higher level components and the respective integration bundles:
- Components
- Agent: Framework for building AI agents that can interact with users and perform tasks.
- Chat: A unified interface to send messages to agents and store long-term context.
- Mate: MCP development server enabling AI assistants to interact with PHP applications through standardized tools.
- Platform: A unified interface to various AI platforms like OpenAI, Anthropic, Azure, Gemini, VertexAI, and more.
- Store: Data storage abstraction with indexing and retrieval for AI applications.
- Bundles
- AI Bundle: Symfony integration for AI Platform, Store and Agent components.
- MCP Bundle: Symfony integration for official MCP SDK, allowing them to act as MCP servers or clients.
Examples & Demo
To get started with Symfony AI, you can either check out the examples to see how to use the components in smaller snippets, or you can run the demo application to see the components work together in a full Symfony web application.
Resources
Sponsor
Help Symfony by sponsoring its development!
Contributing
Thank you for considering contributing to Symfony AI! You can find the contribution guide here.