# Hero · 04 React Section | Creght Blocks

> A clean hero combining natural scenery with product cards.

[Blocks](/) [Sections](/#section-library) [TemplatesNew](/templates.md)

[Templates](/templates.md)

[EN](/blocks/hero-04.md) [中文](/zh-CN/blocks/hero-04.md)

[All sections](/)/Hero · 04

HeroFree

Creght Blocks section

# Hero · 04

A clean hero combining natural scenery with product cards.

[Full preview](/preview.md?section=hero-04)

Use in Creght

## Live preview

Check the section at desktop, tablet, and mobile widths.

DesktopTabletMobile

About this section

## A production-ready building block

A clean hero combining natural scenery with product cards.

### How to use it

1. 01
Review the fit

Read the description and technical profile before choosing the section.

2. 02
Test the layout

Switch device widths and open the full preview to inspect the interaction.

3. 03
Build with it

Open Creght and adapt the section to your brand, content, and conversion goal.


Technical details

CategoryHero

PerformanceLightweight

RenderingSSR friendly

Dependencieslucide-react

## Related sections

Explore more components from the same category.

[![Hero · Lodestar](https://fsu.creght.com/site/2083536173505974272/1789389317552__hero_lodestar_pro_cover.png?w=3072&fmt=webp)](/blocks/hero-lodestar.md)

### [Hero · Lodestar](/blocks/hero-lodestar.md)

A cinematic silver particle star with an immersive deep-space field, designed for premium technology and brand launches.

[![Hero · Stellar Flow](https://fsu.creght.com/site/2083536173505974272/1789389318776__hero_stellar_flow_pro_cover.png?w=3072&fmt=webp)](/blocks/hero-stellar-flow.md)

### [Hero · Stellar Flow](/blocks/hero-stellar-flow.md)

A fluid stellar particle field with pointer-driven trails and atmospheric color transitions for immersive digital experiences.

[![Hero · Orb Particles](https://fsu.creght.com/site/2083536173505974272/1789389319787__hero_orb_particles_pro_cover.png?w=3072&fmt=webp)](/blocks/hero-orb-particles.md)

### [Hero · Orb Particles](/blocks/hero-orb-particles.md)

An interactive emerald particle orb with responsive motion and shockwave effects for creative technology portfolios.

> Full page index: [/llms.txt](/llms.txt)