Skip to main content
Features component preview

​
Edit Features

Open /components/Features.tsx: 
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

<h2>Why Choose shipfast.so</h2>
<p>All these features are already configured...</p>

​
Choose Icons

Browse icons at lucide.dev, then import: 
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.
Lead with action verbs: “Accept payments” not “Payment processing”
One sentence max per description. If you need more, the feature is too complex.
Don’t list every tiny feature. Pick the 6-9 that matter most to buyers.