ComponentsProblem
Your startup fixes a problem for customers. But what happens if they don't buy your product?
This section explains the consequences of not taking care of the problem your startup promises to fix.
It goes under your Hero section, and above your Features section. A crucial, yet overlooked, component for a landing page that sells.
/app/page.tsx
1import Problem from "@/components/Problem";
2
3export default function Home() {
4 return (
5 <>
6 <main>
7 <Problem />
8 </main>
9 </>
10 );
11}
Tips
- Your
<Hero />
section should make a promise to the customer: "Our product helps you solve problem XYZ". - This Problem section explains what happens to the customer if the problem isn't solved.
- The copy should NEVER mention your product. Instead, it should dig the emotional outcome of not fixing a problem.