Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "features"
title: "Features 1"
description: "A complete set of tools designed to streamline your workflow and help your team ship with confidence."
---

```astro live props={{ name: 'features-1' }}
---
import Features1Block from "@/components/blocks/features-1.astro"
---

<Features1Block
  title="Everything you need to build faster"
  description="A complete set of tools designed to streamline your workflow and help your team ship with confidence."
  buttons={[
    { label: "Get started", href: "#" },
    { label: "Learn more", href: "#", variant: "outline" },
  ]}
  features={[
    {
      icon: "zap",
      title: "Lightning fast",
      description:
        "Optimized for speed at every layer. Pages load instantly and interactions feel native.",
      linkText: "Learn more",
      href: "#",
    },
    {
      icon: "layers",
      title: "Composable sections",
      description:
        "Build pages from pre-designed sections that snap together and stay consistent.",
      linkText: "View sections",
      href: "#",
    },
    {
      icon: "palette",
      title: "Token-driven theming",
      description:
        "Swap color palettes, typography, and spacing through a single token file.",
      linkText: "Explore themes",
      href: "#",
    },
    {
      icon: "code",
      title: "Developer friendly",
      description:
        "Clean APIs, typed props, and predictable patterns that scale with your codebase.",
      linkText: "Read the docs",
      href: "#",
    },
  ]}
/>
```