To add a beautifully designed Hero section to your landing page, copy and paste this line of code where you need this section to appear in your html.erb page:
<%= render "components/hero" %>
### Hero with background
To add the Hero section with a background frame, copy and paste this code:
```
<%= render "components/hero_bg" %>
```
### Hero image split
Hero with image
To add the Hero section with a background frame and a split view with image, copy and paste this code:
```
<%= render "components/hero_split" %>
```
***
### See more Hero designs:
* [HyperUi Hero](#user-content-fn-1)[^1]
* [DaisyUI Hero](https://daisyui.com/components/hero/)
[^1]:
