Staaarter

Logo Cloud CTA

Call-to-action that opens with a 'Trusted by teams at' label and a row of wordmark-style company names to build credibility, then a heading, supporting copy, and primary/secondary buttons.

By Staaarter Team
CTA
Docs
Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/logo-cloud-cta.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/cta/cta16.tsx instead.

Usage

The file also exports cta16Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Cta16, cta16Demo } from "@/components/blocks/cta/cta16";

export default function Page() {
  return <Cta16 {...cta16Demo} />;
}

Props

PropTypeDefaultDescription
eyebrowstring"Trusted by teams at"Small label above the logo row.
logosstring[]noneCompany names rendered as plain wordmark-style text, not real logo art.
headingstringnoneMain heading below the logo cloud.
descriptionstringnoneSupporting copy under the heading.
primaryLabelstring"Start free trial"Label for the primary button.
primaryHrefstring"#"Link target for the primary button.
secondaryLabelstring"Talk to sales"Label for the secondary button.
secondaryHrefstring"#"Link target for the secondary button.
classNamestringnoneExtra classes for the outer section element.

Behavior notes

  • Logos are plain text wordmarks styled in a monospace font, not real trademarked SVG logo art, so the block ships with no third-party brand assets.
  • Fully static: no carousel/marquee animation, just a wrapped flex row.
  • Both buttons are inert links, not wired to a real signup or sales-contact flow.