Components

SCB Feature 01

Multi-card feature section with collaboration theme, testimonial quote, and large imagery.

SCB Feature 01

Multi-card feature section with collaboration theme, testimonial quote, and large imagery. Perfect for showcasing product capabilities.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/scb-feat-01

Usage

import { Feature4 } from "@/components/scb-feat-01";

export default function Page() {
  return (
    <Feature4
      heading="Features that set us apart"
      subheading="Discover what makes our platform unique"
      features={[
        {
          title: "Real-time Collaboration",
          description: "Work together seamlessly with your team.",
          icon: "users",
        },
      ]}
    />
  );
}

Features

  • Multi-Card Layout - Display multiple features in a grid
  • Testimonial Integration - Built-in quote section
  • Large Imagery - Hero-style feature images
  • Icon Support - Lucide icons for each feature
  • Responsive Grid - Adapts to screen size

Props

5 props
PropTypeDefaultDescription
headingreq
stringSection heading
subheading
stringOptional subheading text
featuresreq
Feature[]Array of feature objects
testimonial
{ quote: string; author: string; role: string }Optional testimonial
image
stringLarge feature image URL

Dependencies

  • lucide-react

Registry Dependencies

  • card

Lineage

PropertyValue
Source@shadcnblocks/feature4
Version1.0.0
Curated2025-01-19
LicenseCommercial

Modifications

  • Configurable props
  • Generic placeholder content

On this page