Heroes

---
block:
  _bookshop_name: layouts/section
  label: null
  max_content_width: xl
  shape:
    type: null
    size: null
    reverse: false
  margin:
    top: null
    bottom: null
  padding:
    vertical: l
    horizontal: l
  background:
    color: subtle
    scheme: null
    shadow: null
    transforms:
      scale: null
      scale_x: null
      scale_y: null
      rotate: null
      skew_x: null
      skew_y: null
      translate_x: null
      translate_y: null
      blur: null
      opacity: null
    image:
      src: null
      alt: null
      style:
        opacity: null
        rounded: null
      background:
        horizontal_position: null
        vertical_position: null
        repeat: false
        fixed: null
  border:
    border_width: none
    border_type: rounded-large
    border_color: null
  content_blocks:
    - _bookshop_name: layouts/split
      gap: l
      reverse: null
      position: center
      first:
        distribution:
          type: fluid
          fixed_width: null
          percentage_width: null
          min_width: 350
        content_blocks:
          - _bookshop_name: elements/heading
            inline_markdown: Your Goods, Delivered with Care and Speed
            level: h1
            size: 4xl
            weight: null
            align: start
            case: null
            decoration: null
            margin:
              top: null
              bottom: null
            icon:
              alt: null
              name: null
              color: null
              background: null
              position: null
          - _bookshop_name: elements/paragraph
            inline_markdown: >-
              Reliable, fast, and secure delivery services that keep your world
              moving forward.
            align: null
            size: null
            decoration: null
            margin:
              top: null
              bottom: null
          - _bookshop_name: layouts/button-group
            direction: row
            align: start
            gap: s
            margin:
              top: null
              bottom: null
            button_blocks:
              - _bookshop_name: elements/button
                label: Get Delivery
                link: '#'
                icon:
                  display_mode: null
                  position: start
                  name: arrow-down-right
                size: null
                type: primary
                outline: false
              - _bookshop_name: elements/button
                label: Become a driver
                link: '#'
                icon:
                  display_mode: null
                  position: start
                  name: truck
                size: null
                type: secondary
                outline: true
      last:
        distribution:
          type: fixed
          fixed_width: 300
          percentage_width: null
          min_width: null
        content_blocks:
          - _bookshop_name: elements/image
            src: /assets/images/package.svg
            alt: Package
            style:
              opacity: 1
              rounded: null
            background:
              enabled: null
              horizontal_position: null
              vertical_position: null
---
{% bookshop "{{block._bookshop_name}}" bind: block  %}

Examples

Background

---
block:
  _bookshop_name: layouts/section
  label: null
  max_content_width: xl
  shape:
    type: diagonal-bottom
    size: null
    reverse: false
  margin:
    top: null
    bottom: null
  padding:
    vertical: xl
    horizontal: m
  background:
    color: null
    scheme: light
    shadow: null
    transforms:
      scale: null
      scale_x: null
      scale_y: null
      rotate: null
      skew_x: null
      skew_y: null
      translate_x: null
      translate_y: null
      blur: null
      opacity: null
    image:
      src: /assets/images/furniture-3.jpg
      alt: Furniture
      style:
        opacity: 1
        rounded: null
      background:
        horizontal_position: null
        vertical_position: null
        repeat: false
        fixed: null
  border:
    border_width: null
    border_type: null
    border_color: null
  content_blocks:
    - _bookshop_name: elements/heading
      inline_markdown: Find the __perfect__ piece
      level: h1
      size: 5xl
      weight: normal
      align: start
      case: null
      decoration: glow
      margin:
        top: null
        bottom: null
      icon:
        alt: null
        name: null
        color: null
        background: null
        position: null
    - _bookshop_name: elements/paragraph
      inline_markdown: >-
        Reliable, fast, and secure delivery services that keep your world moving
        forward.
      align: null
      size: null
      decoration: glow
      margin:
        top: null
        bottom: null
    - _bookshop_name: layouts/button-group
      direction: row
      align: start
      gap: s
      margin:
        top: null
        bottom: null
      button_blocks:
        - _bookshop_name: elements/button
          label: Shop now
          link: '#'
          icon:
            display_mode: null
            position: start
            name: null
          size: l
          type: contrast
          outline: false
        - _bookshop_name: elements/button
          label: View Collection
          link: '#'
          icon:
            display_mode: null
            position: start
            name: null
          size: l
          type: secondary
          outline: true
---
{% bookshop "{{block._bookshop_name}}" bind: block  %}

Single

---
block:
  _bookshop_name: layouts/section
  label: null
  max_content_width: xl
  shape:
    type: null
    size: null
    reverse: false
  margin:
    top: null
    bottom: null
  padding:
    vertical: l
    horizontal: m
  background:
    color: null
    scheme: null
    shadow: null
    transforms:
      scale: null
      scale_x: null
      scale_y: null
      rotate: null
      skew_x: null
      skew_y: null
      translate_x: null
      translate_y: null
      blur: null
      opacity: null
    image:
      src: null
      alt: null
      style:
        opacity: null
        rounded: null
      background:
        horizontal_position: null
        vertical_position: null
        repeat: false
        fixed: null
  border:
    border_width: null
    border_type: null
    border_color: null
  content_blocks:
    - _bookshop_name: elements/heading
      inline_markdown: Automate Growth, _Build Loyalty_
      level: h1
      size: 4xl
      weight: normal
      align: center
      case: null
      decoration: null
      margin:
        top: xl
        bottom: s
      icon:
        alt: null
        name: null
        color: null
        background: null
        position: null
    - _bookshop_name: elements/paragraph
      inline_markdown: >-
        Turn leads into loyal customers with smart automation that drives
        engagement.
      align: center
      size: l
      decoration: null
      margin:
        top: null
        bottom: null
    - _bookshop_name: layouts/button-group
      direction: row
      align: center
      gap: s
      margin:
        top: null
        bottom: null
      button_blocks:
        - _bookshop_name: elements/button
          label: Get started
          link: '#'
          icon:
            display_mode: null
            position: before
            name: arrow-right
          size: null
          type: primary
          outline: false
        - _bookshop_name: elements/button
          label: Learn more
          link: '#'
          icon:
            display_mode: null
            position: before
            name: inbox
          size: null
          type: secondary
          outline: true
---
{% bookshop "{{block._bookshop_name}}" bind: block  %}