OOratiq

CTA Section

Ready

Full-bleed call to action.

Ready to ship in every direction?

One command installs the free library. The blocks take it from there.

Installation

$ npx @oratiq-js/ui add cta-section

Copies the component and everything it depends on into your project, then lists the npm packages to install. The code is yours after this.

Usage

import
import { CtaSection } from "@/components/blocks/cta-section";

Style 02

Start your next launch here

Get the starter kit and a 5-minute walkthrough in your inbox.

$ npx @oratiq-js/ui add cta-section-02

Style 03

Ship the multilingual site you keep postponing

  • 60-second setup
  • RTL included
  • MIT licensed
$ npx @oratiq-js/ui add cta-section-03

Style 04

Stop translating layouts by hand

The system does the mirroring. You do the product.

or press ⌘K in the docs
$ npx @oratiq-js/ui add cta-section-04

Style 05

One command away

Tokens, providers, and your first component — sixty seconds, start to render.

npx @oratiq-js/ui init

Works in any Next.js 15+ project with Tailwind v4

$ npx @oratiq-js/ui add cta-section-05

Style 06

60s
to first component
136
registry items
$0
to start
$ npx @oratiq-js/ui add cta-section-06

What a block is

  • A full section, composed from the components in the sidebar — copy it in, replace the demo content, ship.
  • Every style is its own registry item: the command under each preview installs exactly that file.
  • Blocks read the same semantic tokens as everything else — your brand override applies instantly.
  • Logical properties throughout: flip dir on <html> and any style mirrors.

Content is yours

The text, links, and data inside are demo content by design. Blocks are starting points, not configurable widgets — edit the file directly.

View source on GitHub → components/blocks/cta-section.tsx