---
title: Atomic - Component - Hero
---

[Skip to content](https://demo.giantfocal.com/atomic/component/hero#main-content)

# Atomic Hero 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in mi at felis mattis suscipit at in justo. Ut varius tristique faucibus.

[Call To Action #1](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com?hsLang=en)

# Atomic Hero 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in mi at felis mattis suscipit at in justo. Ut varius tristique faucibus.

<https://demo.giantfocal.com/atomic/component/hero#module_15856357043604_popup>

## Atomic Hero 03

![image_01](https://demo.giantfocal.com/hubfs/GiantFocal_Marketplace/Atomic/images/image_01.png)

# Atomic Hero 04

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in mi at felis mattis suscipit at in justo. Ut varius tristique faucibus.

[Call To Action](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com/?hsLang=en)

# Atomic Hero 05

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit sed enim malesuada tristique quis consequat neque. Donec in cursus lectus. Cras convallis, lacus ac aliquet consectetur, augue velit sodales leo, vel sodales leo orci feugiat turpis. Nam porta mi id purus ornare lacinia.

[Call To Action #1](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com?hsLang=en)

### Form Title

Nunc magna nulla, consectetur tincidunt mollis in, dictum sed lorem.

# Atomic Hero 06

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit sed enim malesuada tristique quis consequat neque. Donec in cursus lectus. Cras convallis, lacus ac aliquet consectetur, augue velit sodales leo, vel sodales leo orci feugiat turpis. Nam porta mi id purus ornare lacinia.

[Call To Action #1](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com?hsLang=en)

![image_01](https://demo.giantfocal.com/hubfs/GiantFocal_Marketplace/Atomic/images/image_01.png)

# Atomic Hero 07

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in mi at felis mattis suscipit at in justo. Ut varius tristique faucibus.

[Call To Action #1](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com?hsLang=en)

![logo-white-large-01](https://demo.giantfocal.com/hs-fs/hubfs/GiantFocal_Marketplace/Atomic/images/logo-white-large-01.png?width=146&height=36&name=logo-white-large-01.png)

![logo-white-large-01](https://demo.giantfocal.com/hs-fs/hubfs/GiantFocal_Marketplace/Atomic/images/logo-white-large-01.png?width=146&height=36&name=logo-white-large-01.png)

![logo-white-large-01](https://demo.giantfocal.com/hs-fs/hubfs/GiantFocal_Marketplace/Atomic/images/logo-white-large-01.png?width=146&height=36&name=logo-white-large-01.png)

#### Atomic Hero 08

Sub Heading Text

# Atomic Hero 09

[Call To Action #1](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com?hsLang=en)

Sub Heading Text

# Atomic Hero 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in mi at felis mattis suscipit at in justo. Ut varius tristique faucibus.

[Call To Action #1](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com?hsLang=en)

![atomic-hero](https://demo.giantfocal.com/hubfs/GiantFocal_Marketplace/Atomic/images/atomic-img-02.jpg)

![atomic-hero](https://demo.giantfocal.com/hubfs/GiantFocal_Marketplace/Atomic/images/atomic-img-02.jpg)

# Atomic Hero 11

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a elit sed enim malesuada tristique quis consequat neque.

Nunc magna nulla, consectetur tincidunt mollis in, dictum sed lorem.

![atomic-hero-12_img](https://demo.giantfocal.com/hubfs/GiantFocal_Marketplace/Atomic/images/atomic-hero-12_img.png)

### Heading Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in mi at felis mattis suscipit at in justo. Ut varius tristique faucibus.

[Call To Action #1](https://www.giantfocal.com?hsLang=en) [Call To Action #2](https://www.giantfocal.com?hsLang=en)

# Atomic Hero 13

[Call To Action 1](https://www.giantfocal.com?hsLang=en) [Call To Action 2](https://www.giantfocal.com?hsLang=en)

# Atomic Hero 14

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in mi at felis mattis suscipit at in justo. Ut varius tristique faucibus.