# HeroMinimalCentered

**Kind:** Component

**Source:** [`atloria-monorepo/templates/site-bootstrap/src/sections/hero/hero-minimal-centered.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/templates/site-bootstrap/src/sections/hero/hero-minimal-centered.tsx#L28)

## Props

| Name | Type | Required | Default |
|---|---|---|---|
| `headlineKey` | `string` | ✓ | - |
| `subheadlineKey` | `string` | ✓ | - |
| `primaryCtaKey` | `string` | ✓ | - |
| `primaryCtaUrl` | `string` | ✓ | - |
| `secondaryCtaKey` | `string` | - | - |
| `secondaryCtaUrl` | `string` | - | - |
| `badgeKey` | `string` | - | - |
| `badgeIcon` | `LucideIcon` | - | - |
| `dividerIcons` | `LucideIcon[]` | - | - |
| `imageSrc` | `string` | - | - |
| `imageAlt` | `string` | - | - |

## Diagram

```mermaid
graph TD
    component_HeroMinimalCentered_2e836aac["HeroMinimalCentered"]
    class component_HeroMinimalCentered_2e836aac rootComponent
```

## Relationships

- RENDERS → `motion-div-95310`
- RENDERS → `BadgeIcon`
- RENDERS → `motion-h1`
- RENDERS → `motion-p`
- RENDERS → `ArrowRight`
- RENDERS → `Icon`
- USES_HOOK → `useTranslation`