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  %}