Problem

A section that agitates the pain your product solves — the consequences of NOT using your product.

Usage

import Problem from "@/components/Problem";

<Problem />

Purpose

This section follows the Hero. Its job is to make the visitor feel the cost of their current situation before presenting your solution.

Copywriting Tips

• List the frustrations, time losses, and costs your target customer faces today
• Be specific — "Wasting 3 hours on auth setup" beats "Wasting time"
• Create emotional resonance before the solution reveal
• Typically 3 pain points with icons or emoji

Page Position

Standard landing page order:

Hero → Problem → Features → Pricing → FAQ → CTA

The Problem section should immediately follow Hero.

See Also

• Hero Component
• CTA Component
• Ship in 5 Minutes