# CtaBox

<figure><img src="/files/0POfJcXfbYWXzAm3fW2b" alt=""><figcaption><p>Call to Action box</p></figcaption></figure>

The Call to Action box is a section to be usually placed at the end of the page.\
When the users scroll through the page, you try to communicate the value of your product and convince them to sign up or purchase.

The CtaBox is the component that attracts attention with the main color and drives them to the action that matters the most for you.

Component: `<CtaBox />`\
File: `src/components/CtaBox/CtaBox.tsx`

{% code title="page.tsx" %}

```
import { CtaBox } from "@/components/CtaBox/CtaBox";
```

{% endcode %}

### Example

<figure><img src="/files/em3hZtbAYbeGQYGqEPp0" alt=""><figcaption></figcaption></figure>

***

{% hint style="info" %}
If you need basic components like buttons, inputs, etc, they are all available with [ChakraUI](https://chakra-ui.com/) and [shadcn/ui](https://ui.shadcn.com/)
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shipped.club/components/ctabox.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.