Connect Integration Cards

A grid of app-integration cards (Slack, GitHub, Notion, Figma, Supabase, Discord) where each "Connect" button opens a dialog with a notifications toggle and confirms the connection with a success toast.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Connect Integration Cards to your project and fits it to your theme.

import IntegrationsBlock from "@/components/ui/integrations-1";

export default function IntegrationsDemo() {
  return <IntegrationsBlock />;
}