Features List Component
page.tsx
import FeaturesList from "@/components/marketing/FeaturesList";
page.tsx
<FeaturesList
heading="Lorem ipsum dolor sit amet"
description="Lorem ipsum dolor sit amet consectetur adipisicing elit."
features={featuresList}
sectionTitle="Lorem, ipsum dolor."
/>
Description Clarity: Make each feature’s value proposition clear
// ❌ Bad Example - Technical description
{
title: "WebSocket Integration",
description: "Uses WebSocket protocol for real-time data"
}
// ✅ Good Example - Value-focused description
{
title: "Real-Time Updates",
description: "See changes instantly without refreshing the page"
}
Section Organization: Use clear section titles to guide users
// ❌ Bad Example - Vague section title
sectionTitle = "More Features";
// ✅ Good Example - Specific section title
sectionTitle = "Developer Tools & Integration";