Files
archived-ai/ai.symfony.com/templates/base.html.twig
Christopher Hertel 0d492e3362 Redesign ai.symfony.com landing page
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
2026-03-23 12:25:03 +01:00

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">&copy; 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>