mirror of
https://github.com/symfony/ai.git
synced 2026-03-23 23:42:18 +01:00
0d492e3362
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
67 lines
3.3 KiB
Twig
67 lines
3.3 KiB
Twig
<header class="border-bottom sticky-top">
|
|
<nav class="navbar navbar-expand-lg">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="{{ path('homepage') }}">
|
|
{{ include('_symfony-ai-logo.svg') }}
|
|
</a>
|
|
|
|
<button
|
|
class="navbar-toggler"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#mainNavbar"
|
|
aria-controls="mainNavbar"
|
|
aria-expanded="false"
|
|
aria-label="Toggle navigation"
|
|
>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="mainNavbar">
|
|
<ul class="navbar-nav ms-auto align-items-lg-center gap-lg-2 mb-2 mb-lg-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#components">Components</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#features">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#bridges">Bridges</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#demos">Demos</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#mcp">MCP</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#mate">Mate</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#support">Support</a>
|
|
</li>
|
|
<li class="nav-item ms-lg-2">
|
|
<a class="nav-link" href="https://symfony.com/doc/current/ai/index.html" aria-label="Documentation" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Documentation">
|
|
{{ ux_icon('tabler:book', {width: 24, height: 24}) }}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="https://github.com/symfony/ai" aria-label="GitHub" data-bs-toggle="tooltip" data-bs-placement="bottom" title="GitHub">
|
|
{{ ux_icon('simple-icons:github', {width: 24, height: 24}) }}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item ms-lg-2">
|
|
<template id="icon-theme-auto">{{ ux_icon('tabler:contrast-filled', {width: 24, height: 24}) }}</template>
|
|
<template id="icon-theme-light">{{ ux_icon('tabler:sun-filled', {width: 24, height: 24}) }}</template>
|
|
<template id="icon-theme-dark">{{ ux_icon('tabler:moon', {width: 24, height: 24}) }}</template>
|
|
|
|
<button type="button" id="themeToggle" class="btn btn-link p-0 border-0" aria-label="Toggle theme" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Toggle theme">
|
|
<span id="themeIcon">{{ ux_icon('tabler:contrast-filled', {width: 24, height: 24}) }}</span>
|
|
</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|