<section class="features" aria-label="features" data-theme="light">
<div class="container">
<hgroup>
<h2>Launch Pages. Instantly.</h2>
<p>
Vona offers a collection of ready-made, minimalist UI blocks built for
fast, no-fuss landing pages. Drop them into your HTML and focus on your
product—not your CSS.
</p>
</hgroup>
<div class="grid">
<article>
<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"
>
<path d="m16 18 6-6-6-6" />
<path d="m8 6-6 6 6 6" />
</svg>
<h4>Prebuilt</h4>
<p>
Well-designed building blocks you can mix, match, and customize in
seconds.
</p>
</article>
<article>
<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"
>
<rect width="7" height="7" x="14" y="3" rx="1" />
<path
d="M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3"
/>
</svg>
<h4>Simple</h4>
<p>
Just copy the markup and you're live. Perfect for makers and
early-stage projects.
</p>
</article>
<article>
<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"
>
<path
d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"
/>
</svg>
<h4>Lightweight</h4>
<p>
Minimal and class-light. Built to complement Pico while keeping your
pages fast.
</p>
</article>
</div>
</div>
</section>