Benefits, Value Props & ROI
Benefit, value proposition, and ROI components for showcasing product value with visual previews for all components.
import { ... } from "@/components/blocks/benefits"BenefitGrid2Col
ProImport BenefitGrid2Col from @/components/blocks/benefits
BenefitGrid3Col
ProImport BenefitGrid3Col from @/components/blocks/benefits
BenefitGrid4Col
ProImport BenefitGrid4Col from @/components/blocks/benefits
BenefitCards
ProImport BenefitCards from @/components/blocks/benefits
BenefitCardsDetailed
ProImport BenefitCardsDetailed from @/components/blocks/benefits
BenefitList
ProImport BenefitList from @/components/blocks/benefits
BenefitListIcons
ProImport BenefitListIcons from @/components/blocks/benefits
BenefitAlternating
ProImport BenefitAlternating from @/components/blocks/benefits
BenefitZigzag
ProImport BenefitZigzag from @/components/blocks/benefits
BenefitShowcase
ProImport BenefitShowcase from @/components/blocks/benefits
BenefitHighlight
ProImport BenefitHighlight from @/components/blocks/benefits
BenefitComparison
ProImport BenefitComparison from @/components/blocks/benefits
BenefitVsCompetitor
ProImport BenefitVsCompetitor from @/components/blocks/benefits
BenefitWithStats
ProImport BenefitWithStats from @/components/blocks/benefits
BenefitWithProof
ProImport BenefitWithProof from @/components/blocks/benefits
BenefitTimeline
ProImport BenefitTimeline from @/components/blocks/benefits
BenefitJourney
ProImport BenefitJourney from @/components/blocks/benefits
BenefitAccordion
ProImport BenefitAccordion from @/components/blocks/benefits
BenefitTabs
ProImport BenefitTabs from @/components/blocks/benefits
BenefitMinimal
ProImport BenefitMinimal from @/components/blocks/benefits
BenefitDetailed
ProImport BenefitDetailed from @/components/blocks/benefits
BenefitAnimated
ProImport BenefitAnimated from @/components/blocks/benefits
BenefitInteractive
ProImport BenefitInteractive from @/components/blocks/benefits
ValuePropCentered
ProImport ValuePropCentered from @/components/blocks/benefits
ValuePropSplit
ProImport ValuePropSplit from @/components/blocks/benefits
ValuePropHero
ProImport ValuePropHero from @/components/blocks/benefits
ValuePropBanner
ProImport ValuePropBanner from @/components/blocks/benefits
ValuePropCards
ProImport ValuePropCards from @/components/blocks/benefits
ValuePropGrid
ProImport ValuePropGrid from @/components/blocks/benefits
ValuePropIcons
ProImport ValuePropIcons from @/components/blocks/benefits
ValuePropImages
ProImport ValuePropImages from @/components/blocks/benefits
ValuePropStats
ProImport ValuePropStats from @/components/blocks/benefits
ValuePropMetrics
ProImport ValuePropMetrics from @/components/blocks/benefits
ValuePropTestimonial
ProImport ValuePropTestimonial from @/components/blocks/benefits
ValuePropProof
ProImport ValuePropProof from @/components/blocks/benefits
ValuePropComparison
ProImport ValuePropComparison from @/components/blocks/benefits
ValuePropDifferentiator
ProImport ValuePropDifferentiator from @/components/blocks/benefits
UniqueSellingPoints
ProImport UniqueSellingPoints from @/components/blocks/benefits
KeyDifferentiators
ProImport KeyDifferentiators from @/components/blocks/benefits
WhyChooseUs
ProImport WhyChooseUs from @/components/blocks/benefits
WhyWeAreDifferent
ProImport WhyWeAreDifferent from @/components/blocks/benefits
CoreBenefits
ProImport CoreBenefits from @/components/blocks/benefits
MainAdvantages
ProImport MainAdvantages from @/components/blocks/benefits
ROICalculator
ProImport ROICalculator from @/components/blocks/benefits
ROIDisplay
ProImport ROIDisplay from @/components/blocks/benefits
ResultsShowcase
ProImport ResultsShowcase from @/components/blocks/benefits
ResultsGrid
ProImport ResultsGrid from @/components/blocks/benefits
ImpactMetrics
ProImport ImpactMetrics from @/components/blocks/benefits
ImpactShowcase
ProImport ImpactShowcase from @/components/blocks/benefits
SavingsCalculator
ProImport SavingsCalculator from @/components/blocks/benefits
SavingsDisplay
ProImport SavingsDisplay from @/components/blocks/benefits
TimeSaved
ProImport TimeSaved from @/components/blocks/benefits
MoneySaved
ProImport MoneySaved from @/components/blocks/benefits
EfficiencyGains
ProImport EfficiencyGains from @/components/blocks/benefits
ProductivityBoost
ProImport ProductivityBoost from @/components/blocks/benefits
BeforeAfterResults
ProImport BeforeAfterResults from @/components/blocks/benefits
TransformationShowcase
ProImport TransformationShowcase from @/components/blocks/benefits
SuccessMetrics
ProImport SuccessMetrics from @/components/blocks/benefits
PerformanceGains
ProImport PerformanceGains from @/components/blocks/benefits
ROITestimonials
ProImport ROITestimonials from @/components/blocks/benefits
ProvenResults
ProImport ProvenResults from @/components/blocks/benefits
All 61 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/benefits