Uranus Design System

CTASection é o bloco que fecha a landing: card centralizado em bg-primary/5 com título grande, descrição curta e botões de ação.

Pronto para escalar

Padronize o front-end da Uranus

Um único kit para marketing e produto.

'use client';
import { CTASection } from '@uranus-workspace/blocks';
import { Button } from '@uranus-workspace/design-system';

export default function CTASectionDefault() {
  return (
    <CTASection
      eyebrow="Pronto para escalar"
      title="Padronize o front-end da Uranus"
      description="Um único kit para marketing e produto."
      actions={
        <>
          <Button>Agendar demo</Button>
          <Button variant="outline">Ver roadmap</Button>
        </>
      }
    />
  );
}

Uso

import { CTASection } from '@uranus-workspace/blocks';
import { Button } from '@uranus-workspace/design-system';

<CTASection
  eyebrow="Pronto para subir o nível?"
  title="Comece a construir com a Uranus hoje"
  description="Tokens, primitives e blocos prontos para painéis em produção."
  actions={
    <>
      <Button>Começar grátis</Button>
      <Button variant="ghost">Falar com vendas</Button>
    </>
  }
/>

Props

eyebrow — chip opcional acima do título.
title — h2 principal.
description — texto auxiliar.
actions — botões. Geralmente 1 primário + 1 secundário.

CTASection

Padronize o front-end da Uranus

Uso

Props

On this page