page marketingTemplate {
 state bag: number = 0
 view {<nav class="example-toolbar"><a href="/templates">← All templates</a><a href="#example-source">View code</a></nav> <main style="max-width:72rem;margin:3rem auto;padding:2rem;display:grid;gap:1.5rem"><h1>Make room for your best work.</h1><p>One calm workspace for projects, notes, and the people behind them.</p><Button label="Explore the workspace" href="/preview/workspace" /><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.25rem"><Card title="Plan together" description="Turn your next idea into clear, shared priorities." /><Card title="Stay focused" description="Keep tasks, notes, and decisions in one place." /><Card title="Grow naturally" description="Start with your team. Add more space when you need it." /></div><Card title="Team plan" description="Everything your team needs to get started." footer="$19 / member / month" actionLabel="Get started" actionHref="/preview/sign-in" /></main> <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 marketingTemplate <span>&#123;</span>
 state bag: number = 0
 view <span>&#123;</span> &lt;main style="max-width:72rem;margin:3rem auto;padding:2rem;display:grid;gap:1.5rem"&gt;&lt;h1&gt;Make room for your best work.&lt;/h1&gt;&lt;p&gt;One calm workspace for projects, notes, and the people behind them.&lt;/p&gt;&lt;Button label="Explore the workspace" href="/preview/workspace" /&gt;&lt;div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.25rem"&gt;&lt;Card title="Plan together" description="Turn your next idea into clear, shared priorities." /&gt;&lt;Card title="Stay focused" description="Keep tasks, notes, and decisions in one place." /&gt;&lt;Card title="Grow naturally" description="Start with your team. Add more space when you need it." /&gt;&lt;/div&gt;&lt;Card title="Team plan" description="Everything your team needs to get started." footer="$19 / member / month" actionLabel="Get started" actionHref="/preview/sign-in" /&gt;&lt;/main&gt; <span>&#125;</span>
<span>&#125;</span></code></pre></section> } }