import { DollarSign, MessagesSquare, PersonStanding, Timer, Zap, ZoomIn, } from "lucide-react"; interface Feature { title: string; description: string; icon: React.ReactNode; } interface Feature17Props { heading?: string; subheading?: string; features?: Feature[]; } const Feature17 = ({ heading = "Our Core Features", subheading = "Features", features = [ { title: "Performance", description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, accusantium quam. Temporibus quae quos deserunt!", icon: , }, { title: "Innovation", description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, accusantium quam. Temporibus quae quos deserunt!", icon: , }, { title: "Quality", description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, accusantium quam. Temporibus quae quos deserunt!", icon: , }, { title: "Accessibility", description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, accusantium quam. Temporibus quae quos deserunt!", icon: , }, { title: "Affordability", description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, accusantium quam. Temporibus quae quos deserunt!", icon: , }, { title: "Customer Support", description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, accusantium quam. Temporibus quae quos deserunt!", icon: , }, ], }: Feature17Props) => { return (

{subheading}

{heading}

{features.map((feature, idx) => (

{feature.icon}

{feature.title}

{feature.description}

))}

); }; export { Feature17 };

Shadcnblocks

Feature

Installation

Preview