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

---
type: block
category: "features"
title: "Features 4"
description: "A sticky sidebar layout that keeps your headline visible while users explore feature cards at their own pace."
---

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

<Features4Block
  title="Why teams choose our platform"
  description="A sticky sidebar layout that keeps your headline visible while users explore feature cards at their own pace."
  buttons={[
    { label: "Get started", href: "#" },
    { label: "View docs", href: "#", variant: "outline" },
  ]}
  features={[
    {
      icon: "layers",
      title: "Composable architecture",
      description:
        "Build pages from pre-designed sections that snap together. Mix and match hero, features, pricing, and CTA blocks.",
      linkText: "Learn more",
      href: "#",
    },
    {
      icon: "shield",
      title: "Type-safe props",
      description:
        "Every component ships with TypeScript interfaces so your editor catches mistakes before the browser does.",
      linkText: "See examples",
      href: "#",
    },
    {
      icon: "rocket",
      title: "Zero JS by default",
      description:
        "Server-rendered Astro components mean no client bundle. Add interactivity only where you need it.",
      linkText: "Read the docs",
      href: "#",
    },
    {
      icon: "code",
      title: "Fulldev powered",
      description:
        "Install individual components through the shadcn CLI and the @fulldev registry. No monolithic dependency to manage.",
      linkText: "Browse components",
      href: "#",
    },
  ]}
/>
```