Logo Marquee

About this piece

Slow-scrolling horizontal logo strip with edge fades that loops forever, set via a duration prop.

Usage

The import and the props worth knowing about, in one place.

import { Logo3 } from "@/components/beste/piece/logo3";

<Logo3
  heading="Trusted by teams at"
  logos={[
    {
      "name": "Stripe",
      "src": "https://oud.pics/sm/l/stripe.jpeg"
    },
    {
      "name": "Notion",
      "src": "https://oud.pics/sm/l/notion.png"
    },
    {
      "name": "Slack",
      "src": "https://oud.pics/sm/l/slack.svg"
    },
    {
      "name": "Gmail",
      "src": "https://oud.pics/sm/l/gmail.jpeg"
    },
    {
      "name": "Figma",
      "src": "https://oud.pics/sm/l/figma.png"
    },
    {
      "name": "Dropbox",
      "src": "https://oud.pics/sm/l/dropbox.png"
    },
    {
      "name": "Apple",
      "src": "https://oud.pics/sm/l/apple.png"
    },
    {
      "name": "Drive",
      "src": "https://oud.pics/sm/l/google-drive.png"
    }
  ]}
  durationSeconds={40}
/>