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.

A Problem component for ShipFast boilerplate


1import Problem from "@/components/Problem";


  • Your <Hero /> section should make a promise to the customer: "Our product helps you solve problem XYZ".
  • This Problem Agitation section section explains what happens to the customer if its problem isn't solved.
  • The copy should NEVER mention your product. Instead, it should dig the emotional outcome of not fixing a problem.

Updated on: Thursday, December 21, 2023

Looking for UI-only components like buttons, inputs, etc? It's all available with daisyUI. See this guide for more info.