Heroes
---
block:
_bookshop_name: blocks/heroes/feature
heading: Your Goods, Delivered with Care and Speed
sub_text: >-
Reliable, fast, and secure delivery services that keep your world moving
forward.
image:
src: /assets/images/package.svg
alt: package
buttons:
- label: Get Delivery
link: null
icon: arrow-down-right
type: primary
outline: false
- label: Become a driver
link: null
icon: truck
type: secondary
outline: true
background:
color: subtle
image:
src: null
alt: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Examples
Feature
---
block:
_bookshop_name: blocks/heroes/feature
heading: Your Weather, Always in Hand
sub_text: Real-time forecasts, radar maps, and alerts—right when you need them.
image:
src: /assets/images/weather.png
alt: weather app on phone
buttons:
- label: Check Forecast
link: null
icon: sun
type: contrast
outline: false
background:
color: null
image:
src: null
alt: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Background
---
block:
_bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Find the __perfect__ piece
level: h1
options:
size: 5xl
weight: normal
case: null
decoration: glow
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
Reliable, fast, and secure delivery services that keep your world moving
forward.
options:
align: null
size: null
decoration: glow
margin:
top: null
bottom: null
- _bookshop_name: layouts/button-group
button_blocks:
- _bookshop_name: elements/button
label: Shop now
link: '#'
options:
layout: null
size: l
type: contrast
outline: false
icon:
name: null
options:
display_mode: null
position: start
- _bookshop_name: elements/button
label: View Collection
link: '#'
options:
layout: null
size: l
type: secondary
outline: true
icon:
name: null
options:
display_mode: null
position: start
options:
direction: row
align: start
gap: s
margin:
top: null
bottom: null
options:
max_content_width: xl
margin:
top: null
bottom: null
shape:
type: diagonal-bottom
size: null
reverse: false
padding:
vertical: xl
horizontal: m
background:
color: null
scheme: light
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: /assets/images/furniture-3.jpg
alt: Furniture
options:
opacity: 1
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Single
---
block:
_bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Automate Growth, _Build Loyalty_
level: h1
options:
size: 4xl
weight: normal
case: null
decoration: null
margin:
top: xl
bottom: s
align: center
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
Turn leads into loyal customers with smart automation that drives
engagement.
options:
align: center
size: l
decoration: null
margin:
top: null
bottom: null
- _bookshop_name: layouts/button-group
button_blocks:
- _bookshop_name: elements/button
label: Get started
link: '#'
options:
layout: null
size: null
type: primary
outline: false
icon:
name: arrow-right
options:
display_mode: null
position: before
- _bookshop_name: elements/button
label: Learn more
link: '#'
options:
layout: null
size: null
type: secondary
outline: true
icon:
name: inbox
options:
display_mode: null
position: before
options:
direction: row
align: center
gap: s
margin:
top: null
bottom: null
options:
max_content_width: xl
margin:
top: null
bottom: null
shape:
type: null
size: null
reverse: false
padding:
vertical: l
horizontal: m
background:
color: null
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
---
{% bookshop "{{block._bookshop_name}}" bind: block %}