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
115 lines
6.1 KiB
Twig
115 lines
6.1 KiB
Twig
<section id="bridges" class="py-5 py-lg-5">
|
|
<div class="container">
|
|
<h2 class="ff-title fw-bold h3 mb-5 text-center section-heading" data-aos="fade-up">Third Party Integration Bridges</h2>
|
|
<div class="row g-4">
|
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="0">
|
|
<article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark sf-ai-card-glow sf-ai-card-shift p-3 p-lg-4">
|
|
<h3 class="ff-title fw-bold h4 mb-2 text-center">Models</h3>
|
|
<hr class="mb-4 opacity-10">
|
|
<div class="sf-ai-card-body sf-ai-logo-grid">
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:openai') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:google-gemini') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:mistral') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:claude') }}
|
|
</span>
|
|
</div>
|
|
|
|
<hr class="mt-4 mb-3 opacity-10">
|
|
<a href="https://symfony.com/doc/current/ai/components/platform.html#supported-models-platforms" class="small fw-semibold d-flex align-items-center justify-content-center gap-1" target="_blank" rel="noopener noreferrer">
|
|
<span>See all models</span>
|
|
{{ ux_icon('tabler:arrow-right', {width: 14, height: 14}) }}
|
|
</a>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
|
|
<article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark sf-ai-card-glow sf-ai-card-shift p-3 p-lg-4">
|
|
<h3 class="ff-title fw-bold h4 mb-2 text-center">Platforms</h3>
|
|
<hr class="mb-4 opacity-10">
|
|
<div class="sf-ai-card-body sf-ai-logo-grid">
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:hugging-face') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:azure') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:ollama') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:docker') }}
|
|
</span>
|
|
</div>
|
|
|
|
<hr class="mt-4 mb-3 opacity-10">
|
|
<a href="https://symfony.com/doc/current/ai/components/platform.html#supported-models-platforms" class="small fw-semibold d-flex align-items-center justify-content-center gap-1" target="_blank" rel="noopener noreferrer">
|
|
<span>See all platforms</span>
|
|
{{ ux_icon('tabler:arrow-right', {width: 14, height: 14}) }}
|
|
</a>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
|
|
<article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark sf-ai-card-glow sf-ai-card-shift p-3 p-lg-4">
|
|
<h3 class="ff-title fw-bold h4 mb-2 text-center">Stores</h3>
|
|
<hr class="mb-4 opacity-10">
|
|
<div class="sf-ai-card-body sf-ai-logo-grid">
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:pinecone') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:postgresql') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:mariadb') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:chroma') }}
|
|
</span>
|
|
</div>
|
|
|
|
<hr class="mt-4 mb-3 opacity-10">
|
|
<a href="https://symfony.com/doc/current/ai/components/store.html#supported-stores" class="small fw-semibold d-flex align-items-center justify-content-center gap-1" target="_blank" rel="noopener noreferrer">
|
|
<span>See all stores</span>
|
|
{{ ux_icon('tabler:arrow-right', {width: 14, height: 14}) }}
|
|
</a>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="300">
|
|
<article class="sf-ai-card sf-ai-card-hover sf-ai-card-hover-dark sf-ai-card-glow sf-ai-card-shift p-3 p-lg-4">
|
|
<h3 class="ff-title fw-bold h4 mb-2 text-center">Built-in Tools</h3>
|
|
<hr class="mb-4 opacity-10">
|
|
<div class="sf-ai-card-body sf-ai-logo-grid">
|
|
<span class="logo-pill">
|
|
Similarity Search (RAG)
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:wikipedia') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:youtube') }}
|
|
</span>
|
|
<span class="logo-pill">
|
|
{{ ux_icon('logos:brave') }}
|
|
</span>
|
|
</div>
|
|
|
|
<hr class="mt-4 mb-3 opacity-10">
|
|
<a href="https://symfony.com/doc/current/ai/components/agent.html#code-examples-with-built-in-tools" class="small fw-semibold d-flex align-items-center justify-content-center gap-1" target="_blank" rel="noopener noreferrer">
|
|
<span>See all tools</span>
|
|
{{ ux_icon('tabler:arrow-right', {width: 14, height: 14}) }}
|
|
</a>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|