Components / Content

CtaBand

The closing brand band (the dawn tone) on marketing pages, with a heading and up to two actions.

Extracted fromMarketing site

Import

tsx

import { CtaBand } from "@somnia-chain/ui"
// in a Next.js app, internal links use next/link:
import { CtaBand } from "@somnia-chain/ui/next"

Examples

Closing band

Build your market on Somnia

Talk to our team about launching a venue, making markets, or bringing an asset onchain.

Talk to an expert Start building

examples/cta-band/default.tsxShow code

tsx

import { CtaBand } from "@somnia-chain/ui"

export default function CtaBandExample() {
  return (
    <CtaBand
      heading="Build your market on Somnia"
      body="Talk to our team about launching a venue, making markets, or bringing an asset onchain."
      primary={{ label: "Talk to an expert", href: "#" }}
      secondary={{ label: "Start building", href: "https://docs.somnia.network" }}
    />
  )
}