mirror of
https://github.com/symfony/ai.git
synced 2026-03-23 23:42:18 +01:00
Overhaul the landing page with a modern, section-based layout: - Hero slider with 3 rotating slides (Agent, Symfony, MCP) and progress bar - Component Architecture section with layered SVG diagram - Features section with 10 tabbed code examples - Third-party integration bridges logo grid - Demos section with setup steps and demo cards - MCP SDK and Symfony Mate sections - Sticky navbar with glassmorphism effect and Bootstrap tooltips - Redesigned "Get Involved & Get Support" CTA section - Full light/dark theme support with CSS variables - Stimulus controllers for hero slider, feature tabs, and clipboard - AOS scroll animations - Subtle gradient backgrounds for secondary sections
63 lines
3.5 KiB
Twig
63 lines
3.5 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="en" data-bs-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="canonical" href="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))) }}">
|
|
<title>{% block title %}Symfony AI{% endblock %}</title>
|
|
<link rel="shortcut icon" type="image/svg+xml" href="{{ asset('images/favicons/favicon.svg') }}">
|
|
<link rel="alternate icon" type="image/png" sizes="180x180" href="{{ asset('images/favicons/favicon-180x180.png') }}">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('images/favicons/apple-touch-icon.png') }}">
|
|
|
|
{% block stylesheets %}
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
{% block importmap %}{{ importmap('app') }}{% endblock %}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
<script>
|
|
(function() {
|
|
const getStoredTheme = () => localStorage.getItem('theme') || 'auto';
|
|
const theme = getStoredTheme();
|
|
const themeToApply = 'auto' === theme
|
|
? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
|
|
: theme;
|
|
document.documentElement.setAttribute('data-bs-theme', themeToApply);
|
|
})();
|
|
</script>
|
|
|
|
{% block body %}{% endblock %}
|
|
|
|
<footer class="border-top py-3 py-lg-4">
|
|
<div class="container">
|
|
<div class="row align-items-center justify-content-between gy-3">
|
|
<div class="col-md-4">
|
|
<span class="footer-meta d-block">© 2025-present Symfony. All rights reserved.</span>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<div class="d-flex justify-content-md-end gap-3 align-items-center">
|
|
<a href="https://symfony.com/doc/current/ai/index.html" class="footer-meta text-decoration-none">Documentation</a>
|
|
<a href="https://github.com/symfony/ai/releases" target="_blank" rel="noopener noreferrer" class="footer-meta text-decoration-none">Releases</a>
|
|
<a href="https://github.com/symfony/ai/issues" target="_blank" rel="noopener noreferrer" class="footer-meta text-decoration-none">Support</a>
|
|
<div class="d-flex gap-2">
|
|
<a href="https://symfony.com" target="_blank" rel="noopener noreferrer" class="footer-meta text-decoration-none">
|
|
{{ ux_icon('simple-icons:symfony', {width: 16, height: 16, class: 'ms-1'}) }}
|
|
</a>
|
|
<a href="https://x.com/symfony" target="_blank" rel="noopener noreferrer" class="footer-meta text-decoration-none">
|
|
{{ ux_icon('simple-icons:x', {width: 16, height: 16, class: 'ms-1'}) }}
|
|
</a>
|
|
<a href="https://github.com/symfony/ai" target="_blank" rel="noopener noreferrer" class="footer-meta text-decoration-none">
|
|
{{ ux_icon('simple-icons:github', {width: 16, height: 16, class: 'ms-1'}) }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|