Contact Section
ReadyInfo column and message form.
Talk to us
Questions about licensing, teams, or the roadmap — we answer within one business day.
hello@oratiq.com
Phone
+880 1712 000000
Office
Dhaka, Bangladesh
Installation
$ npx @oratiq-js/ui add contact-sectionCopies 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-02Style 03
$ npx @oratiq-js/ui add contact-section-03Style 04
Dhaka, Bangladesh · replace with your map embed
$ npx @oratiq-js/ui add contact-section-04Style 05
Talk to sales
Licensing, teams, procurement, invoices.
Get support
Bugs, questions, integration help.
$ npx @oratiq-js/ui add contact-section-05Style 06
Say hello
No forms, no queues. Email us and a human replies.
hello@oratiq.com$ npx @oratiq-js/ui add contact-section-06What 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