Skip to content

Features Accordion

An accordion-style features section where clicking a feature reveals its description and an image.

Usage

javascript
import FeaturesAccordion from "@/components/FeaturesAccordion";

<FeaturesAccordion />

Other Feature Components

ShipFast includes three feature display variants:

ComponentStyle
FeaturesAccordionClick to expand — shows image on expand
FeaturesListicleVertical list with icons and descriptions
FeaturesGridGrid layout with icon cards

Import any of them from @/components/[Name].

Customization

Edit the features array in the component file. Each feature typically includes:

  • title — Feature name
  • description — Short explanation
  • icon — Emoji or SVG icon
  • image — Screenshot or illustration (optional)

Copywriting Tips

  • Lead with the benefit, not the feature name: "Never lose a customer" beats "CRM integration"
  • Use the accordion variant when you have images to show per feature
  • Use the listicle when features are self-explanatory with short copy

See Also