Sequence
docs
React components

Rotating integration arc

A visual component showing orbiting integration icons.

Overview

The RotatingIntegrationArc component displays a set of integration logos rotating in a semicircular orbit. It's designed as a decorative element, often placed at the bottom of a page or section to suggest connectivity.

Usage

import { RotatingIntegrationArc } from '@/components/core/rotating-logo';

function IntegrationsSection() {
  return (
    <div className="relative overflow-hidden bg-zinc-950 py-20 text-white">
      <h2>We connect with your favorite tools</h2>
      <RotatingIntegrationArc />
    </div>
  );
}

Props

This component currently does not accept custom props. It encapsulates a specific design with hardcoded icons and styles.

Notes

  • It relies on OrbitCircles internally.
  • The icons are imported from SVG assets within the component.

On this page