{"id":108,"date":"2026-07-27T10:10:43","date_gmt":"2026-07-27T10:10:43","guid":{"rendered":"https:\/\/anbsmarttech.co.th\/?page_id=108"},"modified":"2026-07-27T10:10:43","modified_gmt":"2026-07-27T10:10:43","slug":"showcase","status":"publish","type":"page","link":"https:\/\/anbsmarttech.co.th\/?page_id=108","title":{"rendered":"Showcase"},"content":{"rendered":"<p><section id=\"anb-intro-1\" class=\"anb-section anb-intro anb-bg-canvas anb-intro--centre anb-intro--pad-default anb-intro--shape-soft-blob\" style=\"--anb-intro-body-max:var(--anb-container-narrow);\" data-anb=\"intro\"><span class=\"anb-intro__shape anb-intro__shape--soft-blob\" aria-hidden=\"true\"><\/span><div class=\"anb-container anb-intro__inner\"><h2 class=\"anb-intro__headline anb-ink-accent anb-reveal\">Every section is a decision you only make once.<\/h2><p class=\"anb-intro__sub anb-reveal\">Set your tokens, pick your sections, hand it over.<\/p><div class=\"anb-intro__body anb-reveal\"><p>Design tokens are declared once and inherited everywhere \u2014 so a colour change in the admin panel reaches the hero, the cards, the footer and the block editor in the same breath. Sections stay <a href=\"#library\">independently overridable<\/a> when a page genuinely needs to differ.<\/p>\n<\/div><p class=\"anb-intro__cta anb-reveal\"><a class=\"anb-btn anb-btn--solid anb-btn--default\" href=\"https:\/\/www.anbsmarttech.com\"><span>Explore the section library<\/span><\/a><\/p><\/div><\/section><\/p>\n\n\n<p><section id=\"anb-gallery-1\" class=\"anb-section anb-gallery anb-bg-canvas-alt anb-gallery--bar-card anb-gallery--align-centre anb-gallery--layers-2\" style=\"--anb-cols:3;--anb-card-aspect:4 \/ 3;\" data-anb=\"gallery\"><div class=\"anb-container\"><header class=\"anb-sec-head anb-sec-head--centre  anb-reveal\"><h2 class=\"anb-sec-head__title anb-ink-accent\">800+ pre-made layouts<\/h2><div class=\"anb-sec-head__intro\"><p>Filter the library by the job you are doing today. Every layout uses the shipped sections, so <a href=\"#tokens\">your tokens<\/a> apply the moment you import one.<\/p>\n<\/div><\/header><div class=\"anb-filterbar anb-reveal\" role=\"group\" aria-label=\"Filter the gallery\"><div class=\"anb-filterbar__scroll\"><button type=\"button\" class=\"anb-pill anb-pill--all is-active\" data-anb-filter=\"all\" aria-pressed=\"true\" aria-controls=\"anb-gallery-1-grid\">View All<\/button><button type=\"button\" class=\"anb-pill\" data-anb-filter=\"business\" aria-pressed=\"false\" aria-controls=\"anb-gallery-1-grid\">Business<\/button><button type=\"button\" class=\"anb-pill\" data-anb-filter=\"saas\" aria-pressed=\"false\" aria-controls=\"anb-gallery-1-grid\">SaaS<\/button><button type=\"button\" class=\"anb-pill\" data-anb-filter=\"agency\" aria-pressed=\"false\" aria-controls=\"anb-gallery-1-grid\">Agency<\/button><button type=\"button\" class=\"anb-pill\" data-anb-filter=\"ecommerce\" aria-pressed=\"false\" aria-controls=\"anb-gallery-1-grid\">eCommerce<\/button><button type=\"button\" class=\"anb-pill\" data-anb-filter=\"nonprofit\" aria-pressed=\"false\" aria-controls=\"anb-gallery-1-grid\">Non-profit<\/button><\/div><\/div><ul class=\"anb-gallery__grid\" id=\"anb-gallery-1-grid\" role=\"list\" aria-live=\"polite\" data-anb-gallery=\"client\" data-anb-batch=\"6\" data-anb-mode=\"button\" data-anb-default=\"all\"><li class=\"anb-gallery__item anb-reveal\" data-filters=\"business\" style=\"--anb-reveal-delay:0ms\"><a class=\"anb-gcard\" href=\"#layout-consulting\"><span class=\"anb-gcard__stack\"><span class=\"anb-gcard__layer anb-gcard__layer--3\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-consulting.svg)\"><\/span><span class=\"anb-gcard__layer anb-gcard__layer--2\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-consulting.svg)\"><\/span><span class=\"anb-gcard__front\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-gcard__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-consulting.svg\" alt=\"Consulting layout pack\" \/><\/span><\/span><span class=\"anb-gcard__title\">Consulting Pack<\/span><\/a><\/li><li class=\"anb-gallery__item anb-reveal\" data-filters=\"saas\" style=\"--anb-reveal-delay:60ms\"><a class=\"anb-gcard\" href=\"#layout-saas\"><span class=\"anb-gcard__stack\"><span class=\"anb-gcard__layer anb-gcard__layer--3\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-saas.svg)\"><\/span><span class=\"anb-gcard__layer anb-gcard__layer--2\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-saas.svg)\"><\/span><span class=\"anb-gcard__front\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-gcard__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-saas.svg\" alt=\"SaaS onboarding layout pack\" \/><\/span><\/span><span class=\"anb-gcard__title\">SaaS Onboarding<\/span><\/a><\/li><li class=\"anb-gallery__item anb-reveal\" data-filters=\"agency\" style=\"--anb-reveal-delay:120ms\"><a class=\"anb-gcard\" href=\"#layout-studio\"><span class=\"anb-gcard__stack\"><span class=\"anb-gcard__layer anb-gcard__layer--3\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-studio.svg)\"><\/span><span class=\"anb-gcard__layer anb-gcard__layer--2\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-studio.svg)\"><\/span><span class=\"anb-gcard__front\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-gcard__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-studio.svg\" alt=\"Studio portfolio layout pack\" \/><\/span><\/span><span class=\"anb-gcard__title\">Studio Portfolio<\/span><\/a><\/li><li class=\"anb-gallery__item anb-reveal\" data-filters=\"ecommerce\" style=\"--anb-reveal-delay:180ms\"><a class=\"anb-gcard\" href=\"#layout-store\"><span class=\"anb-gcard__stack\"><span class=\"anb-gcard__layer anb-gcard__layer--3\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-storefront.svg)\"><\/span><span class=\"anb-gcard__layer anb-gcard__layer--2\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-storefront.svg)\"><\/span><span class=\"anb-gcard__front\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-gcard__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-storefront.svg\" alt=\"Storefront layout pack\" \/><\/span><\/span><span class=\"anb-gcard__title\">Storefront<\/span><\/a><\/li><li class=\"anb-gallery__item anb-reveal\" data-filters=\"nonprofit\" style=\"--anb-reveal-delay:240ms\"><a class=\"anb-gcard\" href=\"#layout-fundraiser\"><span class=\"anb-gcard__stack\"><span class=\"anb-gcard__layer anb-gcard__layer--3\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-fundraiser.svg)\"><\/span><span class=\"anb-gcard__layer anb-gcard__layer--2\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-fundraiser.svg)\"><\/span><span class=\"anb-gcard__front\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-gcard__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-fundraiser.svg\" alt=\"Fundraising campaign layout pack\" \/><\/span><\/span><span class=\"anb-gcard__title\">Fundraiser<\/span><\/a><\/li><li class=\"anb-gallery__item anb-reveal\" data-filters=\"saas business\" style=\"--anb-reveal-delay:300ms\"><a class=\"anb-gcard\" href=\"#layout-pricing\"><span class=\"anb-gcard__stack\"><span class=\"anb-gcard__layer anb-gcard__layer--3\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-pricing.svg)\"><\/span><span class=\"anb-gcard__layer anb-gcard__layer--2\" aria-hidden=\"true\" style=\"background-image:url(https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-pricing.svg)\"><\/span><span class=\"anb-gcard__front\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-gcard__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/layout-pricing.svg\" alt=\"Product pricing layout pack\" \/><\/span><\/span><span class=\"anb-gcard__title\">Pricing &amp; Plans<\/span><\/a><\/li><\/ul><p class=\"anb-gallery__empty\" hidden>No items match this filter.<\/p><\/div><\/section><\/p>\n\n\n<p><section id=\"anb-showcase-1\" class=\"anb-section anb-showcase anb-bg-canvas anb-showcase--grid anb-showcase--style-plain anb-showcase--hover-lift anb-showcase--snap-start\" style=\"--anb-cols:3;--anb-card-aspect:3 \/ 5;--anb-card-anchor:top;--anb-peek:48px;\" data-anb=\"showcase\"><div class=\"anb-container\"><header class=\"anb-sec-head anb-sec-head--centre  anb-reveal\"><p class=\"anb-eyebrow\">Demos<\/p><h2 class=\"anb-sec-head__title anb-ink-accent\">Three ways to open a page<\/h2><p class=\"anb-sec-head__sub\">Same sections, different opening move.<\/p><div class=\"anb-sec-head__intro\"><p>Each demo is built entirely from the shipped section library \u2014 no bespoke templates, no child theme. Import one and edit it in place.<\/p>\n<\/div><\/header><ul class=\"anb-showcase__grid\" role=\"list\"><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:0ms\"><a class=\"anb-card\" href=\"#demo-corporate\" aria-label=\"Corporate \u2014 View Demo\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/demo-corporate.svg\" alt=\"Corporate demo preview\" \/><\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>View Demo<\/span><\/span><\/a><\/li><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:100ms\"><a class=\"anb-card\" href=\"#demo-product\" aria-label=\"Product Launch \u2014 View Demo\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/demo-product.svg\" alt=\"Product launch demo preview\" \/><\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>View Demo<\/span><\/span><\/a><\/li><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:200ms\"><a class=\"anb-card\" href=\"#demo-agency\" aria-label=\"Agency \u2014 View Demo\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/demo-agency.svg\" alt=\"Agency demo preview\" \/><\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>View Demo<\/span><\/span><\/a><\/li><\/ul><\/div><\/section><\/p>\n\n\n<p><section id=\"anb-showcase-2\" class=\"anb-section anb-showcase anb-bg-canvas anb-showcase--carousel anb-showcase--style-card anb-showcase--hover-zoom anb-showcase--snap-start\" style=\"--anb-cols:5;--anb-card-aspect:1 \/ 3;--anb-card-anchor:top;--anb-peek:48px;\" data-anb=\"showcase\"><div class=\"anb-container\"><header class=\"anb-sec-head anb-sec-head--centre  anb-reveal\"><h2 class=\"anb-sec-head__title anb-ink-ink\">The whole shelf, at a glance<\/h2><div class=\"anb-sec-head__intro\"><p>A denser variant of the showcase row for template libraries \u2014 drag the track, or let it snap card by card.<\/p>\n<\/div><\/header><div class=\"anb-showcase__viewport\"><ul class=\"anb-showcase__track\" id=\"anb-showcase-2-track\" tabindex=\"0\" role=\"list\" aria-label=\"Showcase items \u2014 scroll or use the arrow keys\"><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:0ms\"><a class=\"anb-card\" href=\"#tpl-about\" aria-label=\"About \u2014 Preview\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/tpl-about.svg\" alt=\"About page template\" \/><\/span><span class=\"anb-card__title\">About<\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>Preview<\/span><\/span><\/a><\/li><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:100ms\"><a class=\"anb-card\" href=\"#tpl-services\" aria-label=\"Services \u2014 Preview\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/tpl-services.svg\" alt=\"Services page template\" \/><\/span><span class=\"anb-card__title\">Services<\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>Preview<\/span><\/span><\/a><\/li><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:200ms\"><a class=\"anb-card\" href=\"#tpl-pricing\" aria-label=\"Pricing \u2014 Preview\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/tpl-pricing.svg\" alt=\"Pricing page template\" \/><\/span><span class=\"anb-card__title\">Pricing<\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>Preview<\/span><\/span><\/a><\/li><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:300ms\"><a class=\"anb-card\" href=\"#tpl-careers\" aria-label=\"Careers \u2014 Preview\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/tpl-careers.svg\" alt=\"Careers page template\" \/><\/span><span class=\"anb-card__title\">Careers<\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>Preview<\/span><\/span><\/a><\/li><li class=\"anb-showcase__item anb-reveal\" style=\"--anb-reveal-delay:400ms\"><a class=\"anb-card\" href=\"#tpl-contact\" aria-label=\"Contact \u2014 Preview\"><span class=\"anb-card__frame\"><img decoding=\"async\" loading=\"lazy\" class=\"anb-card__img\" src=\"https:\/\/anbsmarttech.co.th\/wp-content\/themes\/anb-studio-pro\/assets\/images\/tpl-contact.svg\" alt=\"Contact page template\" \/><\/span><span class=\"anb-card__title\">Contact<\/span><span class=\"anb-btn anb-btn--solid anb-card__btn\"><span>Preview<\/span><\/span><\/a><\/li><\/ul><\/div><div class=\"anb-carousel__nav\">\n\t\t\t\t\t<button type=\"button\" class=\"anb-carousel__btn\" data-anb-scroll=\"prev\" aria-controls=\"anb-showcase-2-track\"><span aria-hidden=\"true\">&larr;<\/span><span class=\"screen-reader-text\">Scroll to previous items<\/span><\/button>\n\t\t\t\t\t<button type=\"button\" class=\"anb-carousel__btn\" data-anb-scroll=\"next\" aria-controls=\"anb-showcase-2-track\"><span aria-hidden=\"true\">&rarr;<\/span><span class=\"screen-reader-text\">Scroll to next items<\/span><\/button>\n\t\t\t\t<\/div><\/div><\/section><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"_anb_layout":"","_anb_container":"","_anb_spacing":"","_anb_header_part":"","_anb_footer_part":"","_anb_menu_location":"","_anb_palette_variant":"","_anb_hide_title":true,"footnotes":""},"anb_showcase_type":[],"class_list":["post-108","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=108"}],"version-history":[{"count":0,"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=\/wp\/v2\/pages\/108\/revisions"}],"wp:attachment":[{"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=108"}],"wp:term":[{"taxonomy":"anb_showcase_type","embeddable":true,"href":"https:\/\/anbsmarttech.co.th\/index.php?rest_route=%2Fwp%2Fv2%2Fanb_showcase_type&post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}