Page CTA

PageCTA

A full-width band that closes a page with a short call to action. It renders its own section and container, so it does not need a Boundary Box around it. Unlike CTA One Column, it works on the normal page background and does not need a dark Background Wrapper.

Basic Usage

import PageCTA from "@site/src/components/Layout/PageCTA";

<PageCTA
  title="Built something on Cardano?"
  description="Add your app to this page. The submission process is open and lightweight."
  href="/docs/get-involved/add-app"
  buttonText="Submit your app"
/>

Props

Prop	Type	Default	Description
title	string	-	Heading of the band, rendered as an h2.
description	string	-	Text below the heading.
href	string	-	Target of the main button.
buttonText	string	-	Label of the main button.
secondaryButton	{ href, label }	null	Optional outline button next to the main one.
variant	string	"secondary"	"secondary" renders a neutral band with grey buttons, "primary" uses brand blue buttons.

Live Preview

Built something on Cardano?

Add your app to this page. The submission process is open and lightweight.

Submit your appBrowse apps

Notes

• Use it once per page, at the end. For calls to action inside a dark section, use CTA One Column or CTA Two Column.
• Pass translated strings, for example through translate(), as the apps page does.