{"id":5645,"date":"2026-07-14T08:17:07","date_gmt":"2026-07-14T08:17:07","guid":{"rendered":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/?post_type=docs&#038;p=5645"},"modified":"2026-07-14T08:54:51","modified_gmt":"2026-07-14T08:54:51","password":"","slug":"hero-content-blocks","status":"publish","type":"docs","link":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/docs\/hero-content-blocks\/","title":{"rendered":"Hero &amp; Content Blocks\u00a0"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">&nbsp;<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Above-the-fold and storytelling sections for landing pages and about pages.<\/em>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>SaaS Hero<\/strong>&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>A modern, conversion-focused hero section with media frames, ratings and security badges.<\/em>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A ready-made hero section aimed at software products, startups and landing pages: eyebrow\/badge text, a bold headline, supporting subheading, and up to two call-to-action buttons, paired with a media frame for a product screenshot or illustration.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Key features<\/strong>&nbsp;<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Eyebrow badge text (e.g. &#8220;New: v2.0 Release&#8221;)\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Headline and subheading text areas\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Primary and secondary CTA buttons\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Media frame for hero image or product shot\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ratings\/trust badge support\u00a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Best for<\/strong>&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">SaaS landing pages, product launches, app waitlist pages.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/saas-hero\/\" target=\"_blank\" rel=\"noreferrer noopener\">View live demo: https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/saas-hero\/<\/a>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>About Us<\/strong>&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>A configurable section for telling your company story, mission or service background.<\/em>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A narrative section block for company story, mission statements and team introductions, combining heading, body copy and supporting imagery in a scroll-friendly layout.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Key features<\/strong>&nbsp;<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Heading and multi-paragraph body copy\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Supporting image or portrait placement\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Optional scroll indicator\/cue\u00a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Best for<\/strong>&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agency &#8220;About&#8221; pages, founder\/team stories, mission statements.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/about-us\/\" target=\"_blank\" rel=\"noreferrer noopener\">View live demo: https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/about-us\/<\/a>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Feature Grid<\/strong>&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><em>A flexible feature section with background image support, overlays and content areas.<\/em>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Highlights a set of product or service features in a grid, with optional background imagery and overlays for each card.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Key features<\/strong>&nbsp;<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Grid of feature cards with icon\/heading\/description\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Optional background image and overlay per card\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Responsive column count\u00a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Best for<\/strong>&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">SaaS feature sections, service highlight grids.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/feature-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\">View live demo: https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/feature-grid\/<\/a>&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Above-the-fold and storytelling sections for landing pages and about pages.&nbsp; SaaS Hero&nbsp; A modern, conversion-focused hero section with media frames, ratings and security badges.&nbsp; A ready-made hero section aimed at software products, startups and landing pages: eyebrow\/badge text, a bold headline, supporting subheading, and up to two call-to-action buttons, paired with a media frame [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[39,43],"doc_tag":[],"class_list":["post-5645","docs","type-docs","status-publish","hentry","doc_category-gutenblocks","doc_category-hero-content-blocks"],"year_month":"2026-09","word_count":278,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin","author_nicename":"admin","author_url":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/author\/admin\/"},"doc_category_info":[{"term_name":"Gutenblocks","term_url":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/docs-category\/gutenblocks\/"},{"term_name":"Hero &amp; Content Blocks","term_url":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/docs-category\/hero-content-blocks\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs\/5645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/comments?post=5645"}],"version-history":[{"count":1,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs\/5645\/revisions"}],"predecessor-version":[{"id":5646,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/docs\/5645\/revisions\/5646"}],"wp:attachment":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/media?parent=5645"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/doc_category?post=5645"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/doc_tag?post=5645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}