App cloud

Light blue CTA card with floating app bubbles.

Usage

import { CtaAppCloud } from '@/components/blocks/cta-01'


<CtaAppCloud />


// Swap in your own copy
<CtaAppCloud
  title="Plug your stack in once and forget about it"
  description="Contacts, calendars and invoices stay in sync across every tool you use."
  ctaLabel="See all integrations"
  ctaHref="/integrations"
/>

Install

pnpm dlx shadcn@latest add @pastaui-pro/cta-01

npx shadcn@latest add @pastaui-pro/cta-01

yarn dlx shadcn@latest add @pastaui-pro/cta-01

bunx --bun shadcn@latest add @pastaui-pro/cta-01

Source

Props

App cloud props
Prop	Type	Default	Description
title	string	= 'Every app your team opens, finally on speaking terms'	Headline.
description	string	= 'Brivane links your inbox, calendar, docs and billing in about four minutes, so a new deal, invoice or reply shows up everywhere it matters without anyone copying it across.'	Supporting line under the headline.
ctaLabel	string	= 'Browse 180 connections'	Button text.
ctaHref	string	= '#integrations'	Where the button links to.
animate	boolean	= true	Gently float the app bubbles. Off-screen and under prefers-reduced-motion they stay still.
className	string	= —	Additional classes for the section.
style	CSSProperties	= —	Inline styles, handy for overriding the --pp-* theme variables.