page FooterBlock {
 layout = "gallery"
 
 seo { title = "Footer block" }
 view { <header class="docs-intro"><a href="/block-library">← All blocks</a><h1>Footer</h1><p>A ready-to-use section. Copy the complete example below.</p></header><section class="block-live-preview"><Footer size="default" label="Footer" items='[{"type":"header","label":"Product","description":"Build consistent interfaces with WRNexusJS.","items":[{"label":"Components","href":"/base"},{"label":"Themes","href":"/themes"},{"label":"Examples","href":"/blocks"}]},{"type":"header","label":"Developers","items":[{"label":"Documentation","href":"/docs"},{"label":"Installation","href":"/installation"},{"label":"Framework guides","href":"/framework-guides"}]},{"type":"header","label":"Resources","items":[{"label":"Accessibility","href":"/accessibility"},{"label":"Design tokens","href":"/colors"},{"label":"Typography","href":"/fonts"}]},{"type":"header","label":"Company","items":[{"label":"WorkRoot","href":"https://workroot.in","external":true},{"label":"WRNexusJS","href":"https://wrnexusjs.dev","external":true}]}]' columns="4" maxWidth="wide" mobileColumns="2" copyright="© 2026 WRNexusJS. All rights reserved." class="showcase-instance showcase-instance--1" /></section><section class="example-code-panel"><header><h2>Copy this example</h2><button type="button" data-copy-target="#example-source">Copy code</button></header><pre><code id="example-source">page FooterExample <span>&#123;</span>
  view <span>&#123;</span>
    &lt;Footer size="default" label="Footer" items='[<span>&#123;</span>"type":"header","label":"Product","description":"Build consistent interfaces with WRNexusJS.","items":[<span>&#123;</span>"label":"Components","href":"/base"<span>&#125;</span>,<span>&#123;</span>"label":"Themes","href":"/themes"<span>&#125;</span>,<span>&#123;</span>"label":"Examples","href":"/blocks"<span>&#125;</span>]<span>&#125;</span>,<span>&#123;</span>"type":"header","label":"Developers","items":[<span>&#123;</span>"label":"Documentation","href":"/docs"<span>&#125;</span>,<span>&#123;</span>"label":"Installation","href":"/installation"<span>&#125;</span>,<span>&#123;</span>"label":"Framework guides","href":"/framework-guides"<span>&#125;</span>]<span>&#125;</span>,<span>&#123;</span>"type":"header","label":"Resources","items":[<span>&#123;</span>"label":"Accessibility","href":"/accessibility"<span>&#125;</span>,<span>&#123;</span>"label":"Design tokens","href":"/colors"<span>&#125;</span>,<span>&#123;</span>"label":"Typography","href":"/fonts"<span>&#125;</span>]<span>&#125;</span>,<span>&#123;</span>"type":"header","label":"Company","items":[<span>&#123;</span>"label":"WorkRoot","href":"https://workroot.in","external":true<span>&#125;</span>,<span>&#123;</span>"label":"WRNexusJS","href":"https://wrnexusjs.dev","external":true<span>&#125;</span>]<span>&#125;</span>]' columns="4" maxWidth="wide" mobileColumns="2" copyright="© 2026 WRNexusJS. All rights reserved." class="showcase-instance showcase-instance--1" /&gt;
  <span>&#125;</span>
<span>&#125;</span></code></pre></section> }
}