OOratiq

Contact Section

Ready

Info column and message form.

Talk to us

Questions about licensing, teams, or the roadmap — we answer within one business day.

Email

hello@oratiq.com

Phone

+880 1712 000000

Office

Dhaka, Bangladesh

Installation

$ npx @oratiq-js/ui add contact-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 { ContactSection } from "@/components/blocks/contact-section";

Style 02

Get in touch

We reply within one business day.

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

Style 03

Community

Questions and show-and-tell.

Join the Discord

Email

Licensing and partnerships.

hello@oratiq.com

Docs

Most answers live here already.

ui.oratiq.com
$ npx @oratiq-js/ui add contact-section-03

Style 04

Dhaka, Bangladesh · replace with your map embed

$ npx @oratiq-js/ui add contact-section-04

Style 05

Talk to sales

Licensing, teams, procurement, invoices.

Get support

Bugs, questions, integration help.

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

Style 06

Say hello

No forms, no queues. Email us and a human replies.

hello@oratiq.com
$ npx @oratiq-js/ui add contact-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/contact-section.tsx