{"id":1378650,"date":"2026-09-29T12:15:06","date_gmt":"2026-09-29T12:15:06","guid":{"rendered":"https:\/\/it.wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1378650"},"modified":"2026-09-29T12:15:06","modified_gmt":"2026-09-29T12:15:06","slug":"gradient-hero-banner","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/gradient-hero-banner\/","title":{"rendered":"Gradient Hero Banner"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-c8e6c3a8 wp-block-group-is-layout-constrained has-background\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40);background-image:linear-gradient(161deg,rgb(6,147,227) 0%,rgb(145,74,211) 100%);\">\n<p class=\"has-small-font-size wp-block-paragraph\" style=\"text-transform:uppercase\">A DISTINCTIVE DETAIL \u00b7 ANOTHER STRENGTH<\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><mark class=\"has-inline-color has-light-grey-2-color\">Grow your ideas.<\/mark> Bring your project to life.<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Not just a product or service, but a path designed for those who want to achieve concrete results. Ready-to-use solutions, designed to adapt to your needs.<\/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\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px\">More Info<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-charcoal-0-color has-blueberry-4-background-color has-text-color has-background has-link-color wp-element-button\" href=\"#\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px\">Find out more <span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-d14b0e0f wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">\u2713 Benefit 1&nbsp;&nbsp; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 Benefit 2 &nbsp;&nbsp; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 Benefit 3<\/p>\n<\/div>\n<\/div>\n","protected":false},"author":15311714,"parent":0,"template":"","meta":{"wpop_keywords":"Banner, Hero, Call to action, Gradient","wpop_description":"A hero section featuring a short eyebrow line with two key highlights, a large primary heading stating the value proposition, a descriptive paragraph explaining the service, a primary and a secondary call-to-action button, and a row of three short checkmarked benefits below.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[60,82],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1378650","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-banner","wporg-pattern-category-intro"],"category_slugs":["banner","intro"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"metadata\":{\"name\":\"Hero Section\"},\"align\":\"full\",\"style\":{\"background\":{\"gradient\":\"linear-gradient(161deg,rgb(6,147,227) 0%,rgb(145,74,211) 100%)\"},\"spacing\":{\"padding\":{\"right\":\"var:preset|spacing|40\",\"left\":\"var:preset|spacing|40\",\"top\":\"var:preset|spacing|20\",\"bottom\":\"var:preset|spacing|20\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--40)\"><!-- wp:paragraph {\"style\":{\"typography\":{\"textTransform\":\"uppercase\"}},\"fontSize\":\"small\"} -->\n<p class=\"has-small-font-size\" style=\"text-transform:uppercase\">A DISTINCTIVE DETAIL \u00b7 ANOTHER STRENGTH<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":1} -->\n<h1 class=\"wp-block-heading\"><mark class=\"has-inline-color has-light-grey-2-color\">Grow your ideas.<\/mark> Bring your project to life.<\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Not just a product or service, but a path designed for those who want to achieve concrete results. Ready-to-use solutions, designed to adapt to your needs.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"5px\",\"topRight\":\"5px\",\"bottomLeft\":\"5px\",\"bottomRight\":\"5px\"}}}} -->\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px\">More Info<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"backgroundColor\":\"blueberry-4\",\"textColor\":\"charcoal-0\",\"className\":\"is-style-fill\",\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"var:preset|color|charcoal-0\"}}},\"border\":{\"radius\":{\"topLeft\":\"5px\",\"topRight\":\"5px\",\"bottomLeft\":\"5px\",\"bottomRight\":\"5px\"}}}} -->\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-charcoal-0-color has-blueberry-4-background-color has-text-color has-background has-link-color wp-element-button\" href=\"#\" style=\"border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px\">Find out more \u2192<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"0\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\"}} -->\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"layout\":{\"selfStretch\":\"fixedNoShrink\",\"flexSize\":null}}} -->\n<p>\u2713 Benefit 1&nbsp;&nbsp; <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>\u2713 Benefit 2 &nbsp;&nbsp; <\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"style\":{\"layout\":{\"selfStretch\":\"fixedNoShrink\",\"flexSize\":null}}} -->\n<p>\u2713 Benefit 3<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"Gloria Liuni","url":"https:\/\/wordpress.org\/patterns\/author\/glorialchemica","avatar":"https:\/\/secure.gravatar.com\/avatar\/61858e44689141e41d26454ab389463ed66547dd05f15d520ae9f1d4290a534f?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1378650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1378650\/revisions"}],"predecessor-version":[{"id":1378671,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1378650\/revisions\/1378671"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/glorialchemica"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1378650"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1378650"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1378650"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1378650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}