<section class="features" aria-label="features" data-theme="light">
<hgroup>
<h2>Launch Pages<mark>.</mark> Instantly<mark>.</mark></h2>
<p>
Vona offers a collection of ready-made and minimalist UI blocks built for
landing pages. Just drop them into your HTML.
</p>
</hgroup>
<div class="features__grid grid">
<article class="features__item">
<svg
class="features__icon"
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>
<h3>Prebuilt</h3>
<p>
From hero sections to feature lists, Vona gives you well-designed
building blocks. No design skills required.
</p>
</article>
<article class="features__item">
<svg
class="features__icon"
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>
<h3>Simple</h3>
<p>
No bundlers, no setup, no friction. Just copy the markup and you're
live. Perfect for makers, hackers, and early-stage projects.
</p>
</article>
<article class="features__item">
<svg
class="features__icon"
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>
<h3>Lightweight</h3>
<p>
Vona stays out of your way. It's minimal, class-light, and built to
complement Pico—not replicate it. Your HTML stays readable and your
pages stay fast.
</p>
</article>
</div>
</section>