Logo Cloud 02

PreviousNext

A simple logos block

Docs
shadcnui-blocksblock

Preview

Loading preview…
registry/blocks/logo-cloud-02/components/logo-cloud.tsx
import {
  Logo01,
  Logo02,
  Logo03,
  Logo04,
  Logo05,
  Logo06,
  Logo07,
  Logo08,
} from "@/components/logos";

const LogoCloud = () => {
  return (
    <div className="min-h-screen flex items-center justify-center px-6">
      <div>
        <p className="text-center text-xl">
          More than 2.2 million companies worldwide already trust us
        </p>

        <div className="mt-20 flex flex-wrap items-center justify-center gap-x-14 gap-y-10 max-w-(--breakpoint-lg)">
          <Logo01 />
          <Logo02 />
          <Logo03 />
          <Logo04 />
          <Logo05 />
          <Logo06 />
          <Logo07 />
          <Logo08 />
        </div>
      </div>
    </div>
  );
};

export default LogoCloud;

Installation

npx shadcn@latest add @shadcnui-blocks/logo-cloud-02

Usage

import { LogoCloud02 } from "@/components/logo-cloud-02"
<LogoCloud02 />