{"id":1674,"date":"2021-12-01T18:05:38","date_gmt":"2021-12-01T18:05:38","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=1674"},"modified":"2023-06-07T13:00:32","modified_gmt":"2023-06-07T19:00:32","slug":"hero-block","status":"publish","type":"page","link":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/","title":{"rendered":"Hero Block"},"content":{"rendered":"\n
\n
\n\n\n\n
\n
\n

Hero Block Examples<\/h4>\n<\/div>\n\n\n\n
\n
\n
Documentation<\/a><\/div>\n\n\n\n
Buy Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

The Hero Block<\/strong> displays a featured content banner with a custom background image or video. By default, the block displays the page title, excerpt, and featured image as the background. It’s a flexible and powerful block designed to grab the attention of your viewers.<\/p>\n\n\n\n

Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your WordPress block editor. However, the Organic Blocks<\/strong><\/a> plugin is required.<\/p>\n\n\n\n

Please Note:<\/strong> These are example style variations created to showcase the block flexibility. Any variation can be modified to your liking, and entirely new variations may be created using the block settings. Also, you may need to import the STAX<\/strong> demo data for the block to appear exactly as it does on this page.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n

Variation 1<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n
\n
\n\n\n

Hero Block<\/h2>\n\n\n

This is just some example paragraph text.<\/p>\n\n\n\n

\n
Example Button<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 2<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n
\n
\n
\n
\n
go Crazy<\/span><\/em> With <\/h6>\n\n\n\n
C<\/mark>o<\/mark>l<\/mark>o<\/mark>r<\/mark><\/h6>\n\n\n\n

The Hero Block<\/strong> is your playground for creating amazing banners! Go wild with colors, shapes, images, videos, and more. Make your content shine!<\/p>\n\n\n\n

\n
Example Button<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block <\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 3<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n
Hero Block<\/h6>\n\n

The Hero Block is a featured content banner with a custom background image or video. Use a YouTube embed link, or upload a file directly for the background video. Additionally, any block may be added within the Hero Block. <\/p><\/div><\/div>\n\n\n\n

\"\"<\/figure><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 4<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n

Hero Block<\/h2>\n\n

The Hero Block is a featured content banner with a custom background image or video. Use a YouTube embed link, or upload a file directly for the background video. Additionally, any block may be added within the Hero Block. <\/p><\/div>\n\n\n

\n
Example Button<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 5<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n
Hero Block<\/h6>\n\n

The Hero Block is a featured content banner with a custom background image or video. Use a YouTube embed link, or upload a file directly for the background video. Additionally, any block may be added within the Hero Block. <\/p><\/div>\n\n\n

\n
Example Button<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure><\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The Hero Block<\/strong> is a featured content banner with a custom background image or video. Use a YouTube embed link, or upload a file directly for the background video. Additionally, any block may be added within the Hero Block. <\/p>\n","protected":false},"author":236185298,"featured_media":1180,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1674","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nHero Block - ThinkSAi - Asia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hero Block - ThinkSAi - Asia\" \/>\n<meta property=\"og:description\" content=\"The Hero Block is a featured content banner with a custom background image or video. Use a YouTube embed link, or upload a file directly for the background video. Additionally, any block may be added within the Hero Block.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/\" \/>\n<meta property=\"og:site_name\" content=\"ThinkSAi - Asia\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-07T19:00:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/\",\"url\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/\",\"name\":\"Hero Block - ThinkSAi - Asia\",\"isPartOf\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg\",\"datePublished\":\"2021-12-01T18:05:38+00:00\",\"dateModified\":\"2023-06-07T19:00:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#primaryimage\",\"url\":\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg\",\"contentUrl\":\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg\",\"width\":2400,\"height\":1600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.thinksai.com\/asia\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/www.thinksai.com\/asia\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Hero Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/#website\",\"url\":\"https:\/\/www.thinksai.com\/asia\/\",\"name\":\"ThinkSAi - Asia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.thinksai.com\/asia\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/#organization\",\"name\":\"ThinkSAi - Asia\",\"url\":\"https:\/\/www.thinksai.com\/asia\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png\",\"contentUrl\":\"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png\",\"width\":406,\"height\":407,\"caption\":\"ThinkSAi - Asia\"},\"image\":{\"@id\":\"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hero Block - ThinkSAi - Asia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/","og_locale":"en_US","og_type":"article","og_title":"Hero Block - ThinkSAi - Asia","og_description":"The Hero Block is a featured content banner with a custom background image or video. Use a YouTube embed link, or upload a file directly for the background video. Additionally, any block may be added within the Hero Block.","og_url":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/","og_site_name":"ThinkSAi - Asia","article_modified_time":"2023-06-07T19:00:32+00:00","og_image":[{"width":2400,"height":1600,"url":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/","url":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/","name":"Hero Block - ThinkSAi - Asia","isPartOf":{"@id":"https:\/\/www.thinksai.com\/asia\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#primaryimage"},"image":{"@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg","datePublished":"2021-12-01T18:05:38+00:00","dateModified":"2023-06-07T19:00:32+00:00","breadcrumb":{"@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#primaryimage","url":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg","contentUrl":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2021\/11\/stacking-stones-01.jpg","width":2400,"height":1600},{"@type":"BreadcrumbList","@id":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/hero-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thinksai.com\/asia\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/www.thinksai.com\/asia\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/www.thinksai.com\/asia\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Hero Block"}]},{"@type":"WebSite","@id":"https:\/\/www.thinksai.com\/asia\/#website","url":"https:\/\/www.thinksai.com\/asia\/","name":"ThinkSAi - Asia","description":"","publisher":{"@id":"https:\/\/www.thinksai.com\/asia\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thinksai.com\/asia\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thinksai.com\/asia\/#organization","name":"ThinkSAi - Asia","url":"https:\/\/www.thinksai.com\/asia\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/","url":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png","contentUrl":"https:\/\/www.thinksai.com\/asia\/wp-content\/uploads\/sites\/8\/2023\/06\/SAiPurple_Logo.png","width":406,"height":407,"caption":"ThinkSAi - Asia"},"image":{"@id":"https:\/\/www.thinksai.com\/asia\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/pages\/1674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/users\/236185298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/comments?post=1674"}],"version-history":[{"count":0,"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/pages\/1674\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/pages\/48"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/media\/1180"}],"wp:attachment":[{"href":"https:\/\/www.thinksai.com\/asia\/wp-json\/wp\/v2\/media?parent=1674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}