# Logo Cloud Marquee

> Render a left-moving trusted-by logo rail.

Canonical HTML: https://press.varavel.com/docs/shortcodes/logo-cloud-marquee/
Markdown: https://press.varavel.com/docs/shortcodes/logo-cloud-marquee/index.md

`logo_cloud_marquee` renders a horizontally scrolling logo cloud that moves left and pauses on hover.

## When to Use

Use it when the landing page benefits from a broad trust signal but a static grid would consume too much vertical space.

## Usage

```markdown
{{/* logo_cloud_marquee(title="Trusted by teams", logo_1_name="Varavel", logo_2_name="Zola") */}}
```

## Live Example

{{ logo_cloud_marquee(
container="md",
eyebrow="Trusted by",
title="A moving logo cloud",
description="Text fallbacks make the component useful even before final logo assets are ready.",
logo_1_name="Varavel",
logo_2_name="Zola",
logo_3_name="Tailwind",
logo_4_name="Alpine",
logo_5_name="Geist",
logo_6_name="GitHub"
) }}

## Parameters

| Parameter     | Description                                  |
| ------------- | -------------------------------------------- |
| `container`   | Inner content width.                         |
| `eyebrow`     | Small uppercase label above the heading.     |
| `title`       | Section heading.                             |
| `description` | Supporting copy.                             |
| `duration`    | CSS animation duration. Defaults to `36s`.   |
| `logo_N_name` | Logo name for item `N`, up to 8.             |
| `logo_N_src`  | Optional logo image URL.                     |
| `logo_N_alt`  | Optional logo alt text.                      |
| `logo_N_href` | Optional logo URL.                           |
| `bg`          | Full-width section background token.         |
| `class`       | Additional CSS classes on the outer section. |