ComponentsFeatures List

Features List Component

FeaturesList Component Preview

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";