{"id":5084,"date":"2026-07-06T11:43:02","date_gmt":"2026-07-06T11:43:02","guid":{"rendered":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/?page_id=5084"},"modified":"2026-09-17T10:34:51","modified_gmt":"2026-09-17T10:34:51","slug":"tabbed-content","status":"publish","type":"page","link":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/demos\/tabbed-content\/","title":{"rendered":"Tabbed Content"},"content":{"rendered":"\n<section class=\"wp-block-gutenblocks-saas-hero-block gutenblocks-saas-hero layout-centered bg-type-solid\" style=\"--ad-accent:var(--wp--preset--color--contrast);--ad-color:var(--wp--preset--color--contrast);--ad-bg-color:#f3f7fa;--ad-bg-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--ad-bg-image:url(https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/09\/Mask-group-3.png);--ad-bg-image-size:cover;--ad-bg-image-position:center;--ad-bg-image-repeat:no-repeat;--ad-button-primary-color:#ffffff;--ad-button-primary-bg:#d5293f;--ad-button-secondary-color:#ffffff;--ad-button-secondary-bg:#000000;--ad-button-hover-color:#ffffff;--ad-button-hover-bg:#d5293f;--ad-button-hover-border:#dababe;--ad-radius:12px;--ad-padding:40px;--ad-margin-top:0px;--ad-margin-right:0px;--ad-margin-bottom:0px;--ad-margin-left:0px;--ad-font-size:16px;--ad-pill-bg:#f3f7fa;--ad-pill-color:#d5293f;--ad-gradient-start:var(--wp--preset--color--contrast);--ad-gradient-end:var(--wp--preset--color--contrast);--ad-cta-gap:16px;--ad-cta-padding-v:14px;--ad-cta-padding-h:32px;--ad-cta-radius:12px;--ad-cta-align:center;--ad-cta-text-align:center;--ad-media-radius:12px;--ad-media-spacing:48px;--ad-media-shadow:0 20px 60px rgba(0, 0, 0, 0.15);--ad-effect-gradient-overlay:linear-gradient(135deg, #ec4899, #8b5cf6);--ad-effect-gradient-overlay-opacity:0.25;--ad-effect-glow-color:#6366f1;--ad-rating-align:center;--ad-font-family:inherit;--ad-eyebrow-font-size:14px;--ad-eyebrow-font-weight:600;--ad-eyebrow-line-height:normal;--ad-eyebrow-letter-spacing:1px;--ad-eyebrow-text-transform:uppercase;--ad-heading-font-size:clamp(36px, 5vw, 64px);--ad-heading-font-weight:800;--ad-heading-line-height:1.2;--ad-heading-letter-spacing:normal;--ad-heading-text-transform:none;--ad-body-text-font-weight:200;--ad-body-text-line-height:1.6;--ad-body-text-letter-spacing:normal;--ad-body-text-text-transform:none;--ad-pill-font-size:14px;--ad-pill-font-weight:800;--ad-pill-line-height:normal;--ad-pill-letter-spacing:normal;--ad-pill-text-transform:none;--ad-button-font-size:16px;--ad-button-font-weight:600;--ad-button-line-height:normal;--ad-button-letter-spacing:normal;--ad-button-text-transform:none;--ad-micro-copy-font-size:14px;--ad-micro-copy-font-weight:800;--ad-micro-copy-line-height:normal;--ad-micro-copy-letter-spacing:normal;--ad-micro-copy-text-transform:none\"><div class=\"gutenblocks-saas-hero__container\"><div class=\"gutenblocks-saas-hero__pill\"><span>TABBED CONTENT<\/span><\/div><div class=\"gutenblocks-saas-hero__content\"><div class=\"gutenblocks-saas-hero__text\"><h1 class=\"gutenblocks-saas-hero__heading \"><strong>Organize Information Effortlessly with the Tabbed Content.<\/strong><\/h1><p class=\"gutenblocks-saas-hero__text\"><strong>Showcase your services in style. The Services Block highlights features with clean layouts, icons, and smooth animations, no custom code required.\u00a0<\/strong><\/p><div class=\"gutenblocks-saas-hero__cta\"><a href=\"#\" class=\"gutenblocks-saas-hero__button gutenblocks-saas-hero__button--primary\">Download Free Blocks \u2192<\/a><a href=\"#\" class=\"gutenblocks-saas-hero__button gutenblocks-saas-hero__button--secondary\">View Demos<\/a><\/div><\/div><\/div><\/div><\/section>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-container-core-group-is-layout-9493e8f8 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group alignfull is-style-default has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-13a706e9 wp-block-group-is-layout-constrained mobile-hidden tablet-hidden\" style=\"background-color:#f3f7fa;margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--60)\">\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide is-style-wide--1\" style=\"background-color:#d5e8f2;color:#d5e8f2\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e6ecfa04 wp-block-columns-is-layout-flex\" style=\"padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"15\" height=\"11\" src=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/07\/01.png\" alt=\"\" class=\"wp-image-4600\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Describe the page<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-medium-font-size wp-block-paragraph\">Tell the AI what you need in plain language or upload a brief.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"18\" height=\"11\" src=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/07\/02.png\" alt=\"\" class=\"wp-image-4603\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Generate the structure<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-medium-font-size wp-block-paragraph\">AI creates a smart layout using native Gutenberg blocks and patterns.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"18\" height=\"11\" src=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/07\/03.png\" alt=\"\" class=\"wp-image-4602\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Import into WordPress<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-medium-font-size wp-block-paragraph\">Add it to your site with one click and start customizing.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"19\" height=\"11\" src=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/07\/04.png\" alt=\"\" class=\"wp-image-4601\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left\"><strong>Edit and publish<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-left has-medium-font-size wp-block-paragraph\">Refine content, tweak design, and publish with confidence.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-container-core-group-is-layout-9493e8f8 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-link-color has-xx-large-font-size wp-elements-1\" style=\"color:#2c2c2c;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\"><span style=\"color: #d5293f;\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d5293f\" class=\"has-inline-color\">Interactive <\/mark><\/span>Preview<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-default has-text-color has-link-color wp-elements-2 has-global-padding is-layout-constrained wp-container-core-group-is-layout-1797e683 wp-block-group-is-layout-constrained\" style=\"color:#2c2c2c;padding-top:40px;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-gutenblocks-tabs-block gutenblocks-tabs\" data-block-id=\"e0d0aafc-675c-4039-9599-ea35dfbbdc5f\" data-animation-duration=\"0.6\" data-animation-ease=\"power2.out\" data-active-tab=\"1\" data-tab-layout=\"horizontal\" data-tab-style=\"pills\" style=\"--tab-title-color:#aeb4cf;--tab-title-active-color:#503AA8;--tab-underline-color:#503AA8;--tab-title-size:[object Object]px;--tab-title-weight:500;--tab-title-active-weight:600;--tab-title-line-height:normal;--tab-title-line-height-tablet:normal;--tab-title-line-height-mobile:normal;--tab-title-letter-spacing:-0.01em;--tab-title-letter-spacing-tablet:-0.01em;--tab-title-letter-spacing-mobile:-0.01em;--tab-title-text-transform:none;--tab-title-text-transform-tablet:none;--tab-title-text-transform-mobile:none;--tabs-font-family:inherit;--tab-gap:[object Object]px;--underline-height:[object Object]px;--content-padding-top:[object Object]px;--content-padding-right:[object Object]px;--content-padding-bottom:[object Object]px;--content-padding-left:[object Object]px;--tabs-align:center;--container-max-width:1200px;--container-max-width-tablet:100%;--container-max-width-mobile:100%;--tab-layout:horizontal;--tab-position:top;--vertical-active-bg-color:rgba(80, 58, 168, 0.05);--pill-bg:transparent;--pill-active-bg:#d5293f;--pill-text:#94a3b8;--pill-active-text:#ffffff;--pill-border:#475569;--pill-active-border:#000000;--pill-border-radius:24px;--pill-padding-top:12px;--pill-padding-right:24px;--pill-padding-bottom:12px;--pill-padding-left:24px;--tabs-content-bg:transparent;--tabs-content-border-radius:0px;--tabs-content-width:100%;--tabs-content-width-tablet:100%;--tabs-content-width-mobile:100%;--wrapper-bg:transparent;--wrapper-padding-top:0px;--wrapper-padding-right:0px;--wrapper-padding-bottom:0px;--wrapper-padding-left:0px;--wrapper-padding-top-tablet:0px;--wrapper-padding-right-tablet:0px;--wrapper-padding-bottom-tablet:0px;--wrapper-padding-left-tablet:0px;--wrapper-padding-top-mobile:0px;--wrapper-padding-right-mobile:0px;--wrapper-padding-bottom-mobile:0px;--wrapper-padding-left-mobile:0px\" data-tab-position=\"top\"><div class=\"gutenblocks-tabs__container is-constrained    is-pills\" style=\"margin-top:[object Object]px;margin-right:[object Object]px;margin-bottom:[object Object]px;margin-left:[object Object]px\"><div class=\"gutenblocks-tabs__header is-pills\"><div class=\"gutenblocks-tabs__list gutenblocks-tabs__list--pills adaire-tabs__list--pill-default\" role=\"tablist\"><button class=\"gutenblocks-tabs__tab \" data-tab-index=\"0\" role=\"tab\" aria-selected=\"false\" aria-controls=\"e0d0aafc-675c-4039-9599-ea35dfbbdc5f-panel-0\" id=\"e0d0aafc-675c-4039-9599-ea35dfbbdc5f-tab-0\">Features<\/button><button class=\"gutenblocks-tabs__tab is-active\" data-tab-index=\"1\" role=\"tab\" aria-selected=\"true\" aria-controls=\"e0d0aafc-675c-4039-9599-ea35dfbbdc5f-panel-1\" id=\"e0d0aafc-675c-4039-9599-ea35dfbbdc5f-tab-1\">Pricing<\/button><button class=\"gutenblocks-tabs__tab \" data-tab-index=\"2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"e0d0aafc-675c-4039-9599-ea35dfbbdc5f-panel-2\" id=\"e0d0aafc-675c-4039-9599-ea35dfbbdc5f-tab-2\">FAQ<\/button><\/div><\/div><div class=\"gutenblocks-tabs__content-wrapper\"><div class=\"gutenblocks-tabs__panels\">\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel is-active\" data-tab-index=\"0\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#d5293f\">Powerful Features Built for Everyone<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Our block gives you everything you need to create beautiful tabbed layouts \u2014 no coding required. Organise your content into clear sections that visitors can navigate with a single click.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fully responsive on all screen sizes<\/li>\n\n\n\n<li>Smooth animated tab transitions<\/li>\n\n\n\n<li>Customisable colours, fonts, and spacing<\/li>\n\n\n\n<li>Horizontal and vertical tab layouts<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel\" data-tab-index=\"1\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#d5293f\">Simple, Transparent Pricing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Tabbed Content block to showcase different pricing tiers side by side. Switch between monthly and annual plans, or compare free vs premium features \u2014 all within the same block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pair this block with the Pricing Table block for a complete, conversion-ready pricing section that keeps your page clean and scannable.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel\" data-tab-index=\"2\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#d5293f\">Frequently Asked Questions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use tabs to group your FAQs by topic, making it easy for visitors to find the answers they need without scrolling through a long page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How do I add a new tab?<\/strong> Select the Tabbed Content block and click the &#8220;Add Tab&#8221; button in the block toolbar or settings panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Can I reorder tabs?<\/strong> Yes \u2014 use the arrow buttons next to each tab title in the settings panel to move tabs left or right.<\/p>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-default has-text-color has-link-color wp-elements-3 has-global-padding is-layout-constrained wp-container-core-group-is-layout-1797e683 wp-block-group-is-layout-constrained\" style=\"color:#2c2c2c;padding-top:40px;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-gutenblocks-tabs-block gutenblocks-tabs\" data-block-id=\"f973fe69-e1cb-4292-a40a-8b01a90324f0\" data-animation-duration=\"0.6\" data-animation-ease=\"power2.out\" data-active-tab=\"0\" data-tab-layout=\"horizontal\" data-tab-style=\"underline\" style=\"--tab-title-color:var(--wp--preset--color--contrast);--tab-title-active-color:var(--wp--preset--color--accent-3);--tab-underline-color:#503AA8;--tab-title-size:[object Object]px;--tab-title-weight:500;--tab-title-active-weight:600;--tab-title-line-height:normal;--tab-title-line-height-tablet:normal;--tab-title-line-height-mobile:normal;--tab-title-letter-spacing:-0.01em;--tab-title-letter-spacing-tablet:-0.01em;--tab-title-letter-spacing-mobile:-0.01em;--tab-title-text-transform:none;--tab-title-text-transform-tablet:none;--tab-title-text-transform-mobile:none;--tabs-font-family:inherit;--tab-gap:[object Object]px;--underline-height:[object Object]px;--content-padding-top:[object Object]px;--content-padding-right:[object Object]px;--content-padding-bottom:[object Object]px;--content-padding-left:[object Object]px;--tabs-align:flex-start;--container-max-width:1200px;--container-max-width-tablet:100%;--container-max-width-mobile:100%;--tab-layout:horizontal;--tab-position:top;--vertical-active-bg-color:rgba(80, 58, 168, 0.05);--pill-bg:transparent;--pill-active-bg:#503AA8;--pill-text:#94a3b8;--pill-active-text:#ffffff;--pill-border:#475569;--pill-active-border:#503AA8;--pill-border-radius:24px;--pill-padding-top:12px;--pill-padding-right:24px;--pill-padding-bottom:12px;--pill-padding-left:24px;--tabs-content-bg:transparent;--tabs-content-border-radius:0px;--tabs-content-width:100%;--tabs-content-width-tablet:100%;--tabs-content-width-mobile:100%;--wrapper-bg:var(--wp--preset--color--base);--wrapper-padding-top:0px;--wrapper-padding-right:0px;--wrapper-padding-bottom:0px;--wrapper-padding-left:0px;--wrapper-padding-top-tablet:0px;--wrapper-padding-right-tablet:0px;--wrapper-padding-bottom-tablet:0px;--wrapper-padding-left-tablet:0px;--wrapper-padding-top-mobile:0px;--wrapper-padding-right-mobile:0px;--wrapper-padding-bottom-mobile:0px;--wrapper-padding-left-mobile:0px\" data-tab-position=\"top\"><div class=\"gutenblocks-tabs__container     \" style=\"margin-top:[object Object]px;margin-right:[object Object]px;margin-bottom:[object Object]px;margin-left:[object Object]px\"><div class=\"gutenblocks-tabs__header \"><div class=\"gutenblocks-tabs__list \" role=\"tablist\"><button class=\"gutenblocks-tabs__tab is-active\" data-tab-index=\"0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"f973fe69-e1cb-4292-a40a-8b01a90324f0-panel-0\" id=\"f973fe69-e1cb-4292-a40a-8b01a90324f0-tab-0\">Features<\/button><button class=\"gutenblocks-tabs__tab \" data-tab-index=\"1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"f973fe69-e1cb-4292-a40a-8b01a90324f0-panel-1\" id=\"f973fe69-e1cb-4292-a40a-8b01a90324f0-tab-1\">Pricing<\/button><button class=\"gutenblocks-tabs__tab \" data-tab-index=\"2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"f973fe69-e1cb-4292-a40a-8b01a90324f0-panel-2\" id=\"f973fe69-e1cb-4292-a40a-8b01a90324f0-tab-2\">FAQ<\/button><\/div><div class=\"gutenblocks-tabs__underline\"><\/div><\/div><div class=\"gutenblocks-tabs__content-wrapper\"><div class=\"gutenblocks-tabs__panels\">\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel is-active\" data-tab-index=\"0\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#503AA8\">Powerful Features Built for Everyone<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Our block gives you everything you need to create beautiful tabbed layouts \u2014 no coding required. Organise your content into clear sections that visitors can navigate with a single click.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fully responsive on all screen sizes<\/li>\n\n\n\n<li>Smooth animated tab transitions<\/li>\n\n\n\n<li>Customisable colours, fonts, and spacing<\/li>\n\n\n\n<li>Horizontal and vertical tab layouts<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel\" data-tab-index=\"1\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#503AA8\">Simple, Transparent Pricing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Tabbed Content block to showcase different pricing tiers side by side. Switch between monthly and annual plans, or compare free vs pro features \u2014 all within the same block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pair this block with the Pricing Table block for a complete, conversion-ready pricing section that keeps your page clean and scannable.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel\" data-tab-index=\"2\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#503AA8\">Frequently Asked Questions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use tabs to group your FAQs by topic, making it easy for visitors to find the answers they need without scrolling through a long page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How do I add a new tab?<\/strong> Select the Tabbed Content block and click the &#8220;Add Tab&#8221; button in the block toolbar or settings panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Can I reorder tabs?<\/strong> Yes \u2014 use the arrow buttons next to each tab title in the settings panel to move tabs left or right.<\/p>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-style-default has-text-color has-link-color wp-elements-4 has-global-padding is-layout-constrained wp-container-core-group-is-layout-1797e683 wp-block-group-is-layout-constrained\" style=\"color:#2c2c2c;padding-top:40px;padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-gutenblocks-tabs-block gutenblocks-tabs\" data-block-id=\"8f13c125-eb51-42b9-88ae-16186553e454\" data-animation-duration=\"0.6\" data-animation-ease=\"power2.out\" data-active-tab=\"0\" data-tab-layout=\"vertical\" data-tab-style=\"underline\" style=\"--tab-title-color:#aeb4cf;--tab-title-active-color:#503AA8;--tab-underline-color:#503AA8;--tab-title-size:[object Object]px;--tab-title-weight:500;--tab-title-active-weight:600;--tab-title-line-height:normal;--tab-title-line-height-tablet:normal;--tab-title-line-height-mobile:normal;--tab-title-letter-spacing:-0.01em;--tab-title-letter-spacing-tablet:-0.01em;--tab-title-letter-spacing-mobile:-0.01em;--tab-title-text-transform:none;--tab-title-text-transform-tablet:none;--tab-title-text-transform-mobile:none;--tabs-font-family:inherit;--tab-gap:[object Object]px;--underline-height:[object Object]px;--content-padding-top:[object Object]px;--content-padding-right:[object Object]px;--content-padding-bottom:[object Object]px;--content-padding-left:[object Object]px;--tabs-align:flex-start;--container-max-width:1200px;--container-max-width-tablet:100%;--container-max-width-mobile:100%;--tab-layout:vertical;--tab-position:left;--vertical-active-bg-color:rgba(80, 58, 168, 0.05);--pill-bg:transparent;--pill-active-bg:#503AA8;--pill-text:#94a3b8;--pill-active-text:#ffffff;--pill-border:#475569;--pill-active-border:#503AA8;--pill-border-radius:24px;--pill-padding-top:12px;--pill-padding-right:24px;--pill-padding-bottom:12px;--pill-padding-left:24px;--tabs-content-bg:transparent;--tabs-content-border-radius:0px;--tabs-content-width:100%;--tabs-content-width-tablet:100%;--tabs-content-width-mobile:100%;--wrapper-bg:transparent;--wrapper-padding-top:0px;--wrapper-padding-right:0px;--wrapper-padding-bottom:0px;--wrapper-padding-left:0px;--wrapper-padding-top-tablet:0px;--wrapper-padding-right-tablet:0px;--wrapper-padding-bottom-tablet:0px;--wrapper-padding-left-tablet:0px;--wrapper-padding-top-mobile:0px;--wrapper-padding-right-mobile:0px;--wrapper-padding-bottom-mobile:0px;--wrapper-padding-left-mobile:0px\" data-tab-position=\"left\"><div class=\"gutenblocks-tabs__container  is-vertical   \" style=\"margin-top:[object Object]px;margin-right:[object Object]px;margin-bottom:[object Object]px;margin-left:[object Object]px\"><div class=\"gutenblocks-tabs__header \"><div class=\"gutenblocks-tabs__list \" role=\"tablist\"><button class=\"gutenblocks-tabs__tab is-active\" data-tab-index=\"0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"8f13c125-eb51-42b9-88ae-16186553e454-panel-0\" id=\"8f13c125-eb51-42b9-88ae-16186553e454-tab-0\">Features<\/button><button class=\"gutenblocks-tabs__tab \" data-tab-index=\"1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"8f13c125-eb51-42b9-88ae-16186553e454-panel-1\" id=\"8f13c125-eb51-42b9-88ae-16186553e454-tab-1\">Pricing<\/button><button class=\"gutenblocks-tabs__tab \" data-tab-index=\"2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"8f13c125-eb51-42b9-88ae-16186553e454-panel-2\" id=\"8f13c125-eb51-42b9-88ae-16186553e454-tab-2\">FAQ<\/button><\/div><div class=\"gutenblocks-tabs__underline\"><\/div><\/div><div class=\"gutenblocks-tabs__content-wrapper\"><div class=\"gutenblocks-tabs__panels\">\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel is-active\" data-tab-index=\"0\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#503AA8\">Powerful Features Built for Everyone<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Our block gives you everything you need to create beautiful tabbed layouts \u2014 no coding required. Organise your content into clear sections that visitors can navigate with a single click.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fully responsive on all screen sizes<\/li>\n\n\n\n<li>Smooth animated tab transitions<\/li>\n\n\n\n<li>Customisable colours, fonts, and spacing<\/li>\n\n\n\n<li>Horizontal and vertical tab layouts<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel\" data-tab-index=\"1\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#503AA8\">Simple, Transparent Pricing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the Tabbed Content block to showcase different pricing tiers side by side. Switch between monthly and annual plans, or compare free vs pro features \u2014 all within the same block.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pair this block with the Pricing Table block for a complete, conversion-ready pricing section that keeps your page clean and scannable.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-gutenblocks-tab-panel-block gutenblocks-tab-panel\" data-tab-index=\"2\" role=\"tabpanel\"><div class=\"gutenblocks-tab-panel__content\">\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#503AA8\">Frequently Asked Questions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use tabs to group your FAQs by topic, making it easy for visitors to find the answers they need without scrolling through a long page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>How do I add a new tab?<\/strong> Select the Tabbed Content block and click the &#8220;Add Tab&#8221; button in the block toolbar or settings panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Can I reorder tabs?<\/strong> Yes \u2014 use the arrow buttons next to each tab title in the settings panel to move tabs left or right.<\/p>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"e11548b1-c874-4b74-b113-ab9d3f933046\" class=\"wp-block-gutenblocks-pricing-table-block gutenblocks-pricing-table\" style=\"--pricing-bg:#f5f5f7;--pricing-card-bg:#ffffff;--pricing-card-bg-featured:#503AA8;--pricing-card-text-featured:#ffffff;--pricing-card-border:#e5e7eb;--pricing-card-border-hover:#503AA8;--pricing-heading-color:#111827;--pricing-subheading-color:#6b7280;--pricing-plan-name-color:#111827;--pricing-price-color:#111827;--pricing-feature-color:#4b5563;--pricing-button-text-color:#ffffff;--pricing-button-bg:#503AA8;--pricing-button-bg-hover:#3d2c8d;--pricing-card-hover-bg:;--pricing-card-hover-text:;--pricing-heading-size:40px;--pricing-heading-size-tablet:32px;--pricing-heading-size-mobile:26px;--pricing-subheading-size:18px;--pricing-subheading-size-tablet:16px;--pricing-subheading-size-mobile:14px;--pricing-plan-name-size:20px;--pricing-plan-name-size-tablet:18px;--pricing-plan-name-size-mobile:16px;--pricing-price-size:40px;--pricing-price-size-tablet:32px;--pricing-price-size-mobile:28px;--pricing-feature-size:14px;--pricing-feature-size-tablet:14px;--pricing-feature-size-mobile:13px;--pricing-button-size:15px;--pricing-button-size-tablet:15px;--pricing-button-size-mobile:14px;--pricing-price-suffix-size:14px;--pricing-price-suffix-size-tablet:13px;--pricing-price-suffix-size-mobile:12px;--pricing-price-prefix-size:18px;--pricing-price-prefix-size-tablet:16px;--pricing-price-prefix-size-mobile:14px;--pricing-grid-columns:3;--pricing-grid-columns-tablet:3;--pricing-grid-columns-mobile:1;--pricing-comparison-columns:2;--pricing-grid-gap:32px;--pricing-grid-gap-tablet:24px;--pricing-grid-gap-mobile:20px;--pricing-card-padding-top:32px;--pricing-card-padding-right:32px;--pricing-card-padding-bottom:32px;--pricing-card-padding-left:32px;--pricing-card-radius:8px;--pricing-card-border-width:1px;--pricing-card-text-align:center;--pricing-card-button-align:left;--pricing-button-glow:;--pricing-price-justify:center;--pricing-features-align:center;--container-max-width:1200px;--container-max-width-tablet:100%;--container-max-width-mobile:100%;--pricing-font-family:inherit;--pricing-heading-font-weight:600;--pricing-heading-line-height:1.1;--pricing-heading-letter-spacing:normal;--pricing-heading-text-transform:none;--pricing-subheading-font-weight:400;--pricing-subheading-line-height:1.6;--pricing-subheading-letter-spacing:normal;--pricing-subheading-text-transform:none;--pricing-toggle-font-weight:400;--pricing-toggle-line-height:1.2;--pricing-toggle-letter-spacing:normal;--pricing-toggle-text-transform:none;--pricing-badge-font-weight:600;--pricing-badge-line-height:normal;--pricing-badge-letter-spacing:0.04em;--pricing-badge-text-transform:uppercase;--pricing-plan-name-font-weight:700;--pricing-plan-name-line-height:1.08;--pricing-plan-name-letter-spacing:-0.03em;--pricing-plan-name-text-transform:none;--pricing-plan-tagline-size:14px;--pricing-plan-tagline-size-tablet:14px;--pricing-plan-tagline-size-mobile:14px;--pricing-plan-tagline-font-weight:400;--pricing-plan-tagline-line-height:1.45;--pricing-plan-tagline-letter-spacing:normal;--pricing-plan-tagline-text-transform:none;--pricing-price-prefix-font-weight:500;--pricing-price-prefix-line-height:normal;--pricing-price-prefix-letter-spacing:normal;--pricing-price-prefix-text-transform:none;--pricing-price-font-weight:700;--pricing-price-line-height:1;--pricing-price-letter-spacing:-0.05em;--pricing-price-text-transform:none;--pricing-price-suffix-font-weight:400;--pricing-price-suffix-line-height:normal;--pricing-price-suffix-letter-spacing:normal;--pricing-price-suffix-text-transform:none;--pricing-feature-font-weight:400;--pricing-feature-line-height:1.45;--pricing-feature-letter-spacing:normal;--pricing-feature-text-transform:none;--pricing-button-font-weight:600;--pricing-button-line-height:1;--pricing-button-letter-spacing:normal;--pricing-button-text-transform:none\"><div class=\"gutenblocks-pricing-table__container is-constrained\"><div class=\"gutenblocks-pricing-table__header\"><h2 class=\"gutenblocks-pricing-table__heading\">Simple, transparent pricing<\/h2><p class=\"gutenblocks-pricing-table__subheading\">Choose the plan that best fits your project.<\/p><\/div><div class=\"gutenblocks-pricing-table__grid\"><div class=\"gutenblocks-pricing-table__card is-featured\"><div class=\"gutenblocks-pricing-table__card-header\"><h3 class=\"gutenblocks-pricing-table__plan-name\">Standard<\/h3><p class=\"gutenblocks-pricing-table__plan-tagline\">Best for growing teams<\/p><\/div><div class=\"gutenblocks-pricing-table__price\"><span class=\"gutenblocks-pricing-table__price-currency\">$<\/span><span class=\"gutenblocks-pricing-table__price-value\">49<\/span><span class=\"gutenblocks-pricing-table__price-suffix\">\/mo<\/span><\/div><ul class=\"gutenblocks-pricing-table__features\"><li>10GB Bandwidth<\/li><li>150GB Storage<\/li><li>25 Accounts<\/li><li>Priority Support<\/li><\/ul><div class=\"gutenblocks-pricing-table__card-footer\"><a href=\"#\" class=\"gutenblocks-pricing-table__button\">Get Started<\/a><\/div><\/div><div class=\"gutenblocks-pricing-table__card \"><div class=\"gutenblocks-pricing-table__card-header\"><h3 class=\"gutenblocks-pricing-table__plan-name\">Unlimited<\/h3><p class=\"gutenblocks-pricing-table__plan-tagline\">For large organizations<\/p><\/div><div class=\"gutenblocks-pricing-table__price\"><span class=\"gutenblocks-pricing-table__price-currency\">$<\/span><span class=\"gutenblocks-pricing-table__price-value\">99<\/span><span class=\"gutenblocks-pricing-table__price-suffix\">\/mo<\/span><\/div><ul class=\"gutenblocks-pricing-table__features\"><li>Unlimited Bandwidth<\/li><li>1TB Storage<\/li><li>Unlimited Accounts<\/li><li>24\/7 Support<\/li><\/ul><div class=\"gutenblocks-pricing-table__card-footer\"><a href=\"#\" class=\"gutenblocks-pricing-table__button\">Contact Sales<\/a><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<section class=\"wp-block-gutenblocks-saas-hero-block gutenblocks-saas-hero layout-centered bg-type-image has-floating-elements\" style=\"--ad-accent:#d5293f;--ad-color:#ffffff;--ad-bg-color:#162230;--ad-bg-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--ad-bg-image:url(https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/09\/Mask-group-3.png);--ad-bg-image-size:cover;--ad-bg-image-position:center;--ad-bg-image-repeat:no-repeat;--ad-button-primary-color:#ffffff;--ad-button-primary-bg:#d5293f;--ad-button-secondary-color:#ffffff;--ad-button-secondary-bg:#000000;--ad-button-hover-color:#ffffff;--ad-button-hover-bg:#d5293f;--ad-button-hover-border:#dababe;--ad-radius:12px;--ad-padding:80px;--ad-margin-top:0px;--ad-margin-right:0px;--ad-margin-bottom:0px;--ad-margin-left:0px;--ad-font-size:16px;--ad-pill-bg:#dbeafe;--ad-pill-color:#1e40af;--ad-gradient-start:#d5293f;--ad-gradient-end:#cc7171;--ad-cta-gap:16px;--ad-cta-padding-v:14px;--ad-cta-padding-h:32px;--ad-cta-radius:12px;--ad-cta-align:center;--ad-cta-text-align:center;--ad-media-radius:12px;--ad-media-spacing:48px;--ad-media-shadow:0 20px 60px rgba(0, 0, 0, 0.15);--ad-effect-gradient-overlay:linear-gradient(135deg, #6366f1, #8b5cf6);--ad-effect-gradient-overlay-opacity:0.3;--ad-effect-glow-color:#6366f1;--ad-rating-align:center;--ad-font-family:inherit;--ad-eyebrow-font-size:14px;--ad-eyebrow-font-weight:600;--ad-eyebrow-line-height:normal;--ad-eyebrow-letter-spacing:1px;--ad-eyebrow-text-transform:uppercase;--ad-heading-font-size:clamp(36px, 5vw, 64px);--ad-heading-font-weight:800;--ad-heading-line-height:1.2;--ad-heading-letter-spacing:normal;--ad-heading-text-transform:none;--ad-body-text-font-weight:400;--ad-body-text-line-height:1.6;--ad-body-text-letter-spacing:normal;--ad-body-text-text-transform:none;--ad-pill-font-size:14px;--ad-pill-font-weight:600;--ad-pill-line-height:normal;--ad-pill-letter-spacing:normal;--ad-pill-text-transform:none;--ad-button-font-size:16px;--ad-button-font-weight:600;--ad-button-line-height:normal;--ad-button-letter-spacing:normal;--ad-button-text-transform:none;--ad-micro-copy-font-size:14px;--ad-micro-copy-font-weight:400;--ad-micro-copy-line-height:normal;--ad-micro-copy-letter-spacing:normal;--ad-micro-copy-text-transform:none\"><div class=\"gutenblocks-saas-hero__fx gutenblocks-saas-hero__fx--blur\" aria-hidden=\"true\"><\/div><div class=\"gutenblocks-saas-hero__fx gutenblocks-saas-hero__fx--floating\" aria-hidden=\"true\"><span class=\"float float-1\"><\/span><span class=\"float float-2\"><\/span><span class=\"float float-3\"><\/span><\/div><div class=\"gutenblocks-saas-hero__container\"><div class=\"gutenblocks-saas-hero__content\"><div class=\"gutenblocks-saas-hero__text\"><h1 class=\"gutenblocks-saas-hero__heading has-gradient\"><strong><strong>Organize Information Effortlessly with the Tabbed Content.<\/strong><\/strong><\/h1><p class=\"gutenblocks-saas-hero__text\">Powerful, Flexible, and Built for Modern Interfaces.<\/p><div class=\"gutenblocks-saas-hero__cta\"><a href=\"#\" class=\"gutenblocks-saas-hero__button gutenblocks-saas-hero__button--primary\">Download Free Blocks \u2192<\/a><a href=\"#\" class=\"gutenblocks-saas-hero__button gutenblocks-saas-hero__button--secondary\">View Demos<\/a><\/div><\/div><\/div><\/div><\/section>\n","protected":false},"excerpt":{"rendered":"<p>Describe the page Tell the AI what you need in plain language or upload a brief. Generate the structure AI creates a smart layout using native Gutenberg blocks and patterns. Import into WordPress Add it to your site with one click and start customizing. Edit and publish Refine content, tweak design, and publish with confidence. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5222,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-5084","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/5084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/types\/page"}],"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=5084"}],"version-history":[{"count":23,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/5084\/revisions"}],"predecessor-version":[{"id":6137,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/5084\/revisions\/6137"}],"up":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/5222"}],"wp:attachment":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/media?parent=5084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}