---
title: "Hero (cover) module"
description: "A hero component with background images (desktop and optional mobile), with the option to align copy to the left/center/right."
---

![](https://cdn.sanity.io/images/cyu7k2r0/production/b25e1c34d2a25480f6887aab6bcde803236cab9e-1200x992.png?q=100&auto=format)

Bottom left

# Hero (cover)

A hero component with background images (desktop and optional mobile), with the option to align copy to the left/center/right.

[Action CTA](#)[Action outline CTA](#)[Ghost CTA](#)[Link CTA](#)

Centered + Custom JS

# Hero (cover)

A hero component with some custom JavaScript to render the interactive backdrop.

[Action CTA](#)[Action outline CTA](#)[Ghost CTA](#)[Link CTA](#)

1. [Home](https://sanitypress.dev/)
2. [Docs](https://sanitypress.dev/docs)
3. [Modules Directory](https://sanitypress.dev/modules)
4. Hero (cover) module

## Stop Scaffolding. Start Shipping.

[🚀 Start building](https://sanitypress.dev/docs/getting-started)[⭐ Star on GitHub](https://sanitypress.dev/repo)