Component Preview

Below is a small preview of what the ProblemStatement component looks like in the application.

ProblemStatement Component Preview

ProblemStatement Component

The ProblemStatement component is a premade component from the boilerplate that works out of the box. It is designed to present the key challenges or pain points that your product or service addresses, making it an essential section of any landing page.

Usage Example

You can use the ProblemStatement component to outline the main problems your product solves. Below is a simple example of how to include it in your layout:

Home.tsx
import ProblemStatement from "@/components/LandingPage/ProblemStatement"

export default function Home() {
  return (
    <div>
      <ProblemStatement />
      {/* Other components and content */}
    </div>
  )
}