Layouts / PageLayout - Layout ⋅ Storybook

Name	Control
page	page : { title : "Example Page" layout : "PageLayout" sections : [...] 12 items }
site	site : { header : {...} 9 keys footer : {...} 10 keys }
title: Example Page
layout: PageLayout
sections:
  - type: ContactSection
    elementId: ''
    colors: colors-h
    title: Join our club
    text: >-
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
      doloremque laudantium.
    media:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/contact.png
      altText: Contact section image
    form:
      type: FormBlock
      elementId: contact-form
      fields:
        - type: TextFormControl
          name: name
          label: Name
          placeholder: Your name
          isRequired: true
          width: 1/2
        - type: EmailFormControl
          name: email
          label: Email
          placeholder: Your email
          isRequired: true
          width: 1/2
        - type: TextFormControl
          name: home-address
          label: Home address
          placeholder: Your home address
          isRequired: true
          width: full
        - type: SelectFormControl
          name: city
          label: City
          defaultValue: Please choose...
          isRequired: true
          options:
            - City 1
            - City 2
          width: full
        - type: CheckboxFormControl
          name: updates
          label: Sign me up to receive updates
          width: full
      submitLabel: Send Message
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        alignItems: center
        justifyContent: center
        flexDirection: row
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: left
      text:
        textAlign: left
  - type: CtaSection
    elementId: ''
    colors: colors-h
    title: Let's do this
    text: >-
      The Stackbit theme is flexible and scalable to every need. It can manage
      any layout and any screen.
    actions:
      - type: Button
        url: '#'
        label: Get Started
        style: primary
      - type: Button
        url: '#'
        label: Learn more
        style: secondary
    backgroundImage:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/bg.jpg
      altText: Background image
      caption: ''
      styles:
        self:
          opacity: 50
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        alignItems: center
        justifyContent: center
        flexDirection: row
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: left
      text:
        textAlign: left
      actions:
        justifyContent: flex-start
  - type: FaqSection
    elementId: ''
    title: FAQ
    subtitle: This is the subtitle
    items:
      - question: How it this different from what we have today?
        answer: >-
          At the office, working together is often a distruction, on remote, it
          could be motivation. At the office, working together is often a
          distruction, on remote, it could be motivation. At the office, working
          together is often a distruction, on remote, it could be motivation.
        styles:
          question:
            textAlign: left
          answer:
            textAlign: left
      - question: How it this different from what we have today?
        answer: >-
          At the office, working together is often a distruction, on remote, it
          could be motivation. At the office, working together is often a
          distruction, on remote, it could be motivation. At the office, working
          together is often a distruction, on remote, it could be motivation.
        styles:
          question:
            textAlign: left
          answer:
            textAlign: left
      - question: How it this different from what we have today?
        answer: >-
          At the office, working together is often a distruction, on remote, it
          could be motivation. At the office, working together is often a
          distruction, on remote, it could be motivation. At the office, working
          together is often a distruction, on remote, it could be motivation.
        styles:
          question:
            textAlign: left
          answer:
            textAlign: left
    styles:
      self:
        height: auto
        width: narrow
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center
  - type: FeaturedItemsSection
    elementId: ''
    title: Featured Items
    subtitle: This is the subtitle
    actions:
      - type: Button
        url: '#'
        label: Apply Now
        style: primary
      - type: Button
        url: '#'
        label: Learn more
        style: secondary
    columns: 4
    items:
      - type: FeaturedItem
        title: Item Title
        subtitle: This is the subtitle
        author: Item author
        text: >-
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.
          explicabo.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-1.jpeg
          altText: Post Image
        styles:
          title:
            textAlign: left
          subtitle:
            textAlign: left
          text:
            textAlign: left
          actions:
            justifyContent: flex-start
      - type: FeaturedItem
        title: Item Title
        subtitle: This is the subtitle
        author: Item author
        text: >-
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.
          explicabo.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-1.jpeg
          altText: Post Image
        styles:
          title:
            textAlign: left
          subtitle:
            textAlign: left
          text:
            textAlign: left
          actions:
            justifyContent: flex-start
      - type: FeaturedItem
        title: Item Title
        subtitle: This is the subtitle
        author: Item author
        text: >-
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.
          explicabo.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-1.jpeg
          altText: Post Image
        styles:
          title:
            textAlign: left
          subtitle:
            textAlign: left
          text:
            textAlign: left
          actions:
            justifyContent: flex-start
      - type: FeaturedItem
        title: Item Title
        subtitle: This is the subtitle
        author: Item author
        text: >-
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.
          explicabo.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-1.jpeg
          altText: Post Image
        styles:
          title:
            textAlign: left
          subtitle:
            textAlign: left
          text:
            textAlign: left
          actions:
            justifyContent: flex-start
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center
      actions:
        justifyContent: center
  - type: FeaturedPeopleSection
    elementId: ''
    variant: variant-a
    colors: colors-h
    title: The Team
    subtitle: This is Subtitle
    actions:
      - type: Button
        url: '#'
        label: View More
        style: primary
    people:
      - firstName: Desmond
        lastName: Eagle
        role: Product Manager
        bio: Vincent Van Gogh’s most popular painting, The Starry Night.
        image:
          type: ImageBlock
          url: >-
            https://assets.stackbit.com/components/images/default/desmond-eagle.jpg
          altText: Photo of Desmond Eagle
      - firstName: Dianne
        lastName: Ameter
        role: Product Manager
        bio: Vincent Van Gogh’s most popular painting, The Starry Night.
        image:
          type: ImageBlock
          url: >-
            https://assets.stackbit.com/components/images/default/dianne-ameter.jpg
          altText: Photo of Dianne Ameter
      - firstName: Hilary
        lastName: Ouse
        role: Product Manager
        bio: Vincent Van Gogh’s most popular painting, The Starry Night.
        image:
          type: ImageBlock
          url: >-
            https://assets.stackbit.com/components/images/default/hilary-ouse.jpg
          altText: Photo of Hilary Ouse
      - firstName: Hugh
        lastName: Saturation
        role: Product Manager
        bio: Vincent Van Gogh’s most popular painting, The Starry Night.
        image:
          type: ImageBlock
          url: >-
            https://assets.stackbit.com/components/images/default/hugh-saturation.jpg
          altText: Photo of Hugh Saturation
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center
      actions:
        justifyContent: center
  - type: FeaturedPostsSection
    elementId: ''
    variant: variant-a
    colors: colors-f
    showDate: false
    showAuthor: false
    title: Featured Posts
    subtitle: This is the Subtitle
    actions:
      - type: Button
        url: '#'
        label: View More
        style: primary
    posts:
      - __metadata: {}
        title: Post Title One
        date: '2021-06-28'
        author:
          firstName: Desmond
          lastName: Eagle
          role: Product Manager
          bio: >-
            Nullam rhoncus tellus nec felis ullamcorper mattis. Cras convallis,
            velit in tincidunt posuere, nulla ipsum consequat metus, convallis
            lacinia ex eros eget leo.
          image:
            type: ImageBlock
            url: >-
              https://assets.stackbit.com/components/images/default/desmond-eagle.jpg
            altText: Photo of Desmond Eagle
        excerpt: >-
          Quo plebiscito decreta a senatu est consuli quaestio Cn. Illud non
          continuo, ut aeque incontentae. Atqui pugnantibus et contrariis.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-1.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

      - __metadata: {}
        title: Post Title Two
        date: '2021-07-01'
        author:
          firstName: Hilary
          lastName: Ouse
          role: Product Manager
          bio: Vincent Van Gogh’s most popular painting, The Starry Night.
          image:
            type: ImageBlock
            url: >-
              https://assets.stackbit.com/components/images/default/hilary-ouse.jpg
            altText: Photo of Hilary Ouse
        excerpt: otius inflammat, ut coercendi magis quam dedocendi esse videantur.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-2.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

      - __metadata: {}
        title: Post Title Three
        date: '2021-07-03'
        author:
          firstName: Hugh
          lastName: Saturation
          role: Product Manager
          bio: Vincent Van Gogh’s most popular painting, The Starry Night.
          image:
            type: ImageBlock
            url: >-
              https://assets.stackbit.com/components/images/default/hugh-saturation.jpg
            altText: Photo of Hugh Saturation
        excerpt: >-
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-3.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

      - __metadata: {}
        title: Post Title Four
        date: '2021-11-03'
        author:
          firstName: Hilary
          lastName: Ouse
          role: Product Manager
          bio: Vincent Van Gogh’s most popular painting, The Starry Night.
          image:
            type: ImageBlock
            url: >-
              https://assets.stackbit.com/components/images/default/hilary-ouse.jpg
            altText: Photo of Hilary Ouse
        excerpt: >-
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-4.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center
      actions:
        justifyContent: center
  - type: HeroSection
    elementId: ''
    colors: colors-h
    title: The quick, brown fox jumps over a lazy dog
    subtitle: Section subtitle
    text: >-
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
      doloremque laudantium, totam rem aperiam, eaque ipsa quae. explicabo.
    actions:
      - type: Button
        url: '#'
        label: Apply Now
        style: primary
      - type: Button
        url: '#'
        label: Learn more
        style: secondary
    media:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/hero.png
      altText: Image alt text
      caption: Image caption
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        alignItems: center
        justifyContent: center
        flexDirection: row
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: left
      subtitle:
        textAlign: left
      text:
        textAlign: left
      actions:
        justifyContent: flex-start
  - type: MediaGallerySection
    title: Gallery
    subtitle: This is the subtitle
    columns: 4
    imageSizePx: 300
    spacing: 1
    aspectRatio: '1:1'
    showCaption: true
    enableHover: true
    elementId: ''
    colors: colors-a
    images:
      - url: https://assets.stackbit.com/components/images/default/image-1.jpeg
        altText: Media gallery image
        caption: Image caption
      - url: https://assets.stackbit.com/components/images/default/image-2.jpeg
        altText: Media gallery image
        caption: Image caption
      - url: https://assets.stackbit.com/components/images/default/image-3.jpeg
        altText: Media gallery image
        caption: Image caption
      - url: https://assets.stackbit.com/components/images/default/image-4.jpeg
        altText: Media gallery image
        caption: Image caption
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center
  - type: PostFeedSection
    elementId: ''
    variant: variant-a
    colors: colors-f
    title: Latest Posts
    subtitle: This is the Subtitle
    actions:
      - type: Button
        url: '#'
        label: View More
        style: primary
    showRecent: false
    posts:
      - __metadata: {}
        title: Post Title One
        date: '2021-06-28'
        excerpt: >-
          Quo plebiscito decreta a senatu est consuli quaestio Cn. Illud non
          continuo, ut aeque incontentae. Atqui pugnantibus et contrariis.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-1.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

      - __metadata: {}
        title: Post Title Two
        date: '2021-07-01'
        excerpt: otius inflammat, ut coercendi magis quam dedocendi esse videantur.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-2.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

      - __metadata: {}
        title: Post Title Three
        date: '2021-07-03'
        excerpt: >-
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-3.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

      - __metadata: {}
        title: Post Title Four
        date: '2021-11-03'
        excerpt: >-
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam.
        featuredImage:
          type: ImageBlock
          url: https://assets.stackbit.com/components/images/default/post-4.jpeg
          altText: Post Image
        markdown_content: >+
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ea mala
          virtuti magnitudine obruebantur. Duo Reges: constructio interrete. An
          hoc usque quaque, aliter in vita? Gracchum patrem non beatiorem fuisse
          quam fillum, cum alter stabilire rem publicam studuerit, alter
          evertere. Quo plebiscito decreta a senatu est consuli quaestio Cn.
          Illud non continuo, ut aeque incontentae. Atqui pugnantibus et
          contrariis studiis consiliisque semper utens nihil quieti videre,
          nihil tranquilli potest. Itaque hoc frequenter dici solet a vobis, non
          intellegere nos, quam dicat Epicurus voluptatem. Sin kakan malitiam
          dixisses, ad aliud nos unum certum vitium consuetudo Latina
          traduceret.


          ## Sed Ille, UT Dixi, Vitiose


          Utrum igitur tibi litteram videor an totas paginas commovere? Potius
          inflammat, ut coercendi magis quam dedocendi esse videantur. Ne in
          odium veniam, si amicum destitero tueri. Ne amores quidem sanctos a
          sapiente alienos esse arbitrantur. Quid ergo aliud intellegetur nisi
          uti ne quae pars naturae neglegatur? Quis istud, quaeso, nesciebat?
          Primum divisit ineleganter; Hoc unum Aristo tenuit: praeter vitia
          atque virtutes negavit rem esse ullam aut fugiendam aut expetendam. Et
          ille ridens: Video, inquit, quid agas; In his igitur partibus duabus
          nihil erat, quod Zeno commutare gestiret.

    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center
      actions:
        justifyContent: center
  - type: QuoteSection
    elementId: ''
    colors: colors-c
    quote: >-
      “A designer knows he has achieved perfection not when there is nothing
      left to add, but when there is nothing left to take away.”
    name: Antoine de Saint-Exupéry
    title: Writer
    backgroundImage:
      type: ImageBlock
      url: https://assets.stackbit.com/components/images/default/bg.jpg
      altText: Background Image
      caption: ''
      styles:
        self:
          opacity: 50
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-16
          - pb-16
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      quote:
        textAlign: left
      name:
        fontWeight: 400
        fontStyle: normal
        textAlign: left
      title:
        fontWeight: 400
        fontStyle: normal
        textAlign: left
  - type: TextSection
    elementId: ''
    colors: colors-f
    title: The Section Title
    subtitle: The section subtitle
    text: >-
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
      doloremque laudantium, totam rem aperiam. Eaque ipsa quae ab illo
      inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
      Sed ut perspiciatis undeomnis iste natus error sit voluptatem accusantium
      doloremque laudantium, totam rem aperiam. Eaque ipsa quae ab illo
      inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center
      text:
        textAlign: center
  - type: TestimonialsSection
    elementId: ''
    colors: colors-h
    testimonials:
      - quote: >-
          “Stackbit is fast! Themes are always up to date. It’s easy to use
          across the organization, and collaboration is easy.”
        name: Isabelle Parks
        title: Design Manager at Retro
        image:
          type: ImageBlock
          url: >-
            https://assets.stackbit.com/components/images/default/isabelle-parks.jpg
          altText: Photo of Isabelle Parks
    styles:
      self:
        height: auto
        width: wide
        margin:
          - mt-0
          - mb-0
          - ml-0
          - mr-0
        padding:
          - pt-12
          - pb-12
          - pl-4
          - pr-4
        justifyContent: center
        borderRadius: none
        borderWidth: 0
        borderStyle: none
        borderColor: border-dark
      title:
        textAlign: center
      subtitle:
        textAlign: center