{"id":112,"date":"2023-07-25T17:40:52","date_gmt":"2023-07-25T17:40:52","guid":{"rendered":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/?page_id=106"},"modified":"2023-07-25T17:40:52","modified_gmt":"2023-07-25T17:40:52","slug":"hero-sections","status":"publish","type":"page","link":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/patterns\/hero-sections\/","title":{"rendered":"Hero Sections"},"content":{"rendered":"\n<p>Start your home or landing page off right with a hero section consisting of an image, a heading, text and buttons.<\/p>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-cover-text-right has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull\" style=\"min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-background-color has-background-dim-70 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1896\" alt=\"\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder.png\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-body-font-family has-large-font-size\" style=\"font-style:normal;font-weight:400\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-28c8f699 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-columns-photo-left has-base-color has-primary-background-color has-text-color has-background has-link-color wp-elements-1521fdc93db4a247788caf27cbc22235 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignfull are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover is-light\" style=\"min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1896\" alt=\"\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder.png\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-15b4ca3f wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--x-small)\">\n<h1 class=\"wp-block-heading has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-large-font-size\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-28c8f699 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-columns-photo-right has-base-color has-primary-background-color has-text-color has-background has-link-color wp-elements-e1307066f5bdb3bd59fe702cb98e7ca1 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignfull are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-15b4ca3f wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--x-small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--x-small)\">\n<h1 class=\"wp-block-heading has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-large-font-size\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-28c8f699 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover is-light\" style=\"min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1896\" alt=\"\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder.png\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-cover-photo-center has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull is-light\" style=\"padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large);min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient has-h-primary-secondary-gradient-background\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-base-color has-text-color has-link-color wp-elements-357e342cad20d3ecfeb94a0d6715145e has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-text-align-center has-body-font-family has-large-font-size\" style=\"font-style:normal;font-weight:400\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--4\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-style-soft-drop-shadow\"><img decoding=\"async\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder-square.png\" alt=\"\" class=\"wp-image-1897\" \/><\/figure>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-cover-photo-left has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull\" style=\"min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-70 has-background-dim wp-block-cover__gradient-background has-background-gradient has-d-primary-secondary-gradient-background\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1896\" alt=\"\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder.png\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-style-soft-drop-shadow\"><img decoding=\"async\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder-square.png\" alt=\"\" class=\"wp-image-1897\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-body-font-family has-large-font-size\" style=\"font-style:normal;font-weight:400\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-28c8f699 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--5\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-cover-photo-right has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull\" style=\"min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-70 has-background-dim wp-block-cover__gradient-background has-background-gradient has-d-primary-secondary-gradient-background\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1896\" alt=\"\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder.png\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-body-font-family has-large-font-size\" style=\"font-style:normal;font-weight:400\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-28c8f699 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--6\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-style-soft-drop-shadow\"><img decoding=\"async\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder-square.png\" alt=\"\" class=\"wp-image-1897\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-cover-text-center has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull\" style=\"padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--x-large);min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-background-color has-background-dim-70 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1896\" alt=\"\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder.png\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-text-align-center has-body-font-family has-large-font-size\" style=\"font-style:normal;font-weight:400\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-f2baa792 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--7\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull hero-section hero-section-cover-text-left has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-cover alignfull\" style=\"min-height:100vh;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-background-color has-background-dim-70 has-background-dim\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-1896\" alt=\"\" src=\"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-content\/themes\/commerce-street\/assets\/images\/photo-placeholder.png\" data-object-fit=\"cover\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading has-max-90-font-size\">Page Heading Goes Here<\/h1>\n\n\n\n<p class=\"has-body-font-family has-large-font-size\" style=\"font-style:normal;font-weight:400\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-28c8f699 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-base-background-color has-text-color has-background wp-element-button\">Add a Callout Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--8\"><a class=\"wp-block-button__link has-base-color has-text-color wp-element-button\">Another Callout Button<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Start your home or landing page off right with a hero section consisting of an image, a heading, text and buttons. Page Heading Goes Here Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":89,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":0,"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/pages\/89"}],"wp:attachment":[{"href":"https:\/\/demo.jacobmartella.com\/commerce-street-plants\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}