1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._posthogChunkIds=e._posthogChunkIds||{},e._posthogChunkIds[n]="01a0bbe5-9c5e-73d0-8594-9a9093d6ba86")}catch(e){}}();;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="1f4b3bd4-91d4-83a1-858a-c803ff767624")}catch(e){}}(); 2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,44525,i=>{"use strict";var e=i.i(279230);i.s(["Content",()=>e.default])},491335,i=>{"use strict";var e=i.i(826580);i.s(["Footer",()=>e.default])},236061,i=>{"use strict";var e=i.i(895909);i.s(["Form",()=>e.default])},204843,i=>{"use strict";var e=i.i(373379);i.s(["Hero",()=>e.default])},820177,i=>{"use strict";var e=i.i(212880);i.s(["Pricing",()=>e.default])},127561,i=>{"use strict";var e=i.i(150801);i.s(["Stats",()=>e.default])},498771,i=>{"use strict";var e=i.i(673923);i.s(["Testimonials",()=>e.default])},642409,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Article With Sidebar",summary:"Article layout with sticky sidebar containing TOC, share buttons, and configurable cards.",detail:"Use this section for long-form articles with a sticky sidebar. Features a main content area with hero image between title and prose, an auto-generated table of contents (items[0]), social share buttons (from ctas), and any number of additional cards. The sidebar can be placed left or right via itemsBox placement. Set card size to 0 for a minimal look.",uses:["Blog articles with table of contents","Long-form content with sidebar CTAs","Articles with social sharing","Editorial content with sidebar navigation"],status:"wip",gated:!1,version:"0.0.1",slug:"article-with-sidebar",group:"content",tags:["article","blog","sidebar","toc","share","cta"],fields:{ctx:[...t.fields.mediaCtxFields,...t.fields.itemIconMediaCtxFields],cfg:t.fields.mediaItemMediaCardCfgFields}};i.s(["defaults",0,()=>({ctx:e.Content("articleWithSidebar"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"2"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"}},mediaBox:{placeMedia:{initial:"column",sm:"column",lg:"column"},widthMedia:{initial:"100%",sm:"100%",lg:"100%"},gapMedia:{initial:"6",sm:"6",lg:"6"}},grid:{columns:{initial:"1",sm:"1",lg:"1"},gapY:{initial:"4",sm:"6",lg:"6"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"row"},widthItems:{initial:"100%",sm:"100%",lg:"30%"},gapItems:{initial:"8",sm:"8",lg:"8"}},items:{textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"}},mediaBox:{placeMedia:{initial:"column",sm:"column",lg:"column"},widthMedia:{initial:"100%",sm:"100%",lg:"100%"},gapMedia:{initial:"4",sm:"4",lg:"4"}},card:{size:{initial:"2",sm:"3",lg:"3"},radius:"large",shadow:"1",width:{initial:"100%",sm:"100%",lg:"100%"},showBorder:!0,justifyCard:{initial:"start",sm:"start",lg:"start"},bg:{bgColor:"var(--accent-2)"}}}}}),"meta",0,a])},115406,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Article With Toc",summary:"Article display with automatic table of contents sidebar.",detail:"Use this section for longer articles or documentation that benefit from navigation. Displays rich article content with an automatically generated table of contents sidebar that helps readers navigate through the content.",uses:["Documentation pages","Long-form articles","Tutorial content with multiple sections","Knowledge base articles"],status:"wip",gated:!1,version:"0.0.1",slug:"article-with-toc",group:"content",tags:["article","blog","toc","navigation","content","documentation"],fields:{ctx:t.fields.txtCtxFields,cfg:[...t.fields.txtCfgFields,...t.fields.cardCfgFields.filter(i=>"cardLink"!==i)]}};i.s(["defaults",0,()=>({ctx:e.Content("blogArticle"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"2"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"}},itemsBox:{gapItems:{initial:"8",sm:"8",lg:"8"},placeItems:{initial:"column",sm:"column",lg:"row"},widthItems:{initial:"100%",sm:"100%",lg:"30%"}},card:{size:{initial:"2",sm:"2",lg:"2"},radius:"medium",shadow:"1",width:{initial:"100%",sm:"100%",lg:"100%"},justifyCard:{initial:"center",sm:"center",lg:"center"},bg:{bgColor:"var(--accent-2)"}}}}),"meta",0,a])},79172,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Bento Gallery",summary:"Media-first bento gallery with hover text overlays.",detail:"A gallery-focused bento grid layout where images and videos fill asymmetric cells. Text (title, description, CTAs) appears only on hover as a subtle blurred pill overlay. Adapts 2-column layout patterns based on item count (2-8+) and switches to a carousel on mobile.",uses:["Photo gallery with hover captions","Portfolio showcase in bento layout","Product image gallery with descriptions on hover","Media-first content grid"],status:"wip",ver
2sion:"1.0.0",slug:"bento-gallery",group:"content",tags:["gallery","bento","media","hover","overlay","carousel","responsive","grid"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:[...t.fields.itemMediaCardCfgFields,"itemCarousel"]}};i.s(["defaults",0,()=>{let i=e.Content("mediaBgItems");return{ctx:{...i,items:i.items?.slice(0,5)},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{gapItems:{initial:"4",sm:"4",lg:"6"},placeItems:{initial:"column",sm:"column",lg:"column"}},items:{card:{size:{initial:"0",sm:"0",lg:"0"},radius:"large",shadow:"2",width:{initial:"100%",sm:"100%",lg:"100%"},justifyCard:{initial:"center",sm:"center",lg:"center"},bg:{overlay:"rgba(0, 0, 0, 0.4)"}},mediaBox:{placeMedia:{initial:"column",sm:"column",lg:"column"}},textsBox:{justify:{initial:"end",sm:"end",lg:"end"},flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},width:{initial:"100%",sm:"100%",lg:"100%"}},carousel:{showArrows:!0,showDots:!0,options:{align:"start",loop:!0,slidesToScroll:1}}}}}},"meta",0,a])},870454,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(607043),a=i.i(272077);let s={title:"Doc With Sidebar",summary:"Documentation page with a sidebar for navigation.",detail:"Use this section for longer documentation pages that benefit from navigation. Displays rich documentation content with a sidebar for navigation that helps readers navigate through the content.",uses:["Documentation pages","Tutorial content with multiple sections","Knowledge base articles","Guides","Tutorials","How-to articles","Documentation pages","Long-form articles"],status:"wip",gated:!1,version:"0.0.1",slug:"doc-with-sidebar",group:"content",tags:["article","blog","toc","navigation","content","documentation"],fields:{ctx:[...a.fields.navCtxFields,"menuItems",...a.fields.txtCtxFields,...a.fields.itemMediaCtxFields],cfg:[...a.fields.megaNavCfgFields,"mediaBox",...a.fields.itemMediaCfgFields,"grid","items"]}};i.s(["defaults",0,()=>{let i=e.Content("blogArticle"),a=e.Content("withMediaItems");return{ctx:{...t.Header("mega"),title:i.title,ctas:i.ctas,desc:{...i.desc,className:"prose prose-lg max-w-none"},media:i.media,items:a.items?.slice(0,2)},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"2"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"}},mediaBox:{placeMedia:{initial:"column",sm:"column",lg:"column"},widthMedia:{initial:"100%",sm:"100%",lg:"100%"}},itemsBox:{gapItems:{initial:"8",sm:"8",lg:"8"},placeItems:{initial:"column",sm:"column",lg:"column"},widthItems:{initial:"100%",sm:"100%",lg:"100%"}},grid:{columns:{initial:"1",sm:"2",lg:"2"},gap:{initial:"6",sm:"6",lg:"6"}},items:{mediaBox:{placeMedia:{initial:"column",sm:"column",lg:"column-reverse"},widthMedia:{initial:"100%",sm:"100%",lg:"100%"},gapMedia:{initial:"4",sm:"4",lg:"4"}},card:{radius:"small",shadow:"0",showBorder:!0,size:{initial:"2",sm:"2",lg:"2"},width:{initial:"100%",sm:"100%",lg:"100%"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"}}}}}},"meta",0,s])},991932,i=>{"use strict";i.i(452203);var e=i.i(974865),t=i.i(272077);let a={title:"Features Carousel",summary:"Interactive feature showcase with auto-rotating media display and clickable items.",detail:"Use this section to highlight key features with visual engagement. Each feature includes an icon, title, and description on one side, while the corresponding image or video displays on the other. Features auto-rotate every 3 seconds with a progress indicator, or users can click any feature to view it immediately. Perfect for product demos and feature walkthroughs.",uses:["Showcasing product features with interactive media","Demonstrating multiple capabilities with visual examples","Creating engaging feature presentations with auto-play"],status:"wip",ver
2sion:"0.0.1",slug:"features-carousel",group:"features",tags:["features","carousel","interactive","media","auto-play","icons","showcase"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemIconMediaCtxFields],cfg:["mediaBox","itemsBox","grid",...t.fields.itemIconMediaCardCfgFields]}};i.s(["defaults",0,()=>{let i=e.Features("withMediaItems");return{ctx:{...i,items:i.items?.map(i=>({...i,media:i.media?.map(i=>({...i,aspectRatio:5/4}))}))},cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},mediaBox:{widthMedia:{initial:"100%",sm:"50%",lg:"60%"},placeMedia:{initial:"column",sm:"row",lg:"row"},gapMedia:{initial:"6",sm:"6",lg:"6"},flexAlign:{initial:"start",sm:"start",lg:"center"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"},gapItems:{initial:"3",sm:"4",lg:"6"}},grid:{columns:{initial:"1",sm:"1",lg:"1"},gapX:{initial:"3",sm:"4",lg:"4"},gapY:{initial:"3",sm:"4",lg:"4"}},items:{card:{size:{initial:"2",sm:"2",lg:"3"},radius:"large",shadow:"0",showBorder:!0,bg:{bgColor:"var(--accent-4)"}},textsBox:{alignText:{initial:"left",sm:"left",lg:"left"},justify:{initial:"start",sm:"start",lg:"start"},width:{initial:"100%",sm:"100%",lg:"100%"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"4",sm:"4",lg:"4"},flexAlign:{initial:"start",sm:"start",lg:"start"}},mediaBox:{widthMedia:{initial:"100%",sm:"100%",lg:"100%"},placeMedia:{initial:"column",sm:"column",lg:"column"}}}}}},"meta",0,a])},802723,i=>{"use strict";i.i(452203);var e=i.i(491335);let t={title:"Footer Masonry Menu",summary:"Large footer with link groups flowing through masonry columns, logo on the left and social plus legal on the bottom bar.",detail:"Use this footer for link-heavy sites where menu groups have very different lengths. Groups pack top to bottom through the columns like a masonry wall, so short and tall groups sit together without leaving holes. The logo anchors the left, and the bottom bar carries social icons on one side with copyright and legal links on the other.",uses:["Link-heavy footers with many uneven menu groups","Product sites pairing it with a mega menu header","Footers needing social icons and legal links on a bottom bar"],status:"wip",version:"0.0.2",slug:"footer-masonry-menu",group:"footer",tags:["footer","navigation","menu","masonry","multi_column","links","social_media","legal"],fields:{ctx:[...i.i(272077).fields.footerCtxFields,"menuItems"],cfg:["section","logoBox","grid","itemsBox","itemTextsBox"]}};i.s(["defaults",0,()=>({ctx:e.Footer("masonry"),cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"3",sm:"4",lg:"4"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},flexAlign:{initial:"center",sm:"center",lg:"center"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"2",sm:"2",lg:"2"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"row"},gapItems:{initial:"7",sm:"8",lg:"9"},flexAlign:{initial:"start",sm:"start",lg:"start"},flexJustify:{initial:"start",sm:"start",lg:"between"},widthItems:{initial:"100%",sm:"100%",lg:"72%"}},grid:{columns:{initial:"2",sm:"3",lg:"4"},gap:{initial:"6",sm:"6",lg:"8"}},items:{textsBox:{gapTexts:{initial:"2",sm:"2",lg:"2"},alignText:{initial:"left",sm:"left",lg:"left"}}}}}),"meta",0,t])},819920,i=>{"use strict";i.i(452203);var e=i.i(491335);let t={title:"Footer On Card",summary:"Footer on a rounded card: masonry link groups, logo and bottom bar all sit on one floating surface.",detail:"Use this footer when the page background should run around the footer instead of the footer filling the full width. The whole footer, logo, masonry link groups and the social plus legal bottom bar, sits on a single rounded card styled from the Card panel: a dark card background flips the text automatically. Menu content is drop-in compatible with Footer Masonry Menu, and groups pack to
2p to bottom through the columns so uneven groups leave no holes.",uses:["Floating card footers over page or gradient backgrounds","Link-heavy footers with many uneven menu groups","Pairing with Header On Card for a matching framed look"],status:"wip",version:"0.0.2",slug:"footer-on-card",group:"footer",tags:["footer","navigation","menu","masonry","card","floating","links","social_media","legal"],fields:{ctx:[...i.i(272077).fields.footerCtxFields,"menuItems"],cfg:["section","card","logoBox","grid","itemsBox","itemTextsBox"]}};i.s(["defaults",0,()=>({ctx:e.Footer("masonry"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},card:{radius:"large",showBorder:!0,size:{initial:"4",sm:"5",lg:"5"},width:{initial:"100%",sm:"100%",lg:"100%"},bg:{bgColor:"var(--accent-2)"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"2",sm:"2",lg:"2"},flexAlign:{initial:"center",sm:"center",lg:"center"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"row"},gapItems:{initial:"7",sm:"8",lg:"9"},flexAlign:{initial:"start",sm:"start",lg:"start"},flexJustify:{initial:"start",sm:"start",lg:"between"},widthItems:{initial:"100%",sm:"100%",lg:"72%"}},grid:{columns:{initial:"2",sm:"3",lg:"4"},gap:{initial:"6",sm:"6",lg:"8"}},items:{textsBox:{gapTexts:{initial:"2",sm:"2",lg:"2"},alignText:{initial:"left",sm:"left",lg:"left"}}}}}),"meta",0,t])},541013,i=>{"use strict";i.i(452203);var e=i.i(491335),t=i.i(272077);let a={title:"Footer With Menu",summary:"Footer section with multi-column menus and extended site information for navigation.",detail:"Use this footer when your site needs to provide extensive navigation and information at the bottom. It offers multiple link categories in an organized layout, along with sections for social media links and legal notices.",uses:["Websites with many pages needing footer navigation","Multi-column footer menus for large sites","Providing contact and legal info in the footer"],status:"wip",version:"0.0.2",slug:"footer-with-menu",group:"footer",tags:["footer","navigation","menu","multi_column","links","expanded_footer","social_media"],fields:{ctx:[...t.fields.footerCtxFields,"menuItems"],cfg:[...t.fields.megaNavCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Footer("advanced"),cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"3",sm:"4",lg:"3"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},justify:{initial:"center",sm:"center",lg:"center"},flexAlign:{initial:"start",sm:"start",lg:"start"},gapTexts:{initial:"2",sm:"4",lg:"8"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"4",lg:"4"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},flexAlign:{initial:"center",sm:"center",lg:"center"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"2",sm:"2",lg:"2"}},grid:{columns:{initial:"2",sm:"2",lg:"4"},gap:{initial:"6",sm:"6",lg:"6"}},items:{textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},gapTexts:{initial:"2",sm:"3",lg:"4"},gapCtas:{initial:"2",sm:"3",lg:"4"}}}}}),"meta",0,a])},943473,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Glossary with Alpha Nav",summary:"Alphabetical directory with sticky A-Z navigation, search filter, and grouped items.",detail:"Use this section to display a large set of items organized alphabetically with a sticky A-Z navigation bar. Visitors can jump to any letter, search to filter items, and browse grouped results. Ideal for glossaries, service directories, condition lists, or product catalogs.",uses:["Browsable glossary or terminology directory","Service or product catalog with alphabetical navigation","Medical conditions, diagnoses, or treatment directory","Alphabetical team or member directory"],status:"wip",version:"0.0.1",slug:"glossary-alpha-nav",group:"content",tags:["glossary","alphabetical","directory","a-z","search","filter","index","grid"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemIconMediaCtxFields],cfg:t.fields.itemIconMediaCardCfgFields.filter(i=>"itemCardLink"!==i)}};i.s(["defaults",0,()=>({ctx:e.Content("glossary"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"3",lg:"4"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}}
2,itemsBox:{gapItems:{initial:"6",sm:"8",lg:"8"},placeItems:{initial:"column",sm:"column",lg:"column"}},grid:{columns:{initial:"1",sm:"2",lg:"3"},gapX:{initial:"4",sm:"6",lg:"6"},gapY:{initial:"0",sm:"0",lg:"0"}},items:{textsBox:{justify:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},width:{initial:"100%",sm:"100%",lg:"100%"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"4",sm:"4",lg:"4"},flexAlign:{initial:"start",sm:"start",lg:"start"}},mediaBox:{widthMedia:{initial:"100%",sm:"100%",lg:"100%"},placeMedia:{initial:"column",sm:"column",lg:"column"}}}}}),"meta",0,a])},350103,i=>{"use strict";i.i(452203);var e=i.i(607043),t=i.i(272077);let a={title:"Header Max Menu",summary:"Global header with a full-width mega menu: grouped link columns, featured media cards and panel CTAs.",detail:"Use this header for sites with deep navigation. Each top-level item can open a full-width panel with labeled link groups, an optional featured rail (a media card or a list of article cards) on the left or right, and quick CTA links at the bottom of the panel.",uses:["Full-width mega menu with grouped navigation columns","Featured media or article cards inside the menu","Marketing sites with many product, solution and resource pages"],status:"wip",version:"0.0.1",slug:"header-max-menu",group:"header",tags:["header","navigation","menu","mega_menu","full_width","featured","logo"],fields:{ctx:[...t.fields.megaMaxNavCtxFields],cfg:[...t.fields.megaNavCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Header("megamax"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"1",sm:"1",lg:"1"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},flexAlign:{initial:"center",sm:"center",lg:"center"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"1",sm:"1",lg:"1"},flexJustify:{initial:"center",sm:"center",lg:"center"}},grid:{gapX:{initial:"2",sm:"2",lg:"2"}},itemsBox:{flexJustify:{initial:"center",sm:"center",lg:"start"}},items:{card:{radius:"medium",width:{initial:"100%",sm:"100%",lg:"100%"},bg:{bgColor:"var(--gray-1)"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"3",sm:"3",lg:"3"},flexAlign:{initial:"start",sm:"start",lg:"start"},flexJustify:{initial:"start",sm:"start",lg:"start"}}}}}),"meta",0,a])},577191,i=>{"use strict";i.i(452203);var e=i.i(607043),t=i.i(272077);let a={title:"Header On Card",summary:"Floating card header: the nav sits in a rounded card over the hero and the card itself morphs open to hold the mega menu.",detail:"Use this header when the hero background should run behind and around the nav. The card floats over the first section (which gets automatic top clearance), stays sticky by default (the Section sticky switch turns that off, leaving a card that scrolls away), and opening a menu grows the card downward into one continuous surface, Pylon style. The Card panel styles the whole surface: a dark background flips all menu text automatically. Section v-size is the gap around the card, h-size its width; menu content is drop-in compatible with Header Max Menu. On mobile the card expands in place into an accordion menu instead of a full-screen sheet.",uses:["Floating card nav over gradient or media heroes","Morphing mega menu inside one continuous card","Marketing sites with deep product, solution and resource pages"],status:"wip",version:"0.0.1",slug:"header-on-card",group:"header",tags:["header","navigation","menu","mega_menu","floating","card","morph","sticky","logo"],fields:{ctx:[...t.fields.megaMaxNavCtxFields],cfg:["card",...t.fields.megaNavCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Header("megamax"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"1",sm:"1",lg:"1"},isSticky:!0},card:{radius:"medium",shadow:"4",showBorder:!1,size:{initial:"0",sm:"0",lg:"0"},width:{initial:"100%",sm:"100%",lg:"100%"},bg:{bgColor:"var(--gray-12)"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},flexAlign:{initial:"center",sm:"center",lg:"center"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"1",sm:"1",lg:"1"},flexJustify:{initial:"center",sm:"center",lg:"center"}},grid:{gapX:{initial:"2",sm:"2",lg:"2"}},itemsBox:{flexJustify:{initial:"center",sm:"center",lg:"center"}},items:{card:{radius:"none",showBorder:!1,width:{initial:"100%",sm:"100%",lg:"100%"},bg:{}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"3",sm:"3",lg:"3"},flexAlign:{initial:"start",sm:"start",lg:"start"},flexJustify:{initial:"start",sm:"start",lg:"start"}}}}}),"meta",0,a])},773495,i=>{"use strict";i.i(452203);var e=i.i(607043),t=i.i(272077);let a={title:"Header Split Menu",summary:"Global header with a split mega menu: a left rail of sections that swaps a rich detail pane, OpenText style.",detail:"Use this header for catalog-scale navigation. Each top-level item opens a full-width panel where a left rail of sections drives a detail pane with a big heading, lede and a grid of links, labeled link lists (items without a url act as list headers), media cards and badges. O
2ne section renders as a flat pane without the rail; plain items render as a simple dropdown. Panel CTAs sit in a tinted footer band of arrow links.",uses:["Drill-down mega menu for deep product catalogs","Sectioned navigation with rich detail panes per section","Marketing sites with many product, solution and resource pages"],status:"wip",version:"0.0.1",slug:"header-split-menu",group:"header",tags:["header","navigation","menu","mega_menu","split","drill_down","full_width","logo"],fields:{ctx:[...t.fields.megaMaxNavCtxFields],cfg:[...t.fields.megaNavCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Header("megasplit"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"1",sm:"1",lg:"1"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},flexAlign:{initial:"center",sm:"center",lg:"center"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"1",sm:"1",lg:"1"},flexJustify:{initial:"center",sm:"center",lg:"center"}},grid:{gapX:{initial:"6",sm:"6",lg:"6"}},itemsBox:{flexJustify:{initial:"center",sm:"center",lg:"start"}},items:{card:{radius:"medium",width:{initial:"100%",sm:"100%",lg:"100%"},bg:{bgColor:"var(--gray-1)"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"3",sm:"3",lg:"3"},flexAlign:{initial:"start",sm:"start",lg:"start"},flexJustify:{initial:"start",sm:"start",lg:"start"}}}}}),"meta",0,a])},392539,i=>{"use strict";i.i(452203);var e=i.i(607043),t=i.i(272077);let a={title:"Header With Menu",summary:"Website header with logo and an expanded navigation menu for easy site browsing.",detail:"Use this header for sites that need a comprehensive navigation bar at the top. It includes a clear menu for key pages or sections, helping users easily find their way around the site.",uses:["Top navigation bar with multiple menu links","Header for sites with many sections","Providing an easy site-wide navigation menu"],status:"wip",version:"0.0.1",slug:"header-with-menu",group:"header",tags:["header","navigation","menu","expanded_menu","site_navigation","logo"],fields:{ctx:[...t.fields.navCtxFields,"menuItems"],cfg:[...t.fields.megaNavCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Header("mega"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"1",sm:"1",lg:"1"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},flexAlign:{initial:"center",sm:"center",lg:"center"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"1",sm:"1",lg:"1"},flexJustify:{initial:"center",sm:"center",lg:"center"}},grid:{columns:{initial:"2",sm:"2",lg:"2"},gap:{initial:"2",sm:"2",lg:"2"}},itemsBox:{flexJustify:{initial:"center",sm:"center",lg:"start"}},items:{card:{radius:"medium",shadow:"2",width:{initial:"400px",sm:"400px",lg:"600px"},bg:{bgColor:"var(--accent-3)"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"3",sm:"3",lg:"3"},flexAlign:{initial:"start",sm:"start",lg:"start"},flexJustify:{initial:"start",sm:"start",lg:"start"}}}}}),"meta",0,a])},369903,i=>{"use strict";i.i(452203);var e=i.i(204843),t=i.i(272077);let a={title:"Hero Rolling Media",summary:"Hero whose headline rolls through words while the image changes with each one.",detail:"Use this hero when every audience or use case deserves its own picture. The title is the static part of the H1 and every item is one word or short phrase plus the image shown while it is up; the word rolls through the end of the title, or wherever you type {{words}} inside it, and the image crossfades on the same clock, so the whole headline stays one H1 for search engines and screen readers (which hear the full list once). Words without an image show the first image, and every image takes the first one's aspect ratio so the frame never jumps. A Color on an item tints its word. Items > Texts > Animation picks the roll style (Animation) and the transition length (Duration); words hold for about 2.6 seconds each, pause while hovered, and crossfade without motion for reduced-motion visitors. Keep words short, the slot is as wide as the longest one.",uses:["Headlines that rotate through personas, each with its own visual","Product heroes that show a different screen per use case","Landing pages that pair every benefit with a matching image"],status:"wip",ver
2sion:"0.0.1",slug:"hero-rolling-media",group:"hero",tags:["hero","rolling","rotating","words","media","image","animated","headline","dynamic","marketing","landing_page"],fields:{ctx:[...t.fields.txtCtxFields,"items","itemTitle","itemMedia"],cfg:[...t.fields.mediaCfgFields,"itemTextsBox"]}};i.s(["defaults",0,()=>({ctx:e.Hero("rollingMedia"),cfg:{section:{bg:{},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",md:"left",lg:"left"},width:{initial:"100%",sm:"100%",lg:"90%"}},mediaBox:{widthMedia:{initial:"100%",sm:"50%",lg:"50%"},placeMedia:{initial:"column",sm:"row",lg:"row"},gapMedia:{initial:"6",sm:"6",lg:"8"},flexAlign:{initial:"start",sm:"start",lg:"center"}}}}),"meta",0,a])},661972,i=>{"use strict";i.i(452203);var e=i.i(204843),t=i.i(272077);let a={title:"Hero Rolling Words",summary:"Hero whose headline keeps rolling through a set of words, beside one image.",detail:"Use this hero when one headline has to speak to several audiences or use cases. The title is the static part of the H1 and every item title is a word or short phrase that rolls through the end of it, or wherever you type {{words}} inside the title, so the whole headline stays one H1 for search engines and screen readers (which hear the full list once). Add, reorder or remove words as items; a Color on an item tints its word. Items > Texts > Animation picks the roll style (Animation) and the transition length (Duration); words hold for about 2.6 seconds each, pause while hovered, and crossfade without motion for reduced-motion visitors. Keep words short, the slot is as wide as the longest one. The image is the section media; leave it empty for a text-only hero.",uses:["One headline that speaks to several audiences or use cases","Landing pages that rotate through benefits, verticals or personas","A single product image next to a living headline"],status:"wip",version:"0.0.1",slug:"hero-rolling-words",group:"hero",tags:["hero","rolling","rotating","words","animated","headline","dynamic","marketing","landing_page","typewriter"],fields:{ctx:[...t.fields.mediaCtxFields,"items","itemTitle"],cfg:[...t.fields.mediaCfgFields,"itemTextsBox"]}};i.s(["defaults",0,()=>({ctx:e.Hero("rollingWords"),cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",md:"left",lg:"left"},width:{initial:"100%",sm:"100%",lg:"90%"}},mediaBox:{widthMedia:{initial:"100%",sm:"50%",lg:"50%"},placeMedia:{initial:"column",sm:"row",lg:"row"},gapMedia:{initial:"6",sm:"6",lg:"8"},flexAlign:{initial:"start",sm:"start",lg:"center"}}}}),"meta",0,a])},67271,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"How It Works",summary:"Numbered steps with a connecting line for process or how-it-works sections.",detail:"Use this section to present a step-by-step process. Each step has a numbered circle connected by an animated line that draws on scroll. Layout switches from vertical on mobile to horizontal on larger screens based on column settings.",uses:["Explaining a process or workflow","How-it-works or onboarding steps","Numbered lists with visual flow"],status:"wip",version:"0.0.1",slug:"how-it-works",group:"content",tags:["steps","how_it_works","process","numbered","timeline"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemTxtCtxFields],cfg:[...t.fields.itemTxtCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Content("howitworks"),cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"},gapItems:{initial:"8",sm:"8",lg:"8"}},grid:{columns:{initial:"1",sm:"3",lg:"3"}
2,gapX:{initial:"6",sm:"6",lg:"8"},gapY:{initial:"6",sm:"6",lg:"6"}},items:{textsBox:{flexAlign:{initial:"start",sm:"center",lg:"center"},alignText:{initial:"left",sm:"center",lg:"center"},justify:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"100%",lg:"100%"}}}}}),"meta",0,a])},943818,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"How It Works (with Media)",summary:"Numbered steps with connecting line and configurable media per step.",detail:"Use this section for a step-by-step process with an image or video per step. Media placement (above, below, or beside text) is configurable like MediaGrid slices. Same animated connecting line and step circles as How It Works.",uses:["Process or how-it-works with visuals per step","Onboarding with media and text","Numbered steps with configurable media layout"],status:"wip",version:"0.0.1",slug:"how-it-works-media",group:"content",tags:["steps","how_it_works","process","numbered","media","timeline"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:[...t.fields.itemMediaCfgFields]}};i.s(["defaults",0,()=>{let i=e.Content("howitworksmedia"),t=i.items??[];return{ctx:{...i,items:t.map(i=>({...i,media:i.media?.map(i=>({...i,radius:"medium"}))}))},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"},gapItems:{initial:"8",sm:"8",lg:"8"}},grid:{columns:{initial:"1",sm:"2",lg:"4"},gapX:{initial:"6",sm:"6",lg:"6"},gapY:{initial:"6",sm:"6",lg:"6"}},items:{textsBox:{flexAlign:{initial:"start",sm:"center",lg:"center"},alignText:{initial:"left",sm:"center",lg:"center"},justify:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{widthMedia:{initial:"100%",sm:"100%",lg:"100%"},placeMedia:{initial:"column-reverse",sm:"column-reverse",lg:"column-reverse"},gapMedia:{initial:"4",sm:"4",lg:"4"},flexAlign:{initial:"center",sm:"center",lg:"center"}}}}}},"meta",0,a])},420169,i=>{"use strict";let e=i=>({value:i,size:{initial:"4",sm:"4",lg:"5"},weight:{initial:"bold",sm:"bold",lg:"bold"}}),t=i=>({value:i,size:{initial:"1",sm:"1",lg:"1"}}),a=(i,e)=>({value:`<p>${i}</p><ul>${e.map(i=>`<li>${i}</li>`).join("")}</ul>`,size:{initial:"2",sm:"2",lg:"2"}}),s=i=>({value:`<ul>${i.map(i=>`<li>${i}</li>`).join("")}</ul>`,size:{initial:"2",sm:"2",lg:"2"}});i.s(["defaults",0,()=>({ctx:{title:{value:"Choose Your Plan",as:"h2",size:{initial:"6",sm:"7",lg:"8"}
2,weight:{initial:"bold",sm:"bold",lg:"bold"},wrap:{initial:"pretty",sm:"pretty",lg:"pretty"}},desc:{value:"Pick a contract term and billing frequency. Longer commitments cost less.",size:{initial:"2",sm:"3",lg:"3"},wrap:{initial:"pretty",sm:"pretty",lg:"pretty"}},ctas:[{label:"Get started",url:""}],form:{formId:""},items:[{title:e("Agentic Growth"),subtitle:t("1500"),desc:a("For Series A / B / C companies",["All Signals (Person level, Company level)<br>Website, Offsite, Social","Global Geos","Person-based Ads","Agentic GTM Workflows","14+ Standard AI Agents","Enrichment via agents + APIs","Bring Your Own Data API Keys","Up to 10,000 contacts activated","Priority Email Support"]),ctas:[{label:"Get started",url:"",variant:"soft"}]},{title:e("Agentic Scale-up"),subtitle:t("2500"),desc:a("For $10Mâ$20M revenue companies",["1 custom agent/integration","Up to 20,000 contacts activated","Dedicated Slack/Teams channel"]),ctas:[{label:"Get started",url:"",variant:"solid"}]},{title:e("Agentic Enterprise"),subtitle:t("3500"),desc:a("For $20M+ revenue companies",["2+ custom agents/integrations","Up to 30,000 contacts activated","Dedicated Success Manager"]),ctas:[{label:"Get started",url:"",variant:"soft"}]}],menu:[{title:e("GTM Services"),desc:{value:"<p>Add hands-on GTM services on top of your Base Plan. Minimum 4 months. Billed monthly, quarterly, or as a one-time 4-month POC.</p>",size:{initial:"2",sm:"2",lg:"2"}},items:[{title:e("Tier 1"),subtitle:t("3500"),desc:s(["Build GTM Context Layer","Set up all integrations and delivery channels","Map territories and routing rules","Configure suppression lists","Customize Lead scoring model","Set up rules for personalized messages","Set up Signal-based campaigns","Support up to 5 AEs","Bi-Weekly Call + Slack/Teams channel"])},{title:e("Tier 2"),subtitle:t("5500"),desc:s(["Build and configure 1 custom agent/integration","Build segments with enriched data for cold outreach","Support up to 10 AEs","Weekly Calls + Slack/Teams channel"])},{title:e("Tier 3"),subtitle:t("7500"),desc:s(["Build and configure 2+ custom agent/integration","Support 10+ AEs","Weekly Calls + Slack/Teams channel","Quarterly Business Review"])}]},{title:e("Media Services"),desc:{value:"<p>Managed person-based ad campaigns run by the Kwanzoo media team. Billed monthly or quarterly.</p>",size:{initial:"2",sm:"2",lg:"2"}},items:[{title:e("Media Services"),subtitle:t("2000"),desc:s(["Managed person-based ad campaigns","Audience build and refresh from GTM signals","Monthly performance reporting"])}]}]},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},grid:{columns:{initial:"1",sm:"1",lg:"3"},gapX:{initial:"4",sm:"4",lg:"5"},gapY:{initial:"4",sm:"4",lg:"5"}}}}),"meta",0,{title:"Kwanzoo Agentic Pricing",summary:"Kwanzoo plan picker: contract term and billing frequency selectors, live-priced plan cards, GTM Services and Media Services add-on layers, and a confirm-your-plan summary.",detail:"Kwanzoo-only pricing section built from the Kwanzoo pricing mockup. Visitors pick a contract term and a billing frequency (billing can never be less frequent than the term), and every plan card recomputes its monthly price, its 'Save X% vs monthly' badge, the '+20% credits' badge (Annual term + Annual billing) and its monthly credits. Add-on layers sit below the cards with a switch each; the first layer is GTM Services (billed Quarterly, Monthly at +10%, or as a one-time 4-month POC), the second is Media Services (Quarterly or Monthly). A plan's button opens 'Confirm your plan' with itemised rows and the total per month. HAND-OFF: the section CTA (ctas[0]) is the button label and the checkout url; the selection is appended to that url as query params. If a form is connected, the dialog shows the form instead: it submits through the normal form pipeline with the selection riding along (add hidden fields named plan, contractTerm, billingFrequency, basePricePerMonth, creditsPerMonth, gtmServices, gtmServicesBilling, gtmServicesPrice, mediaServices, mediaServicesBilling, mediaServicesPrice, totalPerMonth, pricingSummary to capture it), then redirects to the CTA url when one is set. FIELD CONVENTIONS: each plan is an item: title = plan name, subtitle = base monthly price at Annual/Annual (a plain number, e.g. 1500), desc = a first paragraph with the target line followed by a bullet list of features, ctas[0] = optional per-plan button label/url; variant 'solid' marks the FEATURED plan (accent border, solid button), other plans get a soft button. 'All in {previous plan} plan, plus' is generated automatically for every plan after the first, so list only each plan's extras. Each add-on layer is a Menu entry: title = layer name, desc = layer description, and its Items are the tiers (title = tier name, subtitle = monthly price at Quarterly billing, optionally 'price|credits' to show a services-credits line, desc = bullet list of what the tier includes). Pricing rules (surcharges, credit multipliers, POC length) are fixed in code.",uses:["Kwanzoo pricing page with term and billing selectors","Live-priced plan cards with savings and credit badges","GTM Services and Media Services add-on layers with a plan summary"],status:"wip",gated:!0,version:"0.0.1",slug:"kwanzoo-agentic-pricing",group:"form",tags:["pricing","kwanzoo","plans","billing","contract","add_ons","services","toggle"],fields:{ctx:["subt
2itle","title","desc","ctas","items","itemTitle","itemSubtitle","itemDesc","itemCtas","form","menu","menuItems"],cfg:["section","textsBox","grid"]}}])},307056,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Kwanzoo Free Trial",summary:"Free trial signup section for Kwanzoo SiteStop with Google OAuth and email form.",detail:"Use this section to display a free trial signup form for Kwanzoo SiteStop. Includes Google Sign Up option, sign-in link for existing users, and a customizable form. Not a generic section - it's specifically designed for Kwanzoo's free trial flow.",uses:["Display a free trial signup form with Google OAuth option","Allow existing users to sign in via link","Capture lead information for Kwanzoo SiteStop free trial"],status:"wip",gated:!0,version:"0.0.1",slug:"kwanzoo-free-trial",group:"form",tags:["form","signup","free_trial","oauth","kwanzoo"],fields:{ctx:t.fields.formCtxFields,cfg:t.fields.formCfgFields}};i.s(["defaults",0,()=>(e.Content("default"),{ctx:{title:{value:"14-Day POC (Free)",as:"h2",size:{initial:"6",sm:"7",lg:"8"}},subtitle:{value:"Sign up for Kwanzoo â Free POC",size:{initial:"3",sm:"4",lg:"5"}},desc:{value:"SiteStop by Kwanzoo solves a critical problem for any B2B company, i.e. generating more high quality leads directly from the website. It's really that simple.\n\nWe will provide a tag that you can drop across all pages on your website. Our unique tech converts your anonymous website visitors into Leads that can then be pursued by your SDRs.",size:{initial:"3",sm:"3",lg:"4"}},form:{formId:"pq-form"}},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},width:{initial:"100%",sm:"100%",lg:"100%"}},formBox:{widthForm:{initial:"100%",sm:"50%",lg:"45%"},placeForm:{initial:"column",sm:"row",lg:"row"},gapForm:{initial:"6",sm:"8",lg:"9"},flexAlign:{initial:"center",sm:"start",lg:"start"}}}}),"meta",0,a])},424373,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(236061),a=i.i(272077);let s={title:"Kwanzoo Pricing",summary:"A grid layout for displaying Kwanzoo pricing tiers with customizable features.",detail:"Use this section to display pricing tiers for Kwanzoo. Not a generic sections, it's specifically designed for Kwanzoo's pricing model.",uses:["Display multiple pricing tiers in a structured grid layout.","Highlight features and benefits of each pricing tier.","Allow users to select add-ons and payment frequencies for each tier."],status:"wip",gated:!0,version:"0.0.1",slug:"kwanzoo-pricing",group:"form",tags:["text","grid","text_only","columns","list","information"],fields:{ctx:a.fields.formMediaTextsCtxFields,cfg:a.fields.formCardMediaTextsCfgFields}};i.s(["defaults",0,()=>{let i=e.Content("default"),a=t.Form("travel");return{ctx:{...i,media:a.media,title:{value:a.title,as:"h2",size:{initial:"6",sm:"7",lg:"8"}},subtitle:{value:"Find the best deals for your next trip",size:{initial:"3",sm:"4",lg:"5"}},desc:{value:a.description,size:{initial:"3",sm:"4",lg:"4"}},form:{formId:a.formId},ctas:[{label:"Get Started",url:"#",variant:"solid",target:"#",icon:{svgStr:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>',fallback:""},animateIcon:"move-right",size:{initial:"2",sm:"2",lg:"2"}},{label:"We keep it simple: your info is safe and weâll only reach out about your request.",url:"#",variant:"solid",target:"#"}]},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"100%"}},card:{radius:"medium",bg:{bgColor:"#ffffff"},shadow:"2",size:{initial:"1",sm:"1",lg:"1"},width:{initial:"100%",sm:"100%",lg:"100%"}},formBox:{widthForm:{initial:"100%",sm:"100%",lg:"100%"},placeForm:{initial:"column",sm:"column",lg:"column"}
2,gapForm:{initial:"6",sm:"6",lg:"6"},flexAlign:{initial:"center",sm:"center",lg:"center"}}}}},"meta",0,s])},565329,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Media Card Slider",summary:"Carousel slider of media cards with images or videos and text captions.",detail:"Use this slider section to display multiple media items. Each card contains an image or video with a caption, ideal for showcasing a series of portfolio pieces or product highlights.",uses:["Carousel of project images or product shots","Interactive gallery for multiple media items","Sliding showcase of testimonials or case studies"],status:"wip",version:"0.0.1",slug:"media-card-slider",group:"content",tags:["media","cards","slider","carousel","gallery","interactive"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:[...t.fields.itemMediaCardCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Content("mediaitems"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},justifyCtas:{initial:"start",sm:"start",lg:"start"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{gapItems:{initial:"6",sm:"6",lg:"8"},placeItems:{initial:"column",sm:"column",lg:"column"}},grid:{columns:{initial:"1",sm:"2",lg:"3"},gapX:{initial:"4",sm:"5",lg:"6"},gapY:{initial:"4",sm:"4",lg:"4"}},items:{textsBox:{alignText:{initial:"left",sm:"left",lg:"left"},justify:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"column-reverse",sm:"column-reverse",lg:"column-reverse"},gapMedia:{initial:"2",sm:"2",lg:"2"},flexAlign:{initial:"start",sm:"start",lg:"start"}},card:{size:{initial:"3",sm:"3",lg:"4"},radius:"full",shadow:"0",showBorder:!0,width:{initial:"100%",sm:"100%",lg:"100%"},justifyCard:{initial:"center",sm:"center",lg:"center"},bg:{bgColor:"var(--accent-2)"}}}}}),"meta",0,a])},659230,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Media Carousel",summary:"Draggable carousel of portrait media cards that auto-play videos on hover with mute/unmute controls.",detail:"Use this section to showcase video stories, testimonials, or portrait images in a horizontally draggable carousel. Videos auto-play muted on hover, and viewers can toggle sound. Text overlays fade in on hover with a backdrop blur for legibility. Supports both video embeds and images.",uses:["Video testimonials from customers or team members","Portrait video stories or reels showcase","Interactive media gallery with hover-to-play","Portrait image carousel with text overlays"],status:"wip",version:"0.1.0",slug:"media-carousel",group:"testimonials",tags:["video","carousel","stories","portrait","hover","autoplay","media","image"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:t.fields.itemMediaCardCfgFields.filter(i=>"itemCardLink"!==i)}};i.s(["defaults",0,()=>{let i=e.Content("mediaitems");return{ctx:{...i,items:i.items?.map(i=>({...i,media:i.media?.map(i=>({...i,aspectRatio:9/16}))}
2))},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{gapItems:{initial:"4",sm:"6",lg:"8"},placeItems:{initial:"column",sm:"column",lg:"column"}},grid:{columns:{initial:"2",sm:"3",lg:"4"},gapX:{initial:"3",sm:"4",lg:"5"},gapY:{initial:"3",sm:"3",lg:"3"}},items:{textsBox:{justify:{initial:"end",sm:"end",lg:"end"},alignText:{initial:"left",sm:"left",lg:"left"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"column-reverse",sm:"column-reverse",lg:"column-reverse"},gapMedia:{initial:"2",sm:"2",lg:"2"},flexAlign:{initial:"start",sm:"start",lg:"start"}},card:{size:{initial:"0",sm:"0",lg:"0"},radius:"large",shadow:"0",showBorder:!1,width:{initial:"100%",sm:"100%",lg:"100%"},justifyCard:{initial:"center",sm:"center",lg:"center"},bg:{bgColor:"transparent"}}}}}},"meta",0,a])},266687,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Media Slider Extended",summary:"Media slider with full-bleed images spanning edge-to-edge for a dramatic effect.",detail:"Use this section to showcase images or media in a large, immersive slider. The images extend to the screen edges and slide through, creating a visual experience ideal for portfolios or product showcases.",uses:["Displaying a full-width image carousel","Immersive gallery with edge-to-edge slides","High-impact visual showcase on landing pages"],status:"wip",version:"0.0.1",slug:"media-slider-extended",group:"content",tags:["media","slider","carousel","edge_bleed","full_bleed","gallery"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:[...t.fields.itemMediaCardCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Content("mediaitems"),cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},justifyCtas:{initial:"start",sm:"start",lg:"start"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{gapItems:{initial:"6",sm:"6",lg:"8"},placeItems:{initial:"column",sm:"column",lg:"column"}},grid:{columns:{initial:"1",sm:"2",lg:"3"},gapX:{initial:"4",sm:"5",lg:"6"},gapY:{initial:"4",sm:"4",lg:"4"}},items:{textsBox:{justify:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"column-reverse",sm:"column-reverse",lg:"column-reverse"},gapMedia:{initial:"2",sm:"4",lg:"6"},flexAlign:{initial:"start",sm:"start",lg:"start"}},card:{size:{initial:"2",sm:"2",lg:"2"},radius:"medium",shadow:"1",showBorder:!1,width:{initial:"100%",sm:"100%",lg:"100%"},justifyCard:{initial:"center",sm:"center",lg:"center"},bg:{bgColor:"var(--accent-2)"}}}}}),"meta",0,a])},517661,i=>{"use strict";i.i(452203);var e=i.i(820177),t=i.i(272077);let a={title:"Pq Pricing",summary:"Pricing cards with monthly/annual toggle, animated price transitions, and configurable tiers.",detail:"A PQ-specific pricing section with animated monthly/annual billing toggle, CountUp price transitions, staggered card animations, and feature lists rendered from the description field. Each tier's card highlighting is driven by the CTA variant.",uses:["Display pricing tiers with animated billing toggle.","Highlight a recommended tier with solid CTA variant.","Show feature lists per tier using the description field."],status:"wip",version:"0.0.1",slug:"pq-pricing",group:"form",tags:["pricing","toggle","animated","cards","tiers","monthly","annual"],gated:!1,fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemTxtCtxFields],cfg:t.fields.itemCardCfgFields.filter(i=>"itemCardLink"!==i)}};i.s(["defaults",0,()=>({ctx:{...e.Pricing("default")},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},grid:{columns:{initial:"1",sm:"2",lg:"4"},gapX:{initial:"4",sm:"4",lg:"5"},gapY:{initial:"4",sm:"4",lg:"5"}},items:{textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"}},card:{size:{initial:"3",sm:"3",lg:"3"},radius:"large",shadow:"0",showBorder:!0}}}}),"meta",0,a])},19993,i=>{"use strict";i.i(452203);var e=i.i(820177),t=i.i(272077);let a={title:"Pq Pricing Table",summary:"Feature comparison table with a sticky tier header, featured-column band, and quiet check/cross marks; collapses to a plan switcher on mobile.",detail:"A PQ-specific feature comparison table. Section CTAs define tier columns (variant 'solid' marks the featured column, which gets a Popular pill and a continuous highlight band; a cta url turns the tier name into a link). Items serve as group headers (title only, no ctas) or feature rows (title = name, desc = tooltip, ctas = per-tier values mapped positionally). Cell values use label for text and icon for check/cross indicators; unrecognized icons render as provided. Below md, a sticky segmented control switches between plans and descriptions render inl
2ine. The featured pill text comes from ctx.subtitle (default 'Popular'), which the header block does not otherwise render.",uses:["Compare features across pricing tiers in a structured table.","Highlight a popular tier column using CTA variant.","Show tooltips for feature descriptions."],status:"wip",version:"0.0.1",slug:"pq-pricing-table",group:"form",tags:["pricing","comparison","table","features","tiers","sticky","accordion"],gated:!1,fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemTxtCtxFields],cfg:t.fields.itemTxtCfgFields}};i.s(["defaults",0,()=>({ctx:{...e.Pricing("comparisonTable")},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}}}}),"meta",0,a])},12099,i=>{"use strict";i.i(452203);var e=i.i(607043),t=i.i(272077);let a={title:"Simple Header",summary:"Minimalistic site header featuring only the essential logo and navigation links.",detail:"Use this header for websites that favor a clean, simple top navigation without extra content. It provides a basic site identity (logo) and menu, ideal for modern, uncluttered designs that focus on core navigation.",uses:["Basic website header with logo and nav","Clean top navigation for minimal design","Simple site branding without extra elements"],status:"wip",version:"0.0.1",slug:"simple-header",group:"header",tags:["header","simple","navigation","minimalist","logo"],fields:{ctx:t.fields.navCtxFields,cfg:[...t.fields.megaNavCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Header("default"),cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"1",sm:"1",lg:"1"}},textsBox:{width:{initial:"100%",sm:"100%",lg:"100%"},justify:{initial:"center",sm:"center",lg:"center"},flexAlign:{initial:"start",sm:"start",lg:"start"},gapTexts:{initial:"2",sm:"4",lg:"8"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"4",lg:"4"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"}},logoBox:{widthLogo:{initial:"40px",sm:"40px",lg:"40px"},heightLogo:{initial:"40px",sm:"40px",lg:"40px"},flexAlign:{initial:"center",sm:"center",lg:"center"},placeLogo:{initial:"row",sm:"row",lg:"row"},gapLogo:{initial:"1",sm:"1",lg:"1"},flexJustify:{initial:"center",sm:"center",lg:"center"}}}}),"meta",0,a])},625424,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Sticky Features",summary:"Split layout with scrolling text and sticky cross-fading media for feature showcases.",detail:"Use this section to present features with a split layout where text items scroll naturally while the accompanying media stays fixed and cross-fades between items. Ideal for product walkthroughs and feature highlights.",uses:["Product feature walkthroughs with fixed media","Split-screen storytelling with cross-fading images","Scroll-driven feature reveals with sticky media"],status:"wip",version:"0.0.1",slug:"sticky-features",group:"features",tags:["features","sticky","scroll","media","split_layout","cross_fade"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:["mediaBox",...t.fields.itemMediaCfgFields]}};i.s(["defaults",0,()=>{let i=e.Content("mediaitems");return{ctx:{...i,items:i.items?.map(i=>({...i,media:i.media?.map(i=>({...i,aspectRatio:5/4}))})).slice(0,3)},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},mediaBox:{placeMedia:{initial:"column",sm:"row",lg:"row"},widthMedia:{initial:"100%",sm:"50%",lg:"50%"},gapMedia:{initial:"6",sm:"8",lg:"8"},flexAlign:{initial:"start",sm:"start",lg:"start"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"}
2,gapItems:{initial:"6",sm:"6",lg:"8"}},grid:{columns:{initial:"1",sm:"1",lg:"1"},gapX:{initial:"4",sm:"4",lg:"4"},gapY:{initial:"4",sm:"4",lg:"4"}},items:{textsBox:{alignText:{initial:"left",sm:"left",lg:"left"},flexAlign:{initial:"start",sm:"start",lg:"start"},justify:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"column",sm:"column",lg:"column"},widthMedia:{initial:"100%",sm:"100%",lg:"100%"},gapMedia:{initial:"0",sm:"0",lg:"0"},flexAlign:{initial:"center",sm:"center",lg:"center"}}}}}},"meta",0,a])},188765,i=>{"use strict";i.i(452203);var e=i.i(127561),t=i.i(272077);let a={title:"Tabbed Benchmark",summary:"Tabbed horizontal bar chart for benchmark comparisons with animated progress bars.",detail:"Use this section to showcase benchmark results, performance comparisons, or stats in a tabbed bar chart format. Each tab reveals animated horizontal bars with labels, percentages, and a description. CTA variant controls bar color â solid for accent, others for gray.",uses:["Displaying benchmark comparisons across categories","Showcasing product performance metrics","Interactive stats or leaderboard presentations"],status:"wip",version:"0.0.1",slug:"tabbed-benchmark",group:"stats",tags:["benchmark","tabs","chart","comparison","stats","interactive","bar-chart"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemIconCtxFields],cfg:[...t.fields.itemIconCfgFields]}};i.s(["defaults",0,()=>{let i=e.Stats("benchmark");return{ctx:{...i,items:i.items},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"},gapItems:{initial:"4",sm:"5",lg:"6"}},grid:{columns:{initial:"1",sm:"1",lg:"1"},gapX:{initial:"3",sm:"4",lg:"4"},gapY:{initial:"3",sm:"4",lg:"4"}},items:{textsBox:{alignText:{initial:"center",sm:"center",lg:"center"},flexAlign:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"2",sm:"2",lg:"2"},flexAlign:{initial:"center",sm:"center",lg:"center"}}}}}},"meta",0,a])},317372,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(272077);let a={title:"Tabbed Feature Panel",summary:"Chip tabs switching one feature panel: eyebrow and title top left, description anchored to the bottom, media beside them in a shared card.",detail:"Use this section for interactive feature walkthroughs in the style of modern SaaS homepages: a row of chip tabs (one per item, labeled by the item title) switches a single panel card. Inside the panel, the item subtitle renders as an eyebrow above the title at the top, the description sits anchored to the bottom of the text column with the item CTAs below it, and the media fills the other column, its aspect ratio driving the panel height. The panel chrome (border, background, radius, padding) comes from the single card config; the item media config controls the media column width, gap, and placement (right, left, or stacked). With the card set clickable, the whole panel links to the active itemâs first CTA via the standard stretched-link overlay.",uses:["Interactive product feature tabs with one large showcase panel","Use-case walkthroughs where each tab swaps title, copy, and media","Homepage capability switchers in the Attio and Linear style"],status:"wip",version:"0.0.1",slug:"tabbed-feature-panel",group:"features",tags:["features","tabs","chips","panel","showcase","interactive","media"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:["card","cardLink",...t.fields.itemMediaCfgFields.filter(i=>"grid"!==i)]}},s=[{subtitle:"Pipeline",title:"Sales pipeline",desc:"Stages, forecasts, and win rates, all tracked in one place."},{subtitle:"Revenue",title:"Revenue metrics",desc:"Monitor pipeline health, conversion rates, and revenue trends."},{subtitle:"Growth",title:"Product growth",desc:"See activation, retention, and expansion at a glance."}];i.s(["defaults",0,()=>{let i=e.Content("mediaitems"),t=i.items?.[0]?.media;
2return{ctx:{subtitle:{value:"Features",size:{initial:"1",sm:"1",lg:"2"},weight:{initial:"bold",sm:"bold",lg:"bold"},color:"var(--accent-11)",className:"mb-4 uppercase"},title:{value:"One platform, every workflow",as:"h2",size:{initial:"6",sm:"7",lg:"7"},weight:{initial:"bold",sm:"bold",lg:"bold"},wrap:{initial:"pretty",sm:"pretty",lg:"pretty"}},desc:{value:"Switch between the workflows your team runs every day.",size:{initial:"2",sm:"3",lg:"3"},wrap:{initial:"pretty",sm:"pretty",lg:"pretty"}},ctas:i.ctas,items:s.map(i=>({subtitle:{value:i.subtitle,size:{initial:"1",sm:"2",lg:"2"},weight:{initial:"medium",sm:"medium",lg:"medium"},color:"var(--accent-11)",className:"uppercase"},title:{value:i.title,as:"h3",size:{initial:"5",sm:"6",lg:"6"},weight:{initial:"bold",sm:"bold",lg:"bold"},wrap:{initial:"pretty",sm:"pretty",lg:"pretty"}},desc:{value:i.desc,size:{initial:"2",sm:"3",lg:"3"},wrap:{initial:"pretty",sm:"pretty",lg:"pretty"}},ctas:[{label:"Learn more",url:"#"}],media:t?.map(i=>({...i,aspectRatio:1.6,radius:"medium"}))}))},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"3",lg:"4"}},textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},justifyCtas:{initial:"start",sm:"start",lg:"start"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"60%"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"},gapItems:{initial:"5",sm:"6",lg:"6"}},card:{showBorder:!0,border:{width:"1"},radius:"large",size:{initial:"3",sm:"4",lg:"4"},width:{initial:"100%",sm:"100%",lg:"100%"}},items:{textsBox:{alignText:{initial:"left",sm:"left",lg:"left"},flexAlign:{initial:"start",sm:"start",lg:"start"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"column",sm:"row",lg:"row"},widthMedia:{initial:"100%",sm:"55%",lg:"60%"},gapMedia:{initial:"5",sm:"7",lg:"8"},flexAlign:{initial:"start",sm:"start",lg:"start"}}}}}},"meta",0,a])},708081,i=>{"use strict";i.i(452203);var e=i.i(974865),t=i.i(272077);let a={title:"Tabbed Showcase",summary:"Tabbed feature showcase with animated media transitions and responsive tab bar.",detail:"Use this section to present product features or capabilities in a tabbed interface. Each tab displays an icon and label, and selecting a tab reveals the corresponding media and description with smooth animations. On mobile, inactive tabs collapse to icon-only for a compact layout.",uses:["Showcasing multiple product features with visual demos","Tabbed interface for capability walkthroughs","Interactive feature presentations with media transitions"],status:"wip",version:"0.0.1",slug:"tabbed-showcase",group:"features",tags:["features","tabs","interactive","media","showcase","icons","responsive"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemIconMediaCtxFields],cfg:["itemsBox","grid",...t.fields.itemIconMediaCardCfgFields]}};i.s(["defaults",0,()=>{let i=e.Features("tabbedShowcase");return{ctx:{...i,items:i.items},cfg:{section:{hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"},gapItems:{initial:"4",sm:"5",lg:"6"}},grid:{columns:{initial:"1",sm:"1",lg:"1"},gapX:{initial:"3",sm:"4",lg:"4"},gapY:{initial:"3",sm:"4",lg:"4"}},items:{card:{size:{initial:"2",sm:"2",lg:"2"},width:{initial:"100%",sm:"100%",lg:"100%"},radius:"large",shadow:"2",showBorder:!1},textsBox:{alignText:{initial:"center",sm:"center",lg:"center"},flexAlign:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"2",sm:"2",lg:"2"},flexAlign:{initial:"center",sm:"center",lg:"center"}},mediaBox:{widthMedia:{initial:"100%",sm:"100%",lg:"100%"},placeMedia:{initial:"column",sm:"column",lg:"column"},gapMedia:{initial:"4",sm:"5",lg:"6"},flexAlign:{initial:"center",sm:"center",lg:"center"}}}}}},"meta",0,a])},582123,i=>{"use strict";i.i(452203);var e=i.i(498771),t=i.i(272077);let a={title:"Testimonial Brand Tabs",summary:"Single testimonial card with a brand logo tab str
2ip to switch between customer quotes.",detail:"Use this section to present one testimonial at a time inside a clean card, headed by the customer company logo and closed with the author photo, name, and role. A logo tab strip below the card lets visitors switch between customers, with the active brand marked by an accent indicator line.",uses:["Rotating customer quotes behind recognizable brand logos","Social proof sections focused on one strong quote at a time","Case-study style testimonials switched by company"],status:"wip",version:"0.0.1",slug:"testimonial-brand-tabs",group:"testimonials",tags:["testimonial","testimonials","logos","tabs","brand","social_proof","interactive"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemIconMediaCtxFields],cfg:[...t.fields.itemIconMediaCardCfgFields]}};i.s(["defaults",0,()=>{let i=e.Testimonials("brandTabs");return{ctx:{...i,items:i.items},cfg:{section:{bg:{bgColor:"var(--gray-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"80%",lg:"70%"}},itemsBox:{placeItems:{initial:"column",sm:"column",lg:"column"},gapItems:{initial:"4",sm:"4",lg:"5"}},items:{card:{size:{initial:"2",sm:"3",lg:"4"},radius:"large",shadow:"2",showBorder:!1,width:{initial:"100%",sm:"100%",lg:"768px"},bg:{bgColor:"#fff"}},textsBox:{alignText:{initial:"left",sm:"left",lg:"left"},flexAlign:{initial:"start",sm:"start",lg:"start"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},flexAlign:{initial:"start",sm:"start",lg:"start"},gapMedia:{initial:"2",sm:"2",lg:"2"},widthMedia:{initial:"96px",sm:"110px",lg:"120px"}},iconBox:{placeMedia:{initial:"row",sm:"row",lg:"row"},gapMedia:{initial:"3",sm:"3",lg:"3"},flexAlign:{initial:"center",sm:"center",lg:"center"}}}}}},"meta",0,a])},270259,i=>{"use strict";i.i(452203);var e=i.i(498771),t=i.i(272077);let a={title:"Testimonial Card Slider",summary:"Slider of testimonial cards cycling through customer quotes and reviews.",detail:"Use this slider to display multiple testimonials in a compact space. It shows one testimonial at a time on a card with the quote and customer name, letting users flip through multiple stories interactively.",uses:["Showing many customer testimonials in a slider","Saving space by cycling through feedback","Interactive testimonials section with multiple quotes"],status:"wip",version:"0.0.1",slug:"testimonial-card-slider",group:"testimonials",tags:["testimonial","testimonials","slider","carousel","cards","feedback"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:[...t.fields.itemMediaCardCfgFields]}};i.s(["defaults",0,()=>({ctx:e.Testimonials("multipleItems"),cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"start",sm:"start",lg:"start"},justify:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"left",lg:"left"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{gapItems:{initial:"4",sm:"4",lg:"2"},placeItems:{initial:"column",sm:"column",lg:"column"}},items:{textsBox:{justify:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"column-reverse",sm:"column-reverse",lg:"row-reverse"},gapMedia:{initial:"5",sm:"5",lg:"6"},flexAlign:{initial:"start",sm:"start",lg:"center"},widthMedia:{initial:"20%",sm:"20%",lg:"25%"}},card:{size:{initial:"1",sm:"2",lg:"3"},radius:"large",shadow:"3",showBorder:!1,width:{initial:"100%",sm:"100%",lg:"100%"},justifyCard:{initial:"center",sm:"center",lg:"center"},bg:{bgColor:"#fff"}}}}}),"meta",0,a])},292154,i=>{"use strict";i.i(452203);var e=i.i(498771),t=i.i(272077);let a={title:"Testimonials With Logos",summary:"Testimonial section showcasing customer quotes alongside their company logos.",detail:"Use this testimonial section to build trust by pairing customer testimonials with their company logos. Each testimonial includes a customer quote alongside the logo of their organization, reinfor
2cing credibility.",uses:["Highlighting client testimonials with brand logos","Showing customer feedback along with company branding","Building trust by linking quotes to recognizable logos"],status:"wip",version:"0.0.1",slug:"testimonials-with-logos",group:"testimonials",tags:["testimonial","testimonials","logos","client_feedback","brand","social_proof"],fields:{ctx:[...t.fields.txtCtxFields,...t.fields.itemMediaCtxFields],cfg:t.fields.itemMediaCardCfgFields.filter(i=>"itemCardLink"!==i)}};i.s(["defaults",0,()=>({ctx:e.Testimonials("multipleItems"),cfg:{section:{bg:{bgColor:"var(--accent-2)"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"start",sm:"center",lg:"center"},justify:{initial:"start",sm:"start",lg:"start"},alignText:{initial:"left",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"70%"}},itemsBox:{gapItems:{initial:"4",sm:"4",lg:"2"},placeItems:{initial:"column",sm:"column",lg:"column"}},items:{textsBox:{justify:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"100%",lg:"100%"}},mediaBox:{placeMedia:{initial:"column-reverse",sm:"column-reverse",lg:"row-reverse"},gapMedia:{initial:"5",sm:"5",lg:"6"},flexAlign:{initial:"start",sm:"start",lg:"center"},widthMedia:{initial:"20%",sm:"20%",lg:"25%"}},card:{size:{initial:"1",sm:"2",lg:"3"},radius:"large",shadow:"3",showBorder:!1,width:{initial:"100%",sm:"100%",lg:"100%"},justifyCard:{initial:"center",sm:"center",lg:"center"},bg:{bgColor:"#fff"}}}}}),"meta",0,a])},483387,i=>{"use strict";i.i(452203);var e=i.i(44525),t=i.i(236061),a=i.i(272077);let s={title:"Travel Quote Form",summary:"Multi-step booking form for travel, collecting trip details and passenger info.",detail:"Use this multi-step form on travel booking pages to collect trip information in stages. It's designed for flight or tour bookings, letting users enter travel details, personal information, and preferences step by step.",uses:["Travel website booking or quote forms","Collecting flight itinerary and traveler details","Multi-step sign-up for tours or trips"],status:"wip",gated:!0,version:"0.0.1",slug:"travel-quote-form",group:"form",tags:["form","travel","flight","booking","multi_step","quote"],fields:{ctx:a.fields.formMediaTextsCtxFields,cfg:a.fields.formCardMediaTextsCfgFields}};i.s(["defaults",0,()=>{let i=e.Content("default"),a=t.Form("travel");return{ctx:{...i,media:a.media,title:{value:a.title,as:"h2",size:{initial:"6",sm:"7",lg:"8"}},subtitle:{value:"Find the best deals for your next trip",size:{initial:"3",sm:"4",lg:"5"}},desc:{value:a.description,size:{initial:"3",sm:"4",lg:"4"}},form:{formId:a.formId},ctas:[{label:"Get Started",url:"#",variant:"solid",target:"#",icon:{svgStr:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>',fallback:""},animateIcon:"move-right",size:{initial:"2",sm:"2",lg:"2"}},{label:"We keep it simple: your info is safe and weâll only reach out about your request.",url:"#",variant:"solid",target:"#"}]},cfg:{section:{bg:{bgColor:"#131F7B"},hSize:{initial:"2",sm:"3",lg:"4"},vSize:{initial:"2",sm:"2",lg:"3"}},textsBox:{flexAlign:{initial:"center",sm:"center",lg:"center"},alignText:{initial:"center",sm:"center",lg:"center"},justifyCtas:{initial:"center",sm:"center",lg:"center"},gapCtas:{initial:"2",sm:"2",lg:"3"},placeCtas:{initial:"row",sm:"row",lg:"row"},flexAlignCtas:{initial:"center",sm:"center",lg:"center"},width:{initial:"100%",sm:"70%",lg:"100%"}},card:{radius:"medium",bg:{bgColor:"#ffffff"},shadow:"2",size:{initial:"1",sm:"1",lg:"1"},width:{initial:"100%",sm:"100%",lg:"100%"}},formBox:{widthForm:{initial:"100%",sm:"100%",lg:"100%"},placeForm:{initial:"column",sm:"column",lg:"column"},gapForm:{initial:"6",sm:"6",lg:"6"},flexAlign:{initial:"center",sm:"center",lg:"center"}}}}},"meta",0,s])}]); 3 4//# debugId=1f4b3bd4-91d4-83a1-858a-c803ff767624 5//# chunkId=01a0bbe5-9c5e-73d0-8594-9a9093d6ba86
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.