> ## Documentation Index
> Fetch the complete documentation index at: https://shipfast.so/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Features

> Grid showcasing your product's key capabilities

<img src="https://mintcdn.com/shipfastso/-9P87iaUtQEkQp6B/images/features-preview.png?fit=max&auto=format&n=-9P87iaUtQEkQp6B&q=85&s=d46d291951974c2d43c9b70304c9d000" alt="Features component preview" className="rounded-lg border mb-6" title="" width="2272" height="1521" data-path="images/features-preview.png" />

## Edit Features

Open `/components/Features.tsx`:

```tsx theme={null}
const features: Feature[] = [
  {
    title: "Authentication",
    icon: <ShieldUser size={44} />,
    description: "Get users signing up and logging in. Auth0 handles everything securely.",
  },
  {
    title: "Payments",
    icon: <BadgeDollarSign size={44} />,
    description: "Accept subscriptions with Stripe. Get paid in minutes.",
  },
  // Add more features...
]
```

Add or remove features as needed.

***

## Change Section Heading

```tsx theme={null}
<h2>Why Choose shipfast.so</h2>
<p>All these features are already configured...</p>
```

***

## Choose Icons

Browse icons at [lucide.dev](https://lucide.dev), then import:

```tsx theme={null}
import { ShieldUser, BadgeDollarSign, Mail } from "lucide-react";
```

***

## How Many Features?

**Best: 6-9 features** - Fills the grid nicely

* Too few (3-4): Looks empty
* Too many (12+): Overwhelming

Focus on what makes you different, not basic stuff everyone has.

***

<Tip>
  Lead with action verbs: "Accept payments" not "Payment processing"
</Tip>

<Tip>
  One sentence max per description. If you need more, the feature is too complex.
</Tip>

<Warning>
  Don't list every tiny feature. Pick the 6-9 that matter most to buyers.
</Warning>