{"id":443085,"date":"2023-12-15T15:26:05","date_gmt":"2023-12-15T15:26:05","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=443085"},"modified":"2023-12-15T15:26:05","modified_gmt":"2023-12-15T15:26:05","slug":"hero-section-with-banner-image","status":"publish","type":"wporg-pattern","link":"https:\/\/pl.wordpress.org\/patterns\/pattern\/hero-section-with-banner-image\/","title":{"rendered":"Hero Section with banner image"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-6c04b189 wp-block-group-is-layout-constrained\" style=\"background:linear-gradient(90deg,rgb(255,105,0) 10%,rgba(255,255,255,0) 56%,rgb(234,218,218) 73%,rgb(247,217,217) 99%);min-height:500px\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-d1d735d3 wp-block-columns-is-layout-flex\" style=\"border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:15px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0OTcwNTQ2MjE1My1pbWFnZS1rdTJjbGs4cC5qcGc.jpg\" alt=\"\" style=\"border-top-right-radius:17px;border-bottom-right-radius:17px;object-fit:cover;width:420px;height:300px\" \/><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<h5 class=\"wp-block-heading has-vivid-red-color has-text-color has-link-color has-medium-font-size wp-elements-bfa7fb66a7b4ccee41fba740d7226fac\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\">SUNSET<\/h5>\n\n\n\n<h2 class=\"wp-block-heading has-luminous-vivid-orange-color has-text-color has-link-color has-x-large-font-size wp-elements-bcc4e1c8e83ce17a1f783b3208082618\" style=\"margin-top:var(--wp--preset--spacing--20);margin-right:var(--wp--preset--spacing--40);margin-bottom:0;margin-left:0;font-style:normal;font-weight:700\">Perfect nature view on Sunset.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"padding-right:var(--wp--preset--spacing--40);line-height:1.4\">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<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button\" style=\"border-radius:4px\">Discover your Journey<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":21025039,"parent":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"image, banner, hero, call-to-action, featured","wpop_description":"Wonderful hero section with banner image","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph,core\/spacer","footnotes":""},"pattern-categories":[60,2,42,3,4,13,66,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-443085","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-banner","wporg-pattern-category-buttons","wporg-pattern-category-call-to-action","wporg-pattern-category-columns","wporg-pattern-category-gallery","wporg-pattern-category-images","wporg-pattern-category-media","wporg-pattern-category-text"],"category_slugs":["banner","buttons","call-to-action","columns","gallery","images","media","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"color\":{\"gradient\":\"linear-gradient(90deg,rgb(255,105,0) 10%,rgba(255,255,255,0) 56%,rgb(234,218,218) 73%,rgb(247,217,217) 99%)\"},\"dimensions\":{\"minHeight\":\"500px\"}},\"layout\":{\"type\":\"constrained\",\"wideSize\":\"100%\",\"contentSize\":\"1400px\"}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"background:linear-gradient(90deg,rgb(255,105,0) 10%,rgba(255,255,255,0) 56%,rgb(234,218,218) 73%,rgb(247,217,217) 99%);min-height:500px\"><!-- wp:columns {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}},\"border\":{\"width\":\"0px\",\"style\":\"none\"},\"typography\":{\"fontSize\":\"15px\"}}} -->\n<div class=\"wp-block-columns alignfull\" style=\"border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:15px\"><!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:spacer {\"height\":\"70px\"} -->\n<div style=\"height:70px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"id\":null,\"width\":\"420px\",\"height\":\"300px\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"style\":{\"border\":{\"radius\":{\"topRight\":\"17px\",\"bottomRight\":\"17px\"}}}} -->\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZmw0OTcwNTQ2MjE1My1pbWFnZS1rdTJjbGs4cC5qcGc.jpg\" alt=\"\" style=\"border-top-right-radius:17px;border-bottom-right-radius:17px;object-fit:cover;width:420px;height:300px\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:spacer {\"height\":\"50px\"} -->\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"padding\":{\"left\":\"var:preset|spacing|30\",\"right\":\"var:preset|spacing|30\"}}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\"><!-- wp:heading {\"level\":5,\"style\":{\"spacing\":{\"margin\":{\"top\":\"0\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\"}},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|vivid-red\"}}}},\"textColor\":\"vivid-red\",\"fontSize\":\"medium\"} -->\n<h5 class=\"wp-block-heading has-vivid-red-color has-text-color has-link-color has-medium-font-size\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\">SUNSET<\/h5>\n<!-- \/wp:heading -->\n\n<!-- wp:heading {\"style\":{\"spacing\":{\"margin\":{\"top\":\"var:preset|spacing|20\",\"right\":\"var:preset|spacing|40\",\"bottom\":\"0\",\"left\":\"0\"}},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\"},\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|luminous-vivid-orange\"}}}},\"textColor\":\"luminous-vivid-orange\",\"fontSize\":\"x-large\"} -->\n<h2 class=\"wp-block-heading has-luminous-vivid-orange-color has-text-color has-link-color has-x-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--20);margin-right:var(--wp--preset--spacing--40);margin-bottom:0;margin-left:0;font-style:normal;font-weight:700\">Perfect nature view on Sunset.<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"lineHeight\":\"1.4\"},\"spacing\":{\"padding\":{\"right\":\"var:preset|spacing|40\"}}}} -->\n<p style=\"padding-right:var(--wp--preset--spacing--40);line-height:1.4\">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<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"vivid-red\",\"textColor\":\"white\",\"style\":{\"border\":{\"radius\":\"4px\"}},\"className\":\"is-style-fill\"} -->\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-white-color has-vivid-red-background-color has-text-color has-background wp-element-button\" style=\"border-radius:4px\">Discover your Journey<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":24,"author_meta":{"name":"Darshit Rajyaguru","url":"https:\/\/pl.wordpress.org\/patterns\/author\/darshitrajyaguru97","avatar":"https:\/\/secure.gravatar.com\/avatar\/0706362649ae7f8d3813863f204adeeac6cbac6aac65a0781a5d4ec3b7ae7b13?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/443085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":22,"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/443085\/revisions"}],"predecessor-version":[{"id":443270,"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/443085\/revisions\/443270"}],"author":[{"embeddable":true,"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/darshitrajyaguru97"}],"wp:attachment":[{"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=443085"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=443085"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=443085"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/pl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=443085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}